{
"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": "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"
}
],
"configure": {
"events": {
"supportedLifecycles": [
{
"description": "初始化时",
"name": "constructor"
},
{
"description": "装载后",
"name": "componentDidMount"
},
{
"description": "更新时",
"name": "componentDidMount"
},
{
"description": "卸载时",
"name": "componentWillUnmount"
}
]
},
"component": {
"isContainer": true
}
}
},
{
"componentName": "Div",
"title": "Div",
"configure": {
"component": {
"isContainer": true
}
}
},
{
"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": "trigger",
"propType": {
"type": "instanceOf",
"value": "element"
},
"defaultValue": null
},
{
"name": "triggerType",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"defaultValue": "click"
},
{
"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
}
}
},
{
"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": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"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": "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": "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": {
"component": {
"isContainer": true
},
"props": {
"isExtends": true,
"override": [{
"name": "dataSource",
"setter": "JsonSetter"
}]
}
}
},
{
"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"
}
]
},
{
"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": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "className",
"propType": "string"
},
{
"name": "style",
"propType": "object"
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "徽章依托的内容"
},
{
"name": "count",
"propType": {
"type": "oneOfType",
"value": [
"number",
"string"
]
},
"description": "展示的数字,大于 overflowCount 时显示为 ${overflowCount}+,为 0 时默认隐藏",
"defaultValue": 0
},
{
"name": "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": "children",
"propType": "any",
"description": "浮层的内容"
},
{
"name": "size",
"propType": "string",
"defaultValue": "medium"
},
{
"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": "instanceOf",
"value": "array"
},
"description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px",
"defaultValue": [
0,
0
]
},
{
"name": "trigger",
"propType": "any",
"description": "触发元素"
},
{
"name": "triggerType",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"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": "safeNode",
"propType": "string",
"description": "安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象"
},
{
"name": "safeId",
"propType": "string",
"description": "用来指定safeNode节点的id,和safeNode配合使用",
"defaultValue": null
},
{
"name": "animation",
"propType": {
"type": "oneOfType",
"value": [
"object",
"bool"
]
},
"description": "配置动画的播放方式\n@param {String} in 进场动画\n@param {String} out 出场动画"
},
{
"name": "cache",
"propType": "bool",
"description": "弹层的dom节点关闭时是否删除",
"defaultValue": false
},
{
"name": "popupContainer",
"propType": "any",
"description": "指定浮层渲染的父节点, 可以为节点id的字符串,也可以返回节点的函数。"
},
{
"name": "container",
"propType": "any"
},
{
"name": "popupStyle",
"propType": "object",
"description": "弹层组件style,透传给Popup"
},
{
"name": "popupClassName",
"propType": "string",
"description": "弹层组件className,透传给Popup",
"defaultValue": ""
},
{
"name": "popupProps",
"propType": "object",
"description": "弹层组件属性,透传给Popup"
},
{
"name": "followTrigger",
"propType": "bool",
"description": "是否跟随滚动"
},
{
"name": "id",
"propType": "string",
"description": "弹层id, 传入值才会支持无障碍"
}
]
},
{
"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": "any",
"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": "any",
"description": "触发元素"
},
{
"name": "triggerType",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"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": "any",
"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
}
]
},
{
"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
}
}
},
{
"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
}
}
},
{
"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": "link",
"propType": "string",
"description": "面包屑节点链接,如果设置这个属性,则该节点为`` ,否则是``"
},
{
"name": "activated",
"propType": "bool"
},
{
"name": "separator",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "className",
"propType": "any"
},
{
"name": "children",
"description": "内容",
"propType": "array"
},
{
"name": "style",
"propType": "object"
}
],
"configure": {
"component": {
"isContainer": true
}
}
},
{
"componentName": "Button",
"title": "Button",
"docUrl": "",
"screenshot": "",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"exportName": "Button",
"main": "src/index.js",
"destructuring": true,
"subName": ""
},
"props": [
{
"name": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "type",
"propType": {
"type": "oneOf",
"value": [
"primary",
"secondary",
"normal"
]
},
"description": "按钮的类型",
"defaultValue": "normal"
},
{
"name": "size",
"propType": {
"type": "oneOf",
"value": [
"small",
"medium",
"large"
]
},
"description": "按钮的尺寸",
"defaultValue": "medium"
},
{
"name": "iconSize",
"propType": {
"type": "oneOf",
"value": [
"xxs",
"xs",
"small",
"medium",
"large",
"xl",
"xxl",
"xxxl"
]
},
"description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小"
},
{
"name": "htmlType",
"propType": {
"type": "oneOf",
"value": [
"submit",
"reset",
"button"
]
},
"description": "当 component = 'button' 时,设置 button 标签的 type 值",
"defaultValue": "button"
},
{
"name": "component",
"propType": {
"type": "oneOf",
"value": [
"button",
"a",
"div",
"span"
]
},
"description": "设置标签类型",
"defaultValue": "button"
},
{
"name": "loading",
"propType": "bool",
"description": "设置按钮的载入状态",
"defaultValue": false
},
{
"name": "ghost",
"propType": {
"type": "oneOf",
"value": [
true,
false,
"light",
"dark"
]
},
"description": "是否为幽灵按钮",
"defaultValue": false
},
{
"name": "text",
"propType": "bool",
"description": "是否为文本按钮",
"defaultValue": false
},
{
"name": "warning",
"propType": "bool",
"description": "是否为警告按钮",
"defaultValue": false
},
{
"name": "disabled",
"propType": "bool",
"description": "是否禁用",
"defaultValue": false
},
{
"name": "onClick",
"propType": "func",
"description": "点击按钮的回调\n@param {Object} e Event Object"
},
{
"name": "className",
"propType": "string"
},
{
"name": "onMouseUp",
"propType": "func"
},
{
"name": "children",
"propType": "array"
},
{
"name": "style",
"propType": "object",
"description": "自定义内联样式"
}
],
"configure": {
"component": {
"isContainer": true
}
}
},
{
"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"
}
]
},
{
"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": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "media",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "卡片的上的图片 / 视频"
},
{
"name": "title",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "卡片的标题"
},
{
"name": "subTitle",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "卡片的副标题"
},
{
"name": "actions",
"propType": {
"type": "instanceOf",
"value": "node"
},
"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": "extra",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "标题区域的用户自定义内容"
},
{
"name": "free",
"propType": "bool",
"description": "是否开启自由模式,开启后card 将使用子组件配合使用, 设置此项后 title, subtitle, 等等属性都将失效",
"defaultValue": false
},
{
"name": "className",
"propType": "string"
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "style",
"propType": "object"
}
]
},
{
"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"
}
]
},
{
"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} value 选择值 { label: , value:}"
},
{
"name": "style",
"propType": "object"
}
]
},
{
"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": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "className",
"propType": "string",
"description": "自定义类名"
},
{
"name": "id",
"propType": "string",
"description": "checkbox id, 挂载在input上"
},
{
"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": {
"type": "instanceOf",
"value": "node"
},
"description": "通过属性配置label,"
},
{
"name": "indeterminate",
"propType": "bool",
"description": "Checkbox 的中间状态,只会影响到 Checkbox 的样式,并不影响其 checked 属性"
},
{
"name": "defaultIndeterminate",
"propType": "bool",
"description": "Checkbox 的默认中间态,只会影响到 Checkbox 的样式,并不影响其 checked 属性",
"defaultValue": false
},
{
"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": "鼠标离开Leave事件\n@param {Event} e Dom 事件对象"
},
{
"name": "value",
"propType": {
"type": "oneOfType",
"value": [
"string",
"number"
]
},
"description": "checkbox 的value"
},
{
"name": "name",
"propType": "string",
"description": "name"
},
{
"name": "isPreview",
"propType": "bool",
"description": "是否为预览态",
"defaultValue": false
},
{
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
}
]
},
{
"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": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
},
{
"name": "style",
"propType": "object",
"description": "组件接受行内样式"
},
{
"name": "dataSource",
"propType": {
"type": "instanceOf",
"value": "array"
},
"description": "使用数据模型构建"
},
{
"name": "defaultExpandedKeys",
"propType": {
"type": "instanceOf",
"value": "array"
},
"description": "默认展开keys"
},
{
"name": "expandedKeys",
"propType": {
"type": "instanceOf",
"value": "array"
},
"description": "受控展开keys"
},
{
"name": "onExpand",
"propType": "func",
"description": "展开状态发升变化时候的回调"
},
{
"name": "disabled",
"propType": "bool",
"description": "所有禁用"
},
{
"name": "className",
"propType": "string",
"description": "扩展class"
},
{
"name": "accordion",
"propType": "bool",
"description": "手风琴模式,一次只能打开一个",
"defaultValue": false
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "id",
"propType": "string"
},
{
"name": "rtl",
"propType": "bool"
}
]
},
{
"componentName": "Panel",
"title": "Panel",
"docUrl": "",
"screenshot": "",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"exportName": "Collapse",
"main": "src/index.js",
"destructuring": true,
"subName": "Panel"
},
"props": [
{
"name": "prefix",
"propType": "string",
"description": "样式类名的品牌前缀",
"defaultValue": "next-"
},
{
"name": "style",
"propType": "object",
"description": "子组件接受行内样式"
},
{
"name": "children",
"propType": "any"
},
{
"name": "isExpanded",
"propType": "bool",
"defaultValue": false
},
{
"name": "disabled",
"propType": "bool",
"description": "是否禁止用户操作"
},
{
"name": "title",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "标题"
},
{
"name": "className",
"propType": "string",
"description": "扩展class"
},
{
"name": "onClick",
"propType": "func"
},
{
"name": "id",
"propType": "string"
}
]
},
{
"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"
}
]
},
{
"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} 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} 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": "prefix",
"propType": "string",
"defaultValue": "next-"
},
{
"name": "pure",
"propType": "bool",
"defaultValue": false
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "className",
"propType": "string"
},
{
"name": "visible",
"propType": "oneOfType",
"description": "是否显示",
"defaultValue": false
},
{
"name": "title",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "标题"
},
{
"name": "children",
"propType": {
"type": "oneOfType",
"value": [
"bool",
{
"type": "instanceOf",
"value": "node"
}
]
},
"description": "内容"
},
{
"name": "footer",
"propType": {
"type": "oneOfType",
"value": [
"bool",
{
"type": "instanceOf",
"value": "node"
}
]
},
"description": "底部内容,设置为 false,则不进行显示\n@default [, ]"
},
{
"name": "footerAlign",
"propType": {
"type": "oneOf",
"value": [
"left",
"center",
"right"
]
},
"description": "底部按钮的对齐方式",
"defaultValue": "right"
},
{
"name": "footerActions",
"propType": {
"type": "instanceOf",
"value": "array"
},
"description": "指定确定按钮和取消按钮是否存在以及如何排列,
**可选值**:\n['ok', 'cancel'](确认取消按钮同时存在,确认按钮在左)\n['cancel', 'ok'](确认取消按钮同时存在,确认按钮在右)\n['ok'](只存在确认按钮)\n['cancel'](只存在取消按钮)",
"defaultValue": [
"ok",
"cancel"
]
},
{
"name": "onOk",
"propType": "func",
"description": "在点击确定按钮时触发的回调函数\n@param {Object} event 点击事件对象"
},
{
"name": "onCancel",
"propType": "func",
"description": "在点击取消按钮时触发的回调函数\n@param {Object} event 点击事件对象"
},
{
"name": "okProps",
"propType": "object",
"description": "应用于确定按钮的属性对象"
},
{
"name": "cancelProps",
"propType": "object",
"description": "应用于取消按钮的属性对象"
},
{
"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": "esc,close"
},
{
"name": "onClose",
"propType": "func",
"description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象"
},
{
"name": "afterClose",
"propType": "func",
"description": "对话框关闭后触发的回调函数, 如果有动画,则在动画结束后触发"
},
{
"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": "align",
"propType": {
"type": "oneOfType",
"value": [
"string",
"bool"
]
},
"description": "对话框对齐方式, 具体见Overlay文档",
"defaultValue": "cc cc"
},
{
"name": "isFullScreen",
"propType": "bool",
"description": "当对话框高度超过浏览器视口高度时,是否显示所有内容而不是出现滚动条以保证对话框完整显示在浏览器视口内,该属性仅在对话框垂直水平居中时生效,即 align 被设置为 'cc cc' 时",
"defaultValue": false
},
{
"name": "shouldUpdatePosition",
"propType": "bool",
"description": "是否在对话框重新渲染时及时更新对话框位置,一般用于对话框高度变化后依然能保证原来的对齐方式",
"defaultValue": false
},
{
"name": "minMargin",
"propType": "number",
"description": "对话框距离浏览器顶部和底部的最小间距,align 被设置为 'cc cc' 并且 isFullScreen 被设置为 true 时不生效",
"defaultValue": 40
},
{
"name": "overlayProps",
"propType": "object",
"description": "透传到弹层组件的属性对象"
},
{
"name": "locale",
"propType": "object",
"description": "自定义国际化文案对象\n@property {String} ok 确认按钮文案\n@property {String} cancel 取消按钮文案"
},
{
"name": "height",
"propType": "string",
"description": "对话框的高度样式属性"
},
{
"name": "popupContainer",
"propType": "any"
},
{
"name": "style",
"propType": "object"
}
],
"configure": {
"component": {
"isContainer": true,
"isModel": true
}
}
},
{
"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": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
},
{
"name": "inline",
"propType": "bool",
"description": "内联表单"
},
{
"name": "size",
"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",
"propType": {
"type": "oneOf",
"value": [
"top",
"left",
"inset"
]
},
"description": "标签的位置\n@enumdesc 上, 左, 内",
"defaultValue": "left"
},
{
"name": "labelTextAlign",
"propType": {
"type": "oneOf",
"value": [
"left",
"right"
]
},
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
},
{
"name": "field",
"propType": "any",
"description": "field 实例, 传 false 会禁用 field"
},
{
"name": "saveField",
"propType": "func",
"description": "保存 Form 自动生成的 field 对象"
},
{
"name": "labelCol",
"propType": "object",
"description": "控制第一级 Item 的 labelCol"
},
{
"name": "wrapperCol",
"propType": "object",
"description": "控制第一级 Item 的 wrapperCol"
},
{
"name": "onSubmit",
"propType": "func",
"description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发"
},
{
"name": "children",
"propType": "any",
"description": "子元素"
},
{
"name": "className",
"propType": "string",
"description": "扩展class"
},
{
"name": "style",
"propType": "object",
"description": "自定义内联样式"
},
{
"name": "value",
"propType": "object",
"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": "component",
"propType": {
"type": "oneOfType",
"value": [
"string",
"func"
]
},
"description": "设置标签类型",
"defaultValue": "form"
},
{
"name": "fieldOptions",
"propType": "object"
},
{
"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": "是否开启预览态"
}
]
},
{
"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": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "label",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "label 标签的文本"
},
{
"name": "labelCol",
"propType": "object",
"description": "label 标签布局,通 `` 组件,设置 span offset 值,如 {span: 8, offset: 16},该项仅在垂直表单有效"
},
{
"name": "wrapperCol",
"propType": "object",
"description": "需要为输入控件设置布局样式时,使用该属性,用法同 labelCol"
},
{
"name": "help",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "自定义提示信息,如不设置,则会根据校验规则自动生成."
},
{
"name": "extra",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "额外的提示信息,和 help 类似,当需要错误信息和提示文案同时出现时,可以使用这个。 位于错误信息后面"
},
{
"name": "validateState",
"propType": {
"type": "oneOf",
"value": [
"error",
"success",
"loading",
"warning"
]
},
"description": "校验状态,如不设置,则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告"
},
{
"name": "hasFeedback",
"propType": "bool",
"description": "配合 validateState 属性使用,是否展示 success/loading 的校验状态图标, 目前只有Input支持",
"defaultValue": false
},
{
"name": "style",
"propType": "object",
"description": "自定义内联样式"
},
{
"name": "id",
"propType": "string"
},
{
"name": "children",
"propType": {
"type": "oneOfType",
"value": [
{
"type": "instanceOf",
"value": "node"
},
"func"
]
},
"description": "node 或者 function(values)"
},
{
"name": "size",
"propType": {
"type": "oneOf",
"value": [
"large",
"small",
"medium"
]
},
"description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。"
},
{
"name": "fullWidth",
"propType": "bool",
"description": "单个 Item 中表单类组件宽度是否是100%"
},
{
"name": "labelAlign",
"propType": {
"type": "oneOf",
"value": [
"top",
"left",
"inset"
]
},
"description": "标签的位置\n@enumdesc 上, 左, 内"
},
{
"name": "labelTextAlign",
"propType": {
"type": "oneOf",
"value": [
"left",
"right"
]
},
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
},
{
"name": "className",
"propType": "string",
"description": "扩展class"
},
{
"name": "required",
"propType": "bool",
"description": "[表单校验] 不能为空"
},
{
"name": "asterisk",
"propType": "bool",
"description": "required 的星号是否显示"
},
{
"name": "requiredMessage",
"propType": "string",
"description": "required 自定义错误信息"
},
{
"name": "requiredTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "required 自定义触发方式"
},
{
"name": "min",
"propType": "number",
"description": "[表单校验] 最小值"
},
{
"name": "max",
"propType": "number",
"description": "[表单校验] 最大值"
},
{
"name": "minmaxMessage",
"propType": "string",
"description": "min/max 自定义错误信息"
},
{
"name": "minmaxTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "min/max 自定义触发方式"
},
{
"name": "minLength",
"propType": "number",
"description": "[表单校验] 字符串最小长度 / 数组最小个数"
},
{
"name": "maxLength",
"propType": "number",
"description": "[表单校验] 字符串最大长度 / 数组最大个数"
},
{
"name": "minmaxLengthMessage",
"propType": "string",
"description": "minLength/maxLength 自定义错误信息"
},
{
"name": "minmaxLengthTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "minLength/maxLength 自定义触发方式"
},
{
"name": "length",
"propType": "number",
"description": "[表单校验] 字符串精确长度 / 数组精确个数"
},
{
"name": "lengthMessage",
"propType": "string",
"description": "length 自定义错误信息"
},
{
"name": "lengthTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "length 自定义触发方式"
},
{
"name": "pattern",
"propType": "any",
"description": "正则校验"
},
{
"name": "patternMessage",
"propType": "string",
"description": "pattern 自定义错误信息"
},
{
"name": "patternTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "pattern 自定义触发方式"
},
{
"name": "format",
"propType": {
"type": "oneOf",
"value": [
"number",
"email",
"url",
"tel"
]
},
"description": "[表单校验] 四种常用的 pattern"
},
{
"name": "formatMessage",
"propType": "string",
"description": "format 自定义错误信息"
},
{
"name": "formatTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "format 自定义触发方式"
},
{
"name": "validator",
"propType": "func",
"description": "[表单校验] 自定义校验函数"
},
{
"name": "validatorTrigger",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "validator 自定义触发方式"
},
{
"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": "是否开启预览态"
},
{
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {any} value 根据包裹的组件的 value 类型而决定"
}
],
"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": "field",
"propType": "object",
"description": "自定义 field (在 Form 内不需要设置)"
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "style",
"propType": "object"
}
]
},
{
"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": "names",
"propType": {
"type": "instanceOf",
"value": "array"
},
"description": "自定义重置的字段"
},
{
"name": "onClick",
"propType": "func",
"description": "点击提交后触发"
},
{
"name": "toDefault",
"propType": "bool",
"description": "返回默认值"
},
{
"name": "field",
"propType": "object",
"description": "自定义 field (在 Form 内不需要设置)"
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "style",
"propType": "object"
}
]
},
{
"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": "string",
"description": "指定显示哪种图标"
},
{
"name": "children",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "size",
"propType": {
"type": "oneOfType",
"value": [
{
"type": "oneOf",
"value": [
"xxs",
"xs",
"small",
"medium",
"large",
"xl",
"xxl",
"xxxl",
"inherit"
]
},
"number"
]
},
"description": "指定图标大小\n
**可选值**
xxs, xs, small, medium, large, xl, xxl, xxxl, inherit",
"defaultValue": "medium"
},
{
"name": "className",
"propType": "string"
},
{
"name": "style",
"propType": "object"
},
{
"name": "prefix",
"defaultValue": "next-"
}
]
},
{
"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": {
"type": "instanceOf",
"value": "node"
},
"description": "label"
},
{
"name": "hasClear",
"propType": "bool",
"description": "是否出现clear按钮"
},
{
"name": "hasBorder",
"propType": "bool",
"description": "是否有边框",
"defaultValue": true
},
{
"name": "state",
"propType": {
"type": "oneOf",
"value": [
"error",
"loading",
"success",
"warning"
]
},
"description": "状态\n@enumdesc 错误, 校验中, 成功, 警告"
},
{
"name": "size",
"propType": {
"type": "oneOf",
"value": [
"small",
"medium",
"large"
]
},
"description": "尺寸\n@enumdesc 小, 中, 大",
"defaultValue": "medium"
},
{
"name": "onPressEnter",
"propType": "func",
"description": "按下回车的回调"
},
{
"name": "onClear",
"propType": "func"
},
{
"name": "htmlType",
"propType": "string",
"description": "原生type"
},
{
"name": "htmlSize",
"propType": "string"
},
{
"name": "hint",
"propType": "string",
"description": "水印 (Icon的type类型,和hasClear占用一个地方)"
},
{
"name": "innerBefore",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "文字前附加内容"
},
{
"name": "innerAfter",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "文字后附加内容"
},
{
"name": "addonBefore",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "输入框前附加内容"
},
{
"name": "addonAfter",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "输入框后附加内容"
},
{
"name": "addonTextBefore",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "输入框前附加文字"
},
{
"name": "addonTextAfter",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "输入框后附加文字"
},
{
"name": "autoComplete",
"propType": "string",
"description": "(原生input支持)",
"defaultValue": "off"
},
{
"name": "autoFocus",
"propType": "bool",
"description": "自动聚焦(原生input支持)"
},
{
"name": "inputRender",
"propType": "func"
},
{
"name": "extra",
"propType": {
"type": "instanceOf",
"value": "node"
}
},
{
"name": "innerBeforeClassName",
"propType": "string"
},
{
"name": "innerAfterClassName",
"propType": "string"
},
{
"name": "isPreview",
"propType": "bool",
"description": "是否为预览态",
"defaultValue": false
},
{
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
},
{
"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": "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": {
"type": "oneOfType",
"value": [
"bool",
"object"
]
},
"description": "自动高度 true / {minRows: 2, maxRows: 4}",
"defaultValue": false
},
{
"name": "rows",
"propType": "number",
"description": "多行文本框高度
(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)",
"defaultValue": 4
},
{
"name": "isPreview",
"propType": "bool",
"description": "是否为预览态",
"defaultValue": false
},
{
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
},
{
"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": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
},
{
"name": "tip",
"propType": "any",
"description": "自定义内容"
},
{
"name": "tipAlign",
"propType": {
"type": "oneOf",
"value": [
"right",
"bottom"
]
},
"description": "自定义内容位置\n@enumdesc 出现在动画右边, 出现在动画下面",
"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": "indicator",
"propType": "any",
"description": "自定义动画"
},
{
"name": "color",
"propType": "string",
"description": "动画颜色"
},
{
"name": "fullScreen",
"propType": "bool",
"description": "全屏展示"
},
{
"name": "children",
"propType": "any",
"description": "子元素"
},
{
"name": "inline",
"propType": "bool",
"description": "should loader be displayed inline",
"defaultValue": true
},
{
"name": "rtl",
"propType": "bool"
},
{
"name": "animate",
"defaultValue": null
}
]
},
{
"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": "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": "onItemClick",
"propType": "func",
"description": "点击菜单项触发的回调函数\n@param {String} key 点击的菜单项的 key 值\n@param {Object} item 点击的菜单项对象\n@param {Object} event 点击的事件对象"
},
{
"name": "openKeys",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "当前打开的子菜单的 key 值"
},
{
"name": "defaultOpenKeys",
"propType": {
"type": "oneOfType",
"value": [
"string",
{
"type": "instanceOf",
"value": "array"
}
]
},
"description": "初始打开的子菜单的 key 值",
"defaultValue": []
},
{
"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": "popupProps",
"propType": {
"type": "oneOfType",
"value": [
"object",
"func"
]
},
"description": "弹层自定义 props"
},
{
"name": "popupClassName",
"propType": "string",
"description": "弹出子菜单自定义 className"
},
{
"name": "popupStyle",
"propType": "object",
"description": "弹出子菜单自定义 style"
},
{
"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 值",
"defaultValue": []
},
{
"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": "renderMore",
"propType": "func"
},
{
"name": "header",
"propType": {
"type": "instanceOf",
"value": "node"
},
"description": "自定义菜单头部"
},
{
"name": "footer",
"propType": {
"type": "instanceOf",
"value": "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,可以配合`