{ "version": "1.0.0", "packages": [ { "package": "moment", "urls": ["https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"], "library": "moment" }, { "title": "fusion组件库", "package": "@alifd/next", "version": "1.20.0", "urls": ["https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.js", "https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.css"], "library": "Next" }, { "title": "NextTable", "package": "NextTable", "version": "1.0.0", "urls": ["http://alifd.alibabausercontent.com/materials/NextTable.js", "http://alifd.alibabausercontent.com/materials/NextTable.css"], "library": "NextTable" }, { "title": "MCBreadcrumb", "package": "mc-breadcrumb", "version": "1.0.0", "urls": ["https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.js", "https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.css"], "library": "MCBreadcrumb" } ], "components": [ { "componentName": "Page", "title": "Page", "props": [ { "name": "style", "propType": "object", "defaultValue": { "padding": 12 } } ], "configure": { "events": { "supportedLifecycles": [ { "description": "初始化时", "name": "constructor" }, { "description": "装载后", "name": "componentDidMount" }, { "description": "更新时", "name": "componentDidMount" }, { "description": "卸载时", "name": "componentWillUnmount" } ] }, "component": { "isContainer": true } } }, { "componentName": "a", "title": "Link", "npm": { "exportName": "a" }, "props": [ { "name": "href", "title": "链接", "propType": "string", "defaultValue": "https://fusion.design" }, { "name": "children", "title": "内容", "propType": { "type": "oneOfType", "value": [ "string", "node" ] }, "defaultValue": "这是一个超链接" }, { "name": "style", "propType": "object" }, { "name": "target", "title": "新开页面", "propType": { "type": "oneOf", "value": [ "_blank", "_self" ] } } ] }, { "componentName": "img", "title": "Image", "npm": { "exportName": "img" }, "props": [ { "name": "src", "title": "图片链接", "propType": "string", "defaultValue": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg" }, { "name": "title", "title": { "label": "标题", "tip": "HTML 原生 title 属性" }, "propType": "string" }, { "name": "alt", "title": { "label": "代替文本", "tip": "HTML 原生 alt 属性" }, "propType": "string" }, { "name": "width", "title": { "label": "宽度", "tip": "HTML 原生 width 属性" }, "propType": "number" }, { "name": "height", "title": { "label": "高度", "tip": "HTML 原生 height 属性" }, "propType": "number" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Div", "title": "Div", "configure": { "component": { "isContainer": true } } }, { "componentName": "Divider", "title": "Divider", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Divider", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "children", "propType": "string", "description": "文案", "defaultValue": "分隔符" }, { "name": "dashed", "propType": { "type": "bool" }, "description": "是否为虚线", "defaultValue": false }, { "name": "direction", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "线是水平还是垂直类型", "defaultValue": "hoz" }, { "name": "orientation", "propType": { "type": "oneOf", "value": [ "left", "right", "center" ] }, "description": "分割线标题的位置", "defaultValue": "center" } ], "experimental": { "filters": [{ "name": "", "filter": { "type": "JSFunction", "value": "filters" } }] } }, { "componentName": "Drawer", "title": "抽屉", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Drawer", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "style", "propType": "object" }, { "name": "pure", "propType": "bool" }, { "name": "rtl", "propType": "bool" }, { "name": "width", "propType": { "type": "oneOfType", "value": [ "number", "string" ] }, "description": "宽度，仅在 placement是 left right 的时候生效" }, { "name": "height", "propType": { "type": "oneOfType", "value": [ "number", "string" ] }, "description": "高度，仅在 placement是 top bottom 的时候生效" }, { "name": "closeable", "propType": { "type": "oneOfType", "value": [ "string", "bool" ] }, "description": "控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：\n**close** 表示点击关闭按钮可以关闭对话框\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'close' 或 'close,esc,mask'\n如果设置为 true，则以上关闭方式全部生效\n如果设置为 false，则以上关闭方式全部失效", "defaultValue": true }, { "name": "onClose", "propType": "func", "description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象" }, { "name": "placement", "propType": { "type": "oneOf", "value": [ "top", "right", "bottom", "left" ] }, "description": "位于页面的位置", "defaultValue": "right" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "标题" }, { "name": "headerStyle", "propType": "object", "description": "header上的样式" }, { "name": "bodyStyle", "propType": "object", "description": "body上的样式" }, { "name": "visible", "propType": "bool", "description": "是否显示" }, { "name": "hasMask", "propType": "bool", "description": "是否显示遮罩", "defaultValue": true }, { "name": "onVisibleChange", "propType": "func" }, { "name": "animation", "propType": { "type": "oneOfType", "value": [ "object", "bool" ] }, "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画" }, { "name": "locale", "propType": "object" }, { "name": "popupContainer", "propType": "any" } ],"configure": { "component": { "isContainer": true, "isModel": true }, "props": [ { "name": "prefix", "title": { "type": "i18n", "zh_CN": "前缀", "en_US": "prefix" } } ] } }, { "componentName": "Drawer.Inner", "title": "Drawer.Inner", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Drawer", "main": "src/index.js", "destructuring": true, "subName": "Inner" }, "props": [ { "name": "className", "propType": "string" }, { "name": "closeable", "propType": "bool", "defaultValue": true }, { "name": "role", "propType": "string", "defaultValue": "dialog" }, { "name": "title", "propType": "string" }, { "name": "placement", "propType": { "type": "oneOf", "value": [ "top", "right", "bottom", "left" ] } }, { "name": "rtl", "propType": "bool" }, { "name": "onClose", "propType": "func" }, { "name": "locale", "propType": "object" }, { "name": "headerStyle", "propType": "object" }, { "name": "bodyStyle", "propType": "object" }, { "name": "afterClose", "propType": "func" }, { "name": "beforeOpen", "propType": "func" }, { "name": "beforeClose", "propType": "func" }, { "name": "cache", "propType": "bool" }, { "name": "shouldUpdatePosition", "propType": "bool" } ] }, { "componentName": "NextTable", "title": "NextTable", "docUrl": "", "screenshot": "", "npm": { "package": "NextTable", "version": "1.19.18", "exportName": "NextTable", "main": "lib/index.js", "subName": "" }, "props": [ { "name": "columns", "title": "数据列", "propType": { "type": "arrayOf", "value": { "type": "shape", "value": [ { "name": "title", "description": "列标题", "propType": "string", "defaultValue": "Title" }, { "name": "dataKey", "description": "列索引", "propType": "string", "defaultValue": "Key" }, { "name": "dataType", "description": "数据类型", "propType": { "type": "oneOf", "value": [ "text", "timestamp", "cascadeTimestamp", "employee", "money", "moneyRange" ] }, "defaultValue": "Key" }, { "name": "editType", "description": "编辑类型", "propType": { "type": "oneOf", "value": [ "select", "text", "radio", "date", "employee" ] }, "defaultValue": "Key" } ] } } }, { "name": "data", "title": "数据源", "propType": { "type": "oneOfType", "value": [ "Json", "JSExpression" ] } }, { "name": "actionTitle", "title": "操作列标题", "propType": "string" }, { "name": "actionColumn", "title": "操作列", "propType": { "type": "arrayOf", "value": { "type": "shape", "value": [{ "name": "title", "description": "列标题", "propType": "string", "defaultValue": "Title" },{ "name": "callback", "description": "callback", "propType": "func", "defaultValue": { "type": "JSFunction", "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" } }] } } } ], "configure": { "props": [ { "name": "StyleAndTheme", "title": "风格和样式", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "theme", "title": "主题", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "zebra", "value": "zebra" },{ "label": "split", "value": "split" },{ "label": "border", "value": "border" } ] } } }, { "name": "hasHeader", "title": "是否显示表头", "setter": "BoolSetter" }, { "name": "fixedHeader", "title": "是否固定表头", "setter": "BoolSetter" }, { "name": "stickyHeader", "title": "表头是否是sticky", "setter": "BoolSetter" } ] }, { "name": "Selector", "title": "行选择器", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "rowSelector", "title": "选择器模式", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "checkboxSelector", "value": "checkboxSelector" },{ "label": "radioSelector", "value": "radioSelector" } ] } } }, { "name": "showRowSelector", "title": "是否启用选择模式", "setter": "BoolSetter" } ] }, { "name": "Pagination", "title": "分页设置", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "isPagination", "title": "是否显示分页", "setter": "BoolSetter", "initialValue": true }, { "name": "pagination", "title": "分页设置", "setter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "name": "paginationPosition", "title": "翻页器显示位置", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "left", "value": "left" },{ "label": "right", "value": "right" } ] } } }, { "name": "size", "title": "分页组件大小", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "small", "value": "small" },{ "label": "medium", "value": "medium" },{ "label": "large", "value": "large" } ] } } }, { "name": "type", "title": "分页组件类型", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "normal", "value": "normal" },{ "label": "simple", "value": "simple" },{ "label": "mini", "value": "mini" } ] } } }, { "name": "shape", "title": "前进后退按钮样式", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "normal", "value": "normal" },{ "label": "arrow-only", "value": "arrow-only" },{ "label": "arrow-prev-only", "value": "arrow-prev-only" },{ "label": "no-border", "value": "no-border" } ] } } }, { "name": "pageSizeSelector", "title": "每页显示选择器类型", "setter": "BoolSetter" }, { "name": "pageSizeList", "title": "每页显示选择器可选值", "setter": "StringSetter" }, { "name": "pageSizePosition", "title": "每页显示选择器在组件中的位置", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "start", "value": "start" },{ "label": "end", "value": "end" } ] } } }, { "name": "hideOnlyOnePage", "title": "hideOnlyOnePage", "setter": "BoolSetter" }, { "name": "showJump", "title": "showJump", "setter": "BoolSetter" }, { "name": "pageShowCount", "title": "页码显示的数量", "setter": "NumberSetter" } ] } }, "initialValue": { "type" : "normal", "shape" : "arrow-only", "pageSize" : 10, "pageSizeSelector" : false, "pageSizeList" : "5,10,20", "pageSizePosition" : "end", "paginationPosition" : "right", "hideOnlyOnePage" : false, "showJump" : true } } } ] }, { "name": "ExpandAndTree", "title": "可折叠/树形表格", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "hasExpandedRowCtrl", "title": "启用折叠", "setter": "BoolSetter" }, { "name": "isTree", "title": "启用树形", "setter": "BoolSetter" } ] }, { "name": "TopAction", "title": "顶部操作选项", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "showActionBar", "title": "显示操作条", "setter": "BoolSetter" }, { "name": "showLinkBar", "title": "显示外链条", "setter": "BoolSetter" }, { "name": "showSearch", "title": "显示搜索", "setter": "BoolSetter" }, { "name": "searchBarPlaceholder", "title": "搜索 placeholder", "setter": "StringSetter" }, { "name": "showCustomColumn", "title": "显示筛选器", "setter": "BoolSetter" } ] }, { "name": "actionBar", "title": "操作条", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [{ "name": "title", "description": "标题", "setter": "StringSetter", "defaultValue": "Title" },{ "name": "callback", "description": "callback", "setter": "FunctionSetter" }] } }, "initialValue": { "title": "Title", "callback": { "type": "JSFunction", "value": "function(){}" } } } } } }, { "name": "linkBar", "title": "外链操作条", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [{ "name": "title", "description": "标题", "setter": "StringSetter", "defaultValue": "Title" },{ "name": "callback", "description": "callback", "propType": "JsonSetter", "defaultValue": { "type": "JSFunction", "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" } }] } }, "initialValue": { "title": "Title", "callback": { "type": "JSFunction", "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" } } } } } }, { "name": "columns", "title": "数据列", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "name": "title", "description": "列标题", "setter": "StringSetter" }, { "name": "dataKey", "description": "列索引", "setter": "StringSetter" }, { "name": "dataType", "description": "数据类型", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "text", "value": "text" },{ "label": "timestamp", "value": "timestamp" },{ "label": "cascadeTimestamp", "value": "cascadeTimestamp" },{ "label": "employee", "value": "employee" },{ "label": "money", "value": "money" },{ "label": "moneyRange", "value": "moneyRange" } ] } } }, { "name": "editType", "description": "编辑类型", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "select", "value": "select" },{ "label": "text", "value": "text" },{ "label": "radio", "value": "radio" },{ "label": "date", "value": "date" },{ "label": "employee", "value": "employee" } ] } } } ] } }, "initialValue": { "title": "Title", "dataKey": "Key", "dataType": "text", "editType": "text" } } } } }, { "name": "data", "title": "数据源", "setter": { "componentName": "MixedSetter", "props": { "setters": [ "JsonSetter", "ExpressionSetter" ] } } }, { "name": "action", "title": "操作列选项", "type": "group", "extraProps": { "display": "entry" }, "items": [ { "name": "actionTitle", "title": "操作列标题", "setter": "StringSetter" }, { "name": "actionWidth", "title": "操作列宽度", "setter": "NumberSetter" }, { "name": "actionType", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "link", "value": "link" },{ "label": "button", "value": "button" } ] } } }, { "name": "actionFixed", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "right", "value": "right" },{ "label": "none", "value": "none" } ] } } }, { "name": "actionHidden", "setter": "BoolSetter", "initialValue": false } ] }, { "name": "actionColumn", "title": "操作列", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [{ "name": "title", "description": "列标题", "setter": "StringSetter", "defaultValue": "Title" },{ "name": "callback", "description": "callback", "setter": "FunctionSetter" }] } }, "initialValue": { "title": "Title", "callback": { "type": "JSFunction", "value": "function(){}" } } } } } } ] } }, { "componentName": "Table", "title": "Table", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Table", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string" }, { "name": "children", "propType": "string" }, { "name": "pure", "propType": "bool" }, { "name": "rtl", "propType": "bool" }, { "name": "tableLayout", "propType": { "type": "oneOf", "value": [ "fixed", "auto" ] } }, { "name": "tableWidth", "propType": "number" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium" ] } }, { "name": "dataSource", "propType": { "type": "arrayOf", "value": "object" } }, { "name": "entireDataSource", "propType": "array" }, { "name": "onRowClick", "propType": "func" }, { "name": "onRowMouseEnter", "propType": "func" }, { "name": "rowProps", "propType": "func" }, { "name": "cellProps", "propType": "func" }, { "name": "hasBorder", "propType": "bool" }, { "name": "hasHeader", "propType": "bool" }, { "name": "isZebra", "propType": "bool" }, { "name": "loading", "propType": "bool" }, { "name": "filterParams", "propType": "object" }, { "name": "sort", "propType": "object" }, { "name": "sortIcons", "propType": "object" }, { "name": "locale", "propType": "object" }, { "name": "components", "propType": "object" }, { "name": "columns", "propType": { "type": "arrayOf", "value": { "type": "shape", "value": [{ "name": "title", "description": "列标题", "propType": "string" },{ "name": "dataIndex", "description": "列名称", "propType": "string" }] } } }, { "name": "emptyContent", "propType": "node" }, { "name": "primaryKey", "propType": "string" }, { "name": "lockType", "propType": { "type": "oneOf", "value": [ "left", "right" ] } },{ "name": "style", "propType": "object" }, { "name": "wrapperContent", "propType": "any" }, { "name": "refs", "propType": "object" }, { "name": "expandedRowRender", "propType": "func" }, { "name": "expandedRowIndent", "propType": "array" }, { "name": "hasExpandedRowCtrl", "propType": "bool" }, { "name": "getExpandedColProps", "propType": "func" }, { "name": "openRowKeys", "propType": "array" }, { "name": "onRowOpen", "propType": "func" }, { "name": "onExpandedRowClick", "propType": "func" }, { "name": "fixedHeader", "propType": "bool" }, { "name": "rowSelection", "propType": "object" }, { "name": "stickyHeader", "propType": "bool" }, { "name": "offsetTop", "propType": "number" }, { "name": "affixProps", "propType": "object" }, { "name": "indent", "propType": "number" }, { "name": "isTree", "propType": "bool" }, { "name": "useVirtual", "propType": "bool" }, { "name": "onBodyScroll", "propType": "func" }, { "name": "expandedIndexSimulate", "propType": "bool" }, { "name": "crossline", "propType": "bool" }, { "name": "lengths", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "dataSource", "setter": "JsonSetter" }, { "name": "children", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "name": "componentName", "title": "子组件", "defaultValue": "Table.Column", "setter": { "componentName": "StringSetter" } }, { "name": "props", "title": "props", "setter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "name": "title", "setter": { "componentName": "StringSetter" } }, { "name": "dataIndex", "setter": { "componentName": "StringSetter" } } ] } } } } ] } } } } }, "extraProps": { "defaultValue": "", "onChange": { "type": "JSFunction", "value": "(val, field, editor) => {\n debugger;\n console.log('val', val);//field.nodes[0].children.import(val && {\"componentName\": \"Table.Column\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" } } } ] } } }, { "componentName": "Table.Column", "title": "Table.Column", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Table", "main": "src/index.js", "destructuring": true, "subName": "Column" }, "props": [ { "name": "title", "propType": "string" }, { "name": "dataIndex", "propType": "string" }, { "name": "cell", "propType": "func" } ], "configure": { "props": { "isExtends": true, "override": [{ "name": "cell", "setter": { "componentName": "SlotSetter", "props": { "supportParams": true } }, "extraProps": { "display": "block" } }] } } }, { "componentName": "Badge", "title": "Badge", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Badge", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "徽章依托的内容" }, { "name": "count", "title": "count", "propType": "string", "description": "展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时默认隐藏", "defaultValue": 0 }, { "name": "showZero", "title": "showZero", "propType": "bool", "description": "当count为0时，是否显示count", "defaultValue": true }, { "name": "content", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义节点内容" }, { "name": "overflowCount", "propType": { "type": "oneOfType", "value": [ "number", "string" ] }, "description": "展示的封顶的数字", "defaultValue": 99 }, { "name": "dot", "propType": "bool", "description": "不展示数字，只展示一个小红点", "defaultValue": false } ] }, { "componentName": "Balloon", "title": "Balloon", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Balloon", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "pure", "propType": "bool", "defaultValue": false }, { "name": "rtl", "propType": "bool" }, { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "primary" ] }, "description": "样式类型", "defaultValue": "normal" }, { "name": "visible", "propType": "bool", "description": "弹层当前显示的状态" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认显示的状态", "defaultValue": false }, { "name": "onVisibleChange", "propType": "func", "description": "弹层在显示和隐藏触发的事件\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示或隐藏的来源， closeClick 表示由自带的关闭按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "alignEdge", "propType": "bool", "description": "弹出层对齐方式, 是否为边缘对齐", "defaultValue": false }, { "name": "closable", "propType": "bool", "description": "是否显示关闭按钮", "defaultValue": true }, { "name": "align", "propType": { "type": "oneOf", "value": [ "t", "r", "b", "l", "tl", "tr", "bl", "br", "lt", "lb", "rt", "rb" ] }, "description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合", "defaultValue": "b" }, { "name": "offset", "propType": { "type": "arrayOf", "value": "number" }, "description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px", "defaultValue": [ 0, 0 ] }, { "name": "trigger", "propType": "node", "description": "触发元素" }, { "name": "triggerType", "title": "触发行为", "propType": { "type": "oneOf", "value": [ "hover", "click" ] }, "description": "触发行为\n鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若弹窗内容有复杂交互请使用click", "defaultValue": "hover" }, { "name": "onClick", "propType": "func" }, { "name": "onClose", "propType": "func", "description": "任何visible为false时会触发的事件" }, { "name": "onHover", "propType": "func" }, { "name": "needAdjust", "propType": "bool", "description": "是否进行自动位置调整", "defaultValue": false }, { "name": "delay", "propType": "number", "description": "弹层在触发以后的延时显示, 单位毫秒 ms" }, { "name": "afterClose", "propType": "func", "description": "浮层关闭后触发的事件, 如果有动画，则在动画结束后触发" }, { "name": "shouldUpdatePosition", "propType": "bool", "description": "强制更新定位信息" }, { "name": "autoFocus", "propType": "bool", "description": "弹层出现后是否自动focus到内部第一个元素", "defaultValue": true }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Tooltip", "title": "Tooltip", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Balloon", "main": "src/index.js", "destructuring": true, "subName": "Tooltip" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式类名的品牌前缀", "defaultValue": "next-" }, { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内联样式" }, { "name": "children", "propType": "node", "description": "tooltip的内容" }, { "name": "align", "propType": { "type": "oneOf", "value": [ "t", "r", "b", "l", "tl", "tr", "bl", "br", "lt", "lb", "rt", "rb" ] }, "description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合", "defaultValue": "b" }, { "name": "trigger", "propType": "node", "description": "触发元素" }, { "name": "triggerType", "propType": { "type": "oneOf", "value": [ "hover", "click" ] }, "description": "触发行为\n鼠标悬浮, 鼠标点击('hover', 'click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若有复杂交互，推荐使用triggerType为click的Balloon组件", "defaultValue": "hover" }, { "name": "popupStyle", "propType": "object", "description": "弹层组件style，透传给Popup" }, { "name": "popupClassName", "propType": "string", "description": "弹层组件className，透传给Popup" }, { "name": "popupProps", "propType": "object", "description": "弹层组件属性，透传给Popup" }, { "name": "pure", "propType": "bool", "description": "是否pure render" }, { "name": "popupContainer", "propType": "string", "description": "指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "id", "propType": "string", "description": "弹层id, 传入值才会支持无障碍" }, { "name": "delay", "propType": "number", "description": "如果需要让 Tooltip 内容可被点击，可以设置这个参数，例如 100", "defaultValue": 0 } ] }, { "componentName": "BalloonInner", "title": "BalloonInner", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Balloon", "main": "src/index.js", "destructuring": true, "subName": "Inner" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "closable", "propType": "bool", "defaultValue": true }, { "name": "children", "propType": "any" }, { "name": "className", "propType": "string" }, { "name": "alignEdge", "propType": "bool", "defaultValue": false }, { "name": "onClose", "propType": "func" }, { "name": "style", "propType": "any" }, { "name": "align", "propType": "string", "defaultValue": "b" }, { "name": "type", "propType": "string", "defaultValue": "normal" }, { "name": "isTooltip", "propType": "bool" }, { "name": "locale", "propType": "object" }, { "name": "pure", "propType": "bool", "defaultValue": false } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Breadcrumb", "title": "Breadcrumb", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Breadcrumb", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式类名的品牌前缀", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "面包屑子节点，需传入 Breadcrumb.Item" }, { "name": "maxNode", "propType": { "type": "oneOfType", "value": [ "number", { "type": "oneOf", "value": [ "auto" ] } ] }, "description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。", "defaultValue": 100 }, { "name": "separator", "propType": { "type": "instanceOf", "value": "node" }, "description": "分隔符，可以是文本或 Icon" }, { "name": "component", "propType": { "type": "oneOfType", "value": [ "string", "func" ] }, "description": "设置标签类型", "defaultValue": "nav" }, { "name": "className", "propType": "any" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true }, "props": [ { "name": "maxNode", "title": { "label": "最大节点数", "tip": "默认 100" }, "setter": "NumberSetter" }, { "name": "separator", "title": "分隔符", "setter": "StringSetter" } ] } }, { "componentName": "MCBreadcrumb", "title": "MCBreadcrumb", "docUrl": "", "screenshot": "", "npm": { "package": "mc-breadcrumb", "version": "1.0.0", "exportName": "MCBreadcrumb", "main": "lib/index.js", "destructuring": false, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式类名的品牌前缀", "defaultValue": "next-" }, { "name": "title", "propType": "string", "description": "标题", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "面包屑子节点，需传入 Breadcrumb.Item" }, { "name": "maxNode", "propType": { "type": "oneOfType", "value": [ "number", { "type": "oneOf", "value": [ "auto" ] } ] }, "description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。", "defaultValue": 100 }, { "name": "separator", "propType": { "type": "instanceOf", "value": "node" }, "description": "分隔符，可以是文本或 Icon" }, { "name": "component", "propType": { "type": "oneOfType", "value": [ "string", "func" ] }, "description": "设置标签类型", "defaultValue": "nav" }, { "name": "className", "propType": "any" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "isModel": true, "rootSelector": "div.MCBreadcrumb" } } }, { "componentName": "Breadcrumb.Item", "title": "Breadcrumb.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Breadcrumb", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "children", "description": "内容", "propType": "string" }, { "name": "link", "propType": "string", "description": "面包屑节点链接，如果设置这个属性，则该节点为`` ，否则是``" }, { "name": "activated", "propType": "bool" }, { "name": "separator", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "className", "propType": "any" }, { "name": "style", "propType": "object" } ], "configure": { "props": [{ "name": "children", "title": "文本内容", "setter": "StringSetter" }] } }, { "componentName": "Button", "title": "Button", "icon": "https://img.alicdn.com/tfs/TB1rT0gPQL0gK0jSZFAXXcA9pXa-200-200.svg", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Button", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "children", "title": "内容", "propType": "string" }, { "name": "icon", "propType": "string", "description": "自定义内联样式" }, { "name": "type", "title": "类型", "propType": { "type": "oneOf", "value": [ "primary", "secondary", "normal" ] }, "description": "按钮的类型", "defaultValue": "normal" }, { "name": "size", "title": "尺寸", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "按钮的尺寸", "defaultValue": "medium" }, { "name": "iconSize", "title": "Icon 尺寸", "propType": { "type": "oneOf", "value": [ "xxs", "xs", "small", "medium", "large", "xl", "xxl", "xxxl" ] }, "defaultValue": "small", "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" }, { "name": "loading", "title": "loading", "propType": "bool", "description": "设置按钮的载入状态", "defaultValue": false }, { "name": "ghost", "title": "ghost", "propType": { "type": "oneOf", "value": [ true, false, "light", "dark" ] }, "description": "是否为幽灵按钮", "defaultValue": false }, { "name": "text", "title": "text", "propType": "bool", "description": "是否为文本按钮", "defaultValue": false }, { "name": "warning", "title": "warning", "propType": "bool", "description": "是否为警告按钮", "defaultValue": false }, { "name": "disabled", "title": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "onClick", "title": "onClick", "propType": "func", "description": "点击按钮的回调\n@param {Object} e Event Object" }, { "name": "className", "propType": "string" }, { "name": "onMouseUp", "propType": "func" }, { "name": "style", "propType": "object", "description": "自定义内联样式" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "icon", "setter": "IconSetter", "extraProps": { "defaultValue": "", "onChange": { "type": "JSFunction", "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" } } }, { "name": "children", "title": { "label": { "type": "i18n", "zh_CN": "文本内容", "en_US": "content" }, "tip": "按钮文本内容" }, "setter": { "componentName": "MixedSetter", "props": { "setters": [ "StringSetter", "ExpressionSetter" ] } } } ] } } }, { "componentName": "Button.Group", "title": "Button.Group", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Button", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "rtl", "propType": "bool" }, { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "size", "propType": "string", "description": "统一设置 Button 组件的按钮大小", "defaultValue": "medium" }, { "name": "className", "propType": "string" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "style", "propType": "object", "description": "自定义内联样式" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Calendar", "title": "Calendar", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Calendar", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "defaultValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "默认选中的日期（moment 对象）" }, { "name": "value", "propType": { "type": "instanceOf", "value": "custom" }, "description": "选中的日期值 (moment 对象)" }, { "name": "modes", "propType": { "type": "instanceOf", "value": "array" } }, { "name": "disableChangeMode", "propType": "bool", "defaultValue": false }, { "name": "format", "propType": "string", "defaultValue": "YYYY-MM-DD" }, { "name": "showOtherMonth", "propType": "bool", "description": "是否展示非本月的日期", "defaultValue": true }, { "name": "defaultVisibleMonth", "propType": "func", "description": "默认展示的月份" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "card", "fullscreen", "panel" ] }, "description": "展现形态", "defaultValue": "fullscreen" }, { "name": "onSelect", "propType": "func", "description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)" }, { "name": "onModeChange", "propType": "func", "description": "面板模式变化时的回调\n@param {String} mode 对应面板模式 date month year" }, { "name": "onVisibleMonthChange", "propType": "func", "description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因" }, { "name": "className", "propType": "string", "description": "自定义样式类" }, { "name": "dateCellRender", "propType": "func", "description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}" }, { "name": "monthCellRender", "propType": "func", "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" }, { "name": "yearCellRender", "propType": "func" }, { "name": "disabledDate", "propType": "func", "description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}" }, { "name": "locale", "propType": "object", "description": "国际化配置" }, { "name": "style", "propType": "object" } ] }, { "componentName": "RangeCalendar", "title": "RangeCalendar", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Calendar", "main": "src/index.js", "destructuring": true, "subName": "RangeCalendar" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式前缀", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "defaultStartValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "默认的开始日期" }, { "name": "defaultEndValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "默认的结束日期" }, { "name": "startValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "开始日期（moment 对象）" }, { "name": "endValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "结束日期（moment 对象）" }, { "name": "disableChangeMode", "propType": "bool", "defaultValue": false }, { "name": "format", "propType": "string", "defaultValue": "YYYY-MM-DD" }, { "name": "showOtherMonth", "propType": "bool", "description": "是否显示非本月的日期", "defaultValue": false }, { "name": "defaultVisibleMonth", "propType": "func", "description": "模板展示的月份（起始月份）" }, { "name": "onVisibleMonthChange", "propType": "func", "description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因" }, { "name": "disabledDate", "propType": "func", "description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}" }, { "name": "onSelect", "propType": "func", "description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)" }, { "name": "dateCellRender", "propType": "func", "description": "自定义日期单元格渲染" }, { "name": "monthCellRender", "propType": "func", "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" }, { "name": "yearCellRender", "propType": "func" }, { "name": "locale", "propType": "object" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "startValue", "setter": "DateSetter" }, { "name": "defaultStartValue", "setter": "DateSetter" }, { "name": "defaultEndValue", "setter": "DateSetter" }, { "name": "endValue", "setter": "DateSetter" } ] } } }, { "componentName": "Card", "title": "Card", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "title", "propType": { "type": "oneOfType", "value": [ "node", "string" ] }, "description": "标题" }, { "name": "subTitle", "propType": { "type": "oneOfType", "value": [ "node", "string" ] }, "description": "副标题" }, { "name": "extra", "propType": { "type": "oneOfType", "value": [ "node", "string" ] }, "description": "标题栏用户自定义内容" }, { "name": "showTitleBullet", "propType": "bool", "description": "标题的项目符号", "defaultValue": true }, { "name": "showHeadDivider", "propType": "bool", "description": "头部分隔线", "defaultValue": true }, { "name": "contentHeight", "propType": { "type": "oneOfType", "value": [ "string", "number" ] }, "description": "内容区域的固定高度", "defaultValue": 120 }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "rtl", "propType": "bool", "description": "文本方向是从右向左" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "CardHeader", "title": "CardHeader", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "Header" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "卡片的标题" }, { "name": "subTitle", "propType": { "type": "instanceOf", "value": "node" }, "description": "卡片的副标题" }, { "name": "extra", "propType": { "type": "instanceOf", "value": "node" }, "description": "标题区域的用户自定义内容" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "div" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ] }, { "componentName": "CardMedia", "title": "CardMedia", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "Media" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "div" }, { "name": "image", "propType": "string", "description": "背景图片地址" }, { "name": "src", "propType": "string", "description": "媒体源文件地址" }, { "name": "style", "propType": "object" }, { "name": "className", "propType": "string" } ] }, { "componentName": "CardDivider", "title": "CardDivider", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "Divider" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "hr" }, { "name": "inset", "propType": "bool", "description": "分割线是否向内缩进" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ] }, { "componentName": "CardContent", "title": "CardContent", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "Content" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "div" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ] }, { "componentName": "CardActions", "title": "CardActions", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "Actions" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "div" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ] }, { "componentName": "CardBulletHeader", "title": "CardBulletHeader", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "BulletHeader" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "卡片的标题" }, { "name": "subTitle", "propType": { "type": "instanceOf", "value": "node" }, "description": "卡片的副标题" }, { "name": "showTitleBullet", "propType": "bool", "description": "是否显示标题的项目符号", "defaultValue": true }, { "name": "extra", "propType": { "type": "instanceOf", "value": "node" }, "description": "标题区域的用户自定义内容" }, { "name": "style", "propType": "object" } ] }, { "componentName": "CardCollaspeContent", "title": "CardCollaspeContent", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Card", "main": "src/index.js", "destructuring": true, "subName": "CollaspeContent" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "contentHeight", "propType": { "type": "oneOfType", "value": [ "string", "number" ] }, "description": "内容区域的固定高度", "defaultValue": 120 }, { "name": "locale", "propType": "object" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "style", "propType": "object" } ] }, { "componentName": "Cascader", "title": "Cascader", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Cascader", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "pure", "propType": "bool", "defaultValue": false }, { "name": "className", "propType": "string" }, { "name": "onChange", "propType": "func", "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据" }, { "name": "onSelect", "propType": "func" }, { "name": "expandTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "展开触发的方式", "defaultValue": "click" }, { "name": "onExpand", "propType": "func", "description": "展开时触发的回调函数\n@param {Array} expandedValue 各列展开值的数组" }, { "name": "useVirtual", "propType": "bool", "description": "是否开启虚拟滚动", "defaultValue": false }, { "name": "multiple", "propType": "bool", "description": "是否多选", "defaultValue": false }, { "name": "canOnlySelectLeaf", "propType": "bool", "description": "单选时是否只能选中叶子节点", "defaultValue": false }, { "name": "canOnlyCheckLeaf", "propType": "bool", "description": "多选时是否只能选中叶子节点", "defaultValue": false }, { "name": "checkStrictly", "propType": "bool", "description": "父子节点是否选中不关联", "defaultValue": false }, { "name": "listStyle", "propType": "object", "description": "每列列表样式对象" }, { "name": "listClassName", "propType": "string", "description": "每列列表类名" }, { "name": "itemRender", "propType": "func", "description": "每列列表项渲染函数\n@param {Object} data 数据\n@return {ReactNode} 列表项内容" }, { "name": "loadData", "propType": "func", "description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据\n@param {Object} source 当前点击数据，source是原始对象" }, { "name": "searchValue", "propType": "string" }, { "name": "onBlur", "propType": "func" }, { "name": "filteredPaths", "propType": { "type": "instanceOf", "value": "array" } }, { "name": "filteredListStyle", "propType": "object" }, { "name": "resultRender", "propType": "func" }, { "name": "style", "propType": "object" }, { "name": "dataSource", "propType": { "type": "arrayOf", "value": "object" }, "setter": "JsonSetter" } ] }, { "componentName": "CascaderSelect", "title": "CascaderSelect", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "CascaderSelect", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "pure", "propType": "bool", "defaultValue": false }, { "name": "className", "propType": "string" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "选择框大小", "defaultValue": "medium" }, { "name": "placeholder", "propType": "string", "description": "选择框占位符" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "hasArrow", "propType": "bool", "description": "是否有下拉箭头", "defaultValue": true }, { "name": "hasBorder", "propType": "bool", "description": "是否有边框", "defaultValue": true }, { "name": "hasClear", "propType": "bool", "description": "是否有清除按钮", "defaultValue": false }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义内联 label" }, { "name": "readOnly", "propType": "bool", "description": "是否只读，只读模式下可以展开弹层但不能选" }, { "name": "onChange", "propType": "func", "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据" }, { "name": "expandTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "展开触发的方式", "defaultValue": "click" }, { "name": "onExpand", "propType": "func" }, { "name": "useVirtual", "propType": "bool", "description": "是否开启虚拟滚动", "defaultValue": false }, { "name": "multiple", "propType": "bool", "description": "是否多选", "defaultValue": false }, { "name": "changeOnSelect", "propType": "bool", "description": "是否选中即发生改变, 该属性仅在单选模式下有效", "defaultValue": false }, { "name": "canOnlyCheckLeaf", "propType": "bool", "description": "是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效", "defaultValue": false }, { "name": "checkStrictly", "propType": "bool", "description": "父子节点是否选中不关联", "defaultValue": false }, { "name": "listStyle", "propType": "object", "description": "每列列表样式对象" }, { "name": "listClassName", "propType": "string", "description": "每列列表类名" }, { "name": "displayRender", "propType": "func", "description": "选择框单选时展示结果的自定义渲染函数\n@param {Array} label 选中路径的文本数组\n@return {ReactNode} 渲染在选择框中的内容\n@default 单选时：labelPath => labelPath.join(' / ')；多选时：labelPath => labelPath[labelPath.length - 1]" }, { "name": "itemRender", "propType": "func", "description": "渲染 item 内容的方法\n@param {Object} item 渲染节点的item\n@return {ReactNode} item node" }, { "name": "showSearch", "propType": "bool", "description": "是否显示搜索框", "defaultValue": false }, { "name": "filter", "propType": "func", "description": "自定义搜索函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 节点路径\n@return {Boolean} 是否匹配\n@default 根据路径所有节点的文本值模糊匹配" }, { "name": "resultRender", "propType": "func", "description": "搜索结果自定义渲染函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 匹配到的节点路径\n@return {ReactNode} 渲染的内容\n@default 按照节点文本 a / b / c 的模式渲染" }, { "name": "resultAutoWidth", "propType": "bool", "description": "搜索结果列表是否和选择框等宽", "defaultValue": true }, { "name": "notFoundContent", "propType": { "type": "instanceOf", "value": "node" }, "description": "无数据时显示内容", "defaultValue": "Not Found" }, { "name": "loadData", "propType": "func", "description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据" }, { "name": "header", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义下拉框头部" }, { "name": "footer", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义下拉框底部" }, { "name": "defaultVisible", "propType": "bool", "description": "初始下拉框是否显示", "defaultValue": false }, { "name": "visible", "propType": "bool", "description": "当前下拉框是否显示" }, { "name": "onVisibleChange", "propType": "func", "description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "popupStyle", "propType": "object", "description": "下拉框自定义样式对象" }, { "name": "popupClassName", "propType": "string", "description": "下拉框样式自定义类名" }, { "name": "popupContainer", "propType": "any", "description": "下拉框挂载的容器节点" }, { "name": "popupProps", "propType": "object", "description": "透传到 Popup 的属性对象" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {Array} value 选择值 { label: , value:}" }, { "name": "style", "propType": "object" }, { "name": "dataSource", "propType": { "type": "arrayOf", "value": "object" }, "setter": "JsonSetter" } ] }, { "componentName": "Checkbox", "title": "Checkbox", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Checkbox", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "id", "propType": "string", "description": "ID" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "checked", "propType": "bool", "description": "选中状态" }, { "name": "defaultChecked", "propType": "bool", "description": "默认选中状态", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "禁用" }, { "name": "label", "propType": "string", "description": "label" }, { "name": "indeterminate", "propType": "bool", "description": "中间状态" }, { "name": "defaultIndeterminate", "propType": "bool", "description": "默认中间态", "defaultValue": false }, { "name": "value", "propType": { "type": "oneOfType", "value": [ "string" ] }, "description": "value" }, { "name": "name", "propType": "string", "description": "name" } ] }, { "componentName": "CheckboxGroup", "title": "CheckboxGroup", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Checkbox", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "disabled", "propType": "bool", "description": "整体禁用" }, { "name": "value", "propType": { "type": "oneOfType", "value": [ { "type": "instanceOf", "value": "array" }, "string", "number" ] }, "description": "被选中的值列表" }, { "name": "defaultValue", "propType": { "type": "oneOfType", "value": [ { "type": "instanceOf", "value": "array" }, "string", "number" ] }, "description": "默认被选中的值列表" }, { "name": "onChange", "propType": "func", "description": "选中值改变时的事件\n@param {Array} value 选中项列表\n@param {Event} e Dom 事件对象" }, { "name": "itemDirection", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "子项目的排列方式\n- hoz: 水平排列 (default)\n- ver: 垂直排列", "defaultValue": "hoz" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {number} value 评分值" } ] }, { "componentName": "Collapse", "title": "Collapse", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Collapse", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "dataSource", "propType": "Json", "description": "使用数据模型构建" }, { "name": "defaultExpandedKeys", "propType": { "type": "arrayOf", "value": "string" }, "description": "默认展开keys" }, { "name": "expandedKeys", "propType": { "type": "arrayOf", "value": "string" }, "description": "受控展开keys" }, { "name": "onExpand", "propType": "func", "description": "展开状态发升变化时候的回调" }, { "name": "disabled", "propType": "bool", "description": "所有禁用" }, { "name": "className", "propType": "string", "description": "扩展class" }, { "name": "style", "propType": "object", "description": "组件接受行内样式" }, { "name": "accordion", "propType": "bool", "description": "手风琴模式，一次只能打开一个", "defaultValue": false }, { "name": "rtl", "propType": "bool" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Collapse.Panel", "title": "Collapse.Panel", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Collapse", "main": "src/index.js", "destructuring": true, "subName": "Panel" }, "props": [ { "name": "children", "propType": "any" }, { "name": "style", "propType": "object", "description": "子组件接受行内样式" }, { "name": "disabled", "propType": "bool", "description": "是否禁止用户操作" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "标题" } ], "configure": { "component": { "nestingRule": { "parentWhitelist": ["Collapse"] } } } }, { "componentName": "ErrorBoundary", "title": "ErrorBoundary", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "ConfigProvider", "main": "src/index.js", "destructuring": true, "subName": "ErrorBoundary" }, "props": [ { "name": "children", "propType": { "type": "instanceOf", "value": "element" } }, { "name": "afterCatch", "propType": "func", "description": "捕获错误后的自定义处理, 比如埋点上传\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息" }, { "name": "fallbackUI", "propType": "func", "description": "捕获错误后的展现 自定义组件\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息\n@returns {Element} 捕获错误后的处理" }, { "name": "style", "propType": "object" } ] }, { "componentName": "DatePicker", "title": "DatePicker", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "DatePicker", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "输入框内置标签" }, { "name": "state", "propType": { "type": "oneOf", "value": [ "success", "loading", "error" ] }, "description": "输入框状态" }, { "name": "placeholder", "propType": "string", "description": "输入提示" }, { "name": "defaultVisibleMonth", "propType": "func", "description": "默认展现的月\n@return {MomentObject} 返回包含指定月份的 moment 对象实例" }, { "name": "onVisibleMonthChange", "propType": "func" }, { "name": "value", "propType": { "type": "instanceOf", "value": "custom" }, "description": "日期值（受控）moment 对象" }, { "name": "defaultValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "初始日期值，moment 对象" }, { "name": "format", "propType": "string", "description": "日期值的格式（用于限定用户输入和展示）", "defaultValue": "YYYY-MM-DD" }, { "name": "showTime", "propType": { "type": "oneOfType", "value": [ "object", "bool" ] }, "description": "是否使用时间控件，传入 TimePicker 的属性 { defaultValue, format, ... }", "defaultValue": false }, { "name": "resetTime", "propType": "bool", "description": "每次选择日期时是否重置时间（仅在 showTime 开启时有效）", "defaultValue": false }, { "name": "disabledDate", "propType": "func", "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" }, { "name": "footerRender", "propType": "func", "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" }, { "name": "onChange", "propType": "func", "description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值" }, { "name": "onOk", "propType": "func", "description": "点击确认按钮时的回调\n@return {MomentObject|String} 日期值" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "输入框尺寸", "defaultValue": "medium" }, { "name": "disabled", "propType": "bool", "description": "是否禁用" }, { "name": "hasClear", "propType": "bool", "description": "是否显示清空按钮", "defaultValue": true }, { "name": "visible", "propType": "bool", "description": "弹层显示状态" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认是否显示", "defaultValue": false }, { "name": "onVisibleChange", "propType": "func", "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "popupTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "弹层触发方式", "defaultValue": "click" }, { "name": "popupAlign", "propType": "string", "description": "弹层对齐方式,具体含义见 OverLay文档", "defaultValue": "tl tl" }, { "name": "popupContainer", "propType": "any", "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" }, { "name": "popupStyle", "propType": "object", "description": "弹层自定义样式" }, { "name": "popupClassName", "propType": "string", "description": "弹层自定义样式类" }, { "name": "popupProps", "propType": "object", "description": "弹层其他属性" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "inputProps", "propType": "object", "description": "输入框其他属性" }, { "name": "dateCellRender", "propType": "func", "description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}" }, { "name": "monthCellRender", "propType": "func", "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" }, { "name": "yearCellRender", "propType": "func" }, { "name": "dateInputAriaLabel", "propType": "string", "description": "日期输入框的 aria-label 属性" }, { "name": "timeInputAriaLabel", "propType": "string", "description": "时间输入框的 aria-label 属性" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {MomentObject} value 日期" }, { "name": "locale", "propType": "object" }, { "name": "className", "propType": "string" }, { "name": "name", "propType": "string" }, { "name": "popupComponent", "propType": { "type": "instanceOf", "value": "elementType" } }, { "name": "popupContent", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "disableChangeMode", "propType": "bool" }, { "name": "style", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "value", "setter": "DateSetter" } ] } } }, { "componentName": "RangePicker", "title": "RangePicker", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "DatePicker", "main": "src/index.js", "destructuring": true, "subName": "RangePicker" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "type", "propType": { "type": "oneOf", "value": [ "date", "month", "year" ] }, "description": "日期范围类型", "defaultValue": "date" }, { "name": "defaultVisibleMonth", "propType": "func", "description": "默认展示的起始月份\n@return {MomentObject} 返回包含指定月份的 moment 对象实例" }, { "name": "onVisibleMonthChange", "propType": "func" }, { "name": "value", "propType": { "type": "instanceOf", "value": "array" }, "description": "日期范围值数组 [moment, moment]" }, { "name": "defaultValue", "propType": { "type": "instanceOf", "value": "array" }, "description": "初始的日期范围值数组 [moment, moment]" }, { "name": "format", "propType": "string", "description": "日期格式", "defaultValue": "YYYY-MM-DD" }, { "name": "showTime", "propType": { "type": "oneOfType", "value": [ "object", "bool" ] }, "description": "是否使用时间控件，支持传入 TimePicker 的属性", "defaultValue": false }, { "name": "resetTime", "propType": "bool", "description": "每次选择是否重置时间（仅在 showTime 开启时有效）", "defaultValue": false }, { "name": "disabledDate", "propType": "func", "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" }, { "name": "footerRender", "propType": "func", "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" }, { "name": "onChange", "propType": "func", "description": "日期范围值改变时的回调 [ MomentObject|String, MomentObject|String ]\n@param {Array} 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": "visible", "propType": { "type": "oneOfType", "value": [ "JSExpression", "bool" ] }, "description": "是否显示", "defaultValue": false }, { "name": "title", "propType": { "type": "oneOfType", "value": [ "string", "node" ] }, "description": "标题" }, { "name": "children", "propType": { "type": "oneOfType", "value": [ "bool", { "type": "instanceOf", "value": "node" } ] }, "description": "内容" }, { "name": "footer", "propType": { "type": "oneOfType", "value": [ "bool" ] }, "description": "底部按钮" }, { "name": "footerAlign", "propType": { "type": "oneOf", "value": [ "left", "center", "right" ] }, "description": "操作对齐方式", "defaultValue": "right" }, { "name": "closeable", "propType": { "type": "oneOf", "value": [ "close", "mask", "esc,close", "close,esc,mask", "esc" ] }, "description": "关闭方式", "defaultValue": "esc,close" }, { "name": "onClose", "propType": "func", "description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象" }, { "name": "hasMask", "propType": "bool", "description": "是否显示遮罩", "defaultValue": true }, { "name": "animation", "propType": { "type": "oneOfType", "value": [ "object", "bool" ] }, "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画" }, { "name": "autoFocus", "propType": "bool", "description": "是否获得焦点", "defaultValue": false }, { "name": "isFullScreen", "propType": "bool", "description": "是否全屏", "defaultValue": false }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "isModel": true, "rootSelector": "div.next-dialog" } } }, { "componentName": "Inner", "title": "Inner", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Dialog", "main": "src/index.js", "destructuring": true, "subName": "Inner" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "className", "propType": "string" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "footer", "propType": { "type": "oneOfType", "value": [ "bool", { "type": "instanceOf", "value": "node" } ] } }, { "name": "footerAlign", "propType": { "type": "oneOf", "value": [ "left", "center", "right" ] }, "defaultValue": "right" }, { "name": "footerActions", "propType": { "type": "instanceOf", "value": "array" }, "defaultValue": [ "ok", "cancel" ] }, { "name": "onOk", "propType": "func" }, { "name": "onCancel", "propType": "func" }, { "name": "okProps", "propType": "object" }, { "name": "cancelProps", "propType": "object" }, { "name": "closeable", "propType": "bool", "defaultValue": true }, { "name": "onClose", "propType": "func" }, { "name": "locale", "propType": "object" }, { "name": "role", "propType": "string", "defaultValue": "dialog" }, { "name": "rtl", "propType": "bool" }, { "name": "height", "propType": "string" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Dropdown", "title": "Dropdown", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Dropdown", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "pure", "propType": "bool", "defaultValue": false }, { "name": "rtl", "propType": "bool" }, { "name": "className", "propType": "string" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "弹层内容" }, { "name": "visible", "propType": "bool", "description": "弹层当前是否显示" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认是否显示", "defaultValue": false }, { "name": "onVisibleChange", "propType": "func", "description": "弹层显示或隐藏时触发的回调函数\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "trigger", "propType": { "type": "instanceOf", "value": "node" }, "description": "触发弹层显示或者隐藏的元素" }, { "name": "triggerType", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "array" } ] }, "description": "触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']", "defaultValue": "hover" }, { "name": "disabled", "propType": "bool", "description": "设置此属性，弹层无法显示或隐藏", "defaultValue": false }, { "name": "align", "propType": "string", "description": "弹层相对于触发元素的定位, 详见 Overlay 的定位部分", "defaultValue": "tl bl" }, { "name": "offset", "propType": { "type": "instanceOf", "value": "array" }, "description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px", "defaultValue": [ 0, 0 ] }, { "name": "delay", "propType": "number", "description": "弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效", "defaultValue": 200 }, { "name": "autoFocus", "propType": "bool", "description": "弹层打开时是否让其中的元素自动获取焦点" }, { "name": "hasMask", "propType": "bool", "description": "是否显示遮罩", "defaultValue": false }, { "name": "cache", "propType": "bool", "description": "隐藏时是否保留子节点", "defaultValue": false }, { "name": "animation", "propType": { "type": "oneOfType", "value": [ "object", "bool" ] }, "description": "配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画\n@default { in: 'expandInDown', out: 'expandOutUp' }" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Form", "title": "Form", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Form", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "inline", "propType": "bool", "description": "内联表单" }, { "name": "size", "title": { "label": "Size", "tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小" }, "propType": { "type": "oneOf", "value": [ "large", "medium", "small" ] }, "description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小", "defaultValue": "medium" }, { "name": "fullWidth", "propType": "bool", "description": "单个 Item 中表单类组件宽度是否是100%" }, { "name": "labelAlign", "title": { "label": "标签的位置", "tip": "上, 左, 内" }, "propType": { "type": "oneOf", "value": [ "top", "left", "inset" ] }, "description": "标签的位置\n@enumdesc 上, 左, 内", "defaultValue": "left" }, { "name": "labelTextAlign", "propType": { "type": "oneOf", "value": [ "left", "right" ] }, "description": "标签的左右对齐方式\n@enumdesc 左, 右" }, { "name": "onSubmit", "propType": "func", "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发" }, { "name": "className", "propType": "string", "description": "扩展class" }, { "name": "style", "propType": "object", "description": "自定义内联样式" }, { "name": "value", "propType": { "type": "oneOfType", "value": [ "Json", "JSExpression" ] }, "description": "表单数值" }, { "name": "onChange", "propType": "func", "description": "表单变化回调\n@param {Object} values 表单数据\n@param {Object} item 详细\n@param {String} item.name 变化的组件名\n@param {String} item.value 变化的数据\n@param {Object} item.field field 实例" }, { "name": "rtl", "propType": "bool" }, { "name": "device", "propType": { "type": "oneOf", "value": [ "phone", "tablet", "desktop" ] }, "description": "预设屏幕宽度", "defaultValue": "desktop" }, { "name": "responsive", "propType": "bool", "description": "是否开启内置的响应式布局 （使用ResponsiveGrid）" }, { "name": "isPreview", "propType": "bool", "description": "是否开启预览态" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Form.Item", "title": "Form.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Form", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "id", "propType": "string" }, { "name": "rtl", "propType": "bool" }, { "name": "label", "propType": "string", "description": "标签" }, { "name": "labelCol", "propType": { "type": "shape", "value": [{ "name": "span", "description": "span", "propType": "number" },{ "name": "offset", "description": "offset", "propType": "number" }] }, "description": "label 标签布局，通 `` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效" }, { "name": "wrapperCol", "propType": { "type": "shape", "value": [{ "name": "span", "description": "span", "propType": "number" },{ "name": "offset", "description": "offset", "propType": "number" }] }, "description": "需要为输入控件设置布局样式时，使用该属性，用法同 labelCol" }, { "name": "help", "title": { "label": "自定义提示信息", "tip": "如不设置，则会根据校验规则自动生成." }, "propType": "string", "description": "自定义提示信息，如不设置，则会根据校验规则自动生成." }, { "name": "extra", "title": { "label": "额外的提示信息", "tip": "和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面" }, "propType": "string", "description": "额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面" }, { "name": "validateState", "title": { "label": "校验状态", "tip": "如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告" }, "propType": { "type": "oneOf", "value": [ "error", "success", "loading", "warning" ] }, "description": "校验状态，如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告" }, { "name": "style", "propType": "object", "description": "自定义内联样式" }, { "name": "size", "title": { "label": "Size", "tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。" }, "propType": { "type": "oneOf", "value": [ "large", "small", "medium" ] }, "description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。" }, { "name": "fullWidth", "title": { "label": "fullWidth", "tip": "单个 Item 中表单类组件宽度是否是100%" }, "propType": "bool", "description": "单个 Item 中表单类组件宽度是否是100%" }, { "name": "labelAlign", "title": { "label": "标签的位置", "tip": "上, 左, 内" }, "propType": { "type": "oneOf", "value": [ "top", "left", "inset" ] }, "description": "标签的位置\n@enumdesc 上, 左, 内" }, { "name": "labelTextAlign", "title": { "label": "标签的左右对齐方式", "tip": "左, 右" }, "propType": { "type": "oneOf", "value": [ "left", "right" ] }, "description": "标签的左右对齐方式\n@enumdesc 左, 右" }, { "name": "className", "propType": "string", "description": "扩展class" }, { "name": "required", "title": { "label": "不能为空", "tip": "[表单校验] 不能为空" }, "propType": "bool", "description": "[表单校验] 不能为空" }, { "name": "requiredMessage", "title": { "label": "自定义错误信息", "tip": "[表单校验]为空时自定义错误信息" }, "propType": "string", "description": "required 自定义错误信息" }, { "name": "min", "title": { "label": "最小值", "tip": "[表单校验] 最小值" }, "propType": "number", "description": "[表单校验] 最小值" }, { "name": "max", "title": { "label": "最大值", "tip": "[表单校验] 最大值" }, "propType": "number", "description": "[表单校验] 最大值" }, { "name": "minmaxMessage", "title": { "label": "min/max message", "tip": "[表单校验] min/max 自定义错误信息" }, "propType": "string", "description": "min/max 自定义错误信息" }, { "name": "minLength", "title": { "label": "最小长度", "tip": "[表单校验] 字符串最小长度 / 数组最小个数" }, "propType": "number", "description": "[表单校验] 字符串最小长度 / 数组最小个数" }, { "name": "maxLength", "title": { "label": "最大长度", "tip": "[表单校验] 字符串最大长度 / 数组最大个数" }, "propType": "number", "description": "[表单校验] 字符串最大长度 / 数组最大个数" }, { "name": "minmaxLengthMessage", "title": { "label": "max|min length error message", "tip": "[表单校验] minLength/maxLength 自定义错误信息" }, "propType": "string", "description": "minLength/maxLength 自定义错误信息" }, { "name": "length", "title": { "label": "长度", "tip": "[表单校验] 字符串精确长度 / 数组精确个数" }, "propType": "number", "description": "[表单校验] 字符串精确长度 / 数组精确个数" }, { "name": "lengthMessage", "title": { "label": "length error message", "tip": "[表单校验] minLength/maxLength 自定义错误信息" }, "propType": "string", "description": "length 自定义错误信息" }, { "name": "pattern", "title": { "label": "正则", "tip": "[表单校验] 正则校验" }, "propType": "string", "description": "正则校验" }, { "name": "patternMessage", "title": { "label": "pattern error message", "tip": "[表单校验] pattern 自定义错误信息" }, "propType": "string", "description": "pattern 自定义错误信息" }, { "name": "format", "title": { "label": "format", "tip": "[表单校验] 四种常用的 pattern" }, "propType": { "type": "oneOf", "value": [ "number", "email", "url", "tel" ] }, "description": "[表单校验] 四种常用的 pattern" }, { "name": "formatMessage", "title": { "label": "format error message", "tip": "[表单校验] format 自定义错误信息" }, "propType": "string", "description": "format 自定义错误信息" }, { "name": "validator", "propType": "func", "description": "[表单校验] 自定义校验函数" }, { "name": "autoValidate", "propType": "bool", "description": "是否修改数据时自动触发校验" }, { "name": "device", "propType": { "type": "oneOf", "value": [ "phone", "tablet", "desktop" ] }, "description": "预设屏幕宽度" }, { "name": "responsive", "propType": "bool" }, { "name": "colSpan", "propType": "number", "description": "在响应式布局模式下，表单项占多少列" }, { "name": "labelWidth", "propType": { "type": "oneOfType", "value": [ "string", "number" ] }, "description": "在响应式布局下，且label在左边时，label的宽度是多少", "defaultValue": 100 }, { "name": "isPreview", "propType": "bool", "description": "是否开启预览态" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Form.Submit", "title": "Form.Submit", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Form", "main": "src/index.js", "destructuring": true, "subName": "Submit" }, "props": [ { "name": "onClick", "propType": "func", "description": "点击提交后触发\n@param {Object} value 数据\n@param {Object} errors 错误数据\n@param {class} field 实例" }, { "name": "validate", "propType": { "type": "oneOfType", "value": [ "bool", { "type": "instanceOf", "value": "array" } ] }, "description": "是否校验/需要校验的 name 数组" }, { "name": "style", "propType": "object" }, { "name": "children", "title": "内容", "propType": "string" }, { "name": "icon", "propType": "string", "description": "自定义内联样式" }, { "name": "type", "title": "类型", "propType": { "type": "oneOf", "value": [ "primary", "secondary", "normal" ] }, "description": "按钮的类型", "defaultValue": "normal" }, { "name": "size", "title": "尺寸", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "按钮的尺寸", "defaultValue": "medium" }, { "name": "iconSize", "title": "Icon 尺寸", "propType": { "type": "oneOf", "value": [ "xxs", "xs", "small", "medium", "large", "xl", "xxl", "xxxl" ] }, "defaultValue": "small", "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" }, { "name": "loading", "title": "loading", "propType": "bool", "description": "设置按钮的载入状态", "defaultValue": false }, { "name": "ghost", "title": "ghost", "propType": { "type": "oneOf", "value": [ true, false, "light", "dark" ] }, "description": "是否为幽灵按钮", "defaultValue": false }, { "name": "text", "title": "text", "propType": "bool", "description": "是否为文本按钮", "defaultValue": false }, { "name": "warning", "title": "warning", "propType": "bool", "description": "是否为警告按钮", "defaultValue": false }, { "name": "disabled", "title": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "className", "propType": "string" }, { "name": "onMouseUp", "propType": "func" }, { "name": "style", "propType": "object", "description": "自定义内联样式" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "icon", "setter": "IconSetter", "extraProps": { "defaultValue": "", "onChange": { "type": "JSFunction", "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" } } }, { "name": "children", "title": { "label": { "type": "i18n", "zh_CN": "文本内容", "en_US": "content" }, "tip": "按钮文本内容" }, "setter": { "componentName": "MixedSetter", "props": { "setters": [ "StringSetter", "ExpressionSetter" ] } } } ] } } }, { "componentName": "Form.Reset", "title": "Form.Reset", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Form", "main": "src/index.js", "destructuring": true, "subName": "Reset" }, "props": [ { "name": "onClick", "propType": "func", "description": "点击提交后触发" }, { "name": "toDefault", "propType": "bool", "description": "返回默认值" }, { "name": "style", "propType": "object" }, { "name": "children", "title": "内容", "propType": "string" }, { "name": "icon", "propType": "string", "description": "自定义内联样式" }, { "name": "type", "title": "类型", "propType": { "type": "oneOf", "value": [ "primary", "secondary", "normal" ] }, "description": "按钮的类型", "defaultValue": "normal" }, { "name": "size", "title": "尺寸", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "按钮的尺寸", "defaultValue": "medium" }, { "name": "iconSize", "title": "Icon 尺寸", "propType": { "type": "oneOf", "value": [ "xxs", "xs", "small", "medium", "large", "xl", "xxl", "xxxl" ] }, "defaultValue": "small", "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" }, { "name": "loading", "title": "loading", "propType": "bool", "description": "设置按钮的载入状态", "defaultValue": false }, { "name": "ghost", "title": "ghost", "propType": { "type": "oneOf", "value": [ true, false, "light", "dark" ] }, "description": "是否为幽灵按钮", "defaultValue": false }, { "name": "text", "title": "text", "propType": "bool", "description": "是否为文本按钮", "defaultValue": false }, { "name": "warning", "title": "warning", "propType": "bool", "description": "是否为警告按钮", "defaultValue": false }, { "name": "disabled", "title": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "className", "propType": "string" }, { "name": "onMouseUp", "propType": "func" }, { "name": "style", "propType": "object", "description": "自定义内联样式" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "icon", "setter": "IconSetter", "extraProps": { "defaultValue": "", "onChange": { "type": "JSFunction", "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" } } }, { "name": "children", "title": { "label": { "type": "i18n", "zh_CN": "文本内容", "en_US": "content" }, "tip": "按钮文本内容" }, "setter": { "componentName": "MixedSetter", "props": { "setters": [ "StringSetter", "ExpressionSetter" ] } } } ] } } }, { "componentName": "Form.Error", "title": "Form.Error", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Form", "main": "src/index.js", "destructuring": true, "subName": "Error" }, "props": [ { "name": "name", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "array" } ] }, "description": "表单名" }, { "name": "field", "propType": "object", "description": "自定义 field (在 Form 内不需要设置)" }, { "name": "style", "propType": "object" }, { "name": "className", "propType": "string" }, { "name": "children", "propType": { "type": "oneOfType", "value": [ { "type": "instanceOf", "value": "node" }, "func" ] }, "description": "自定义错误渲染, 可以是 node 或者 function(errors, state)" }, { "name": "prefix", "propType": "string", "defaultValue": "next-" } ] }, { "componentName": "Icon", "title": "Icon", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Icon", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "type", "propType": "icon", "description": "指定显示哪种图标" }, { "name": "size", "propType": { "type": "oneOfType", "value": [ { "type": "oneOf", "value": [ "xxs", "xs", "small", "medium", "large", "xl", "xxl", "xxxl", "inherit" ] }, "number" ] }, "description": "指定图标大小", "defaultValue": "medium" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "type", "setter": { "componentName": "IconSetter", "props": { "hasClear": false } } } ] } } }, { "componentName": "Input", "title": "Input", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Input", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "label", "propType": "string", "title":"标签文案", "description": "label" }, { "name": "name", "propType": "string" }, { "name": "hasClear", "propType": "bool", "description": "是否出现清除按钮" }, { "name": "state", "title": "状态", "propType": { "type": "oneOf", "value": [ "error", "loading", "success", "warning" ] }, "description": "状态\n@enumdesc 错误, 校验中, 成功, 警告" }, { "name": "size", "title": "尺寸", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "尺寸\n@enumdesc 小, 中, 大", "defaultValue": "medium" }, { "name": "disabled", "propType": "bool", "description": "是否禁用" }, { "name": "maxLength", "propType": "number", "description": "最大长度" }, { "name": "hasLimitHint", "propType": "bool", "description": "是否展现最大长度样式" }, { "name": "cutString", "propType": "bool", "description": "是否截断超出字符串" }, { "name": "readOnly", "propType": "bool", "description": "是否只读" }, { "name": "trim", "propType": "bool", "description": "onChange返回会自动去除头尾空字符" }, { "name": "placeholder", "propType": "string", "description": "输入提示" }, { "name": "hasBorder", "propType": "bool", "description": "是否有边框" }, { "name": "onPressEnter", "propType": "func", "description": "按下回车的回调" }, { "name": "onClear", "propType": "func" }, { "name": "hint", "title": "Icon 水印", "propType": "icon", "description": "水印 (Icon的type类型，和hasClear占用一个地方)" }, { "name": "innerBefore", "propType": "string", "description": "文字前附加内容" }, { "name": "innerAfter", "propType": "string", "description": "文字后附加内容" }, { "name": "addonBefore", "propType": "string", "description": "输入框前附加内容" }, { "name": "addonAfter", "propType": "string", "description": "输入框后附加内容" }, { "name": "addonTextBefore", "propType": "string", "description": "输入框前附加文字" }, { "name": "addonTextAfter", "propType": "string", "description": "输入框后附加文字" }, { "name": "autoFocus", "propType": "bool", "description": "自动聚焦" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Input.Password", "title": "Input.Password", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Input", "main": "src/index.js", "destructuring": true, "subName": "Password" }, "props": [ { "name": "showToggle", "propType": "bool", "description": "是否展示切换按钮", "defaultValue": true }, { "name": "label", "propType": "string", "title":"标签文案", "description": "label" }, { "name": "hasClear", "propType": "bool", "description": "是否出现清除按钮" }, { "name": "state", "title": "状态", "propType": { "type": "oneOf", "value": [ "error", "loading", "success", "warning" ] }, "description": "状态\n@enumdesc 错误, 校验中, 成功, 警告" }, { "name": "size", "title": "尺寸", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "尺寸\n@enumdesc 小, 中, 大", "defaultValue": "medium" }, { "name": "disabled", "propType": "bool", "description": "是否禁用" }, { "name": "maxLength", "propType": "number", "description": "最大长度" }, { "name": "hasLimitHint", "propType": "bool", "description": "是否展现最大长度样式" }, { "name": "cutString", "propType": "bool", "description": "是否截断超出字符串" }, { "name": "readOnly", "propType": "bool", "description": "是否只读" }, { "name": "trim", "propType": "bool", "description": "onChange返回会自动去除头尾空字符" }, { "name": "placeholder", "propType": "string", "description": "输入提示" }, { "name": "hasBorder", "propType": "bool", "description": "是否有边框" }, { "name": "onPressEnter", "propType": "func", "description": "按下回车的回调" }, { "name": "onClear", "propType": "func" }, { "name": "hint", "title": "Icon 水印", "propType": "string", "description": "水印 (Icon的type类型，和hasClear占用一个地方)" }, { "name": "innerBefore", "propType": "string", "description": "文字前附加内容" }, { "name": "innerAfter", "propType": "string", "description": "文字后附加内容" }, { "name": "addonBefore", "propType": "string", "description": "输入框前附加内容" }, { "name": "addonAfter", "propType": "string", "description": "输入框后附加内容" }, { "name": "addonTextBefore", "propType": "string", "description": "输入框前附加文字" }, { "name": "addonTextAfter", "propType": "string", "description": "输入框后附加文字" }, { "name": "autoFocus", "propType": "bool", "description": "自动聚焦" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Input.TextArea", "title": "Input.TextArea", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Input", "main": "src/index.js", "destructuring": true, "subName": "TextArea" }, "props": [ { "name": "hasBorder", "propType": "bool", "description": "是否有边框", "defaultValue": true }, { "name": "state", "propType": { "type": "oneOf", "value": [ "error", "warning" ] }, "description": "状态\n@enumdesc 错误" }, { "name": "autoHeight", "propType": "bool", "description": "自动高度 true / {minRows: 2, maxRows: 4}", "defaultValue": false }, { "name": "rows", "propType": "number", "description": "多行文本框高度
(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)", "defaultValue": 4 }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "style", "propType": "object" } ] }, { "componentName": "Input.Group", "title": "Input.Group", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Input", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式前缀", "defaultValue": "next-" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "addonBefore", "propType": { "type": "instanceOf", "value": "node" }, "description": "输入框前附加内容" }, { "name": "addonBeforeClassName", "propType": "string", "description": "输入框前附加内容css" }, { "name": "addonAfter", "propType": { "type": "instanceOf", "value": "node" }, "description": "输入框后附加内容" }, { "name": "addonAfterClassName", "propType": "string", "description": "输入框后额外css" }, { "name": "rtl", "propType": "bool", "description": "rtl" } ] }, { "componentName": "Loading", "title": "Loading", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Loading", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "tip", "propType": "string", "description": "自定义内容" }, { "name": "tipAlign", "propType": { "type": "oneOf", "value": [ "right", "bottom" ] }, "description": "自定义内容位置", "defaultValue": "bottom" }, { "name": "visible", "propType": "bool", "description": "loading 状态, 默认 true", "defaultValue": true }, { "name": "onVisibleChange", "propType": "func" }, { "name": "className", "propType": "string", "description": "自定义class" }, { "name": "style", "propType": "object", "description": "自定义内联样式" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "large", "medium" ] }, "description": "设置动画尺寸\n@description 仅仅对默认动画效果起作用\n@enumdesc 大号, 中号", "defaultValue": "large" }, { "name": "color", "propType": "color", "description": "动画颜色" }, { "name": "fullScreen", "propType": "bool", "description": "全屏展示" }, { "name": "inline", "title": "inline", "propType": "bool", "description": "should loader be displayed inline", "defaultValue": true } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Menu", "title": "Menu", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "onItemClick", "propType": "func", "description": "点击菜单项触发的回调函数\n@param {String} key 点击的菜单项的 key 值\n@param {Object} item 点击的菜单项对象\n@param {Object} event 点击的事件对象" }, { "name": "defaultOpenAll", "propType": "bool", "description": "初始展开所有的子菜单，只在 mode 设置为 'inline' 以及 openMode 设置为 'multiple' 下生效，优先级高于 defaultOpenKeys", "defaultValue": false }, { "name": "onOpen", "propType": "func", "description": "打开或关闭子菜单触发的回调函数\n@param {String} key 打开的所有子菜单的 key 值\n@param {Object} extra 额外参数\n@param {String} extra.key 当前操作子菜单的 key 值\n@param {Boolean} extra.open 是否是打开" }, { "name": "mode", "propType": { "type": "oneOf", "value": [ "inline", "popup" ] }, "description": "子菜单打开的模式", "defaultValue": "inline" }, { "name": "triggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "子菜单打开的触发行为", "defaultValue": "click" }, { "name": "openMode", "propType": { "type": "oneOf", "value": [ "single", "multiple" ] }, "description": "展开内连子菜单的模式，同时可以展开一个子菜单还是多个子菜单，该属性仅在 mode 为 inline 时生效", "defaultValue": "multiple" }, { "name": "inlineIndent", "propType": "number", "description": "内连子菜单缩进距离", "defaultValue": 20 }, { "name": "inlineArrowDirection", "propType": { "type": "oneOf", "value": [ "down", "right" ] }, "defaultValue": "down" }, { "name": "popupAutoWidth", "propType": "bool", "description": "是否自动让弹层的宽度和菜单项保持一致，如果弹层的宽度比菜单项小则和菜单项保持一致，如果宽度大于菜单项则不做处理", "defaultValue": false }, { "name": "popupAlign", "propType": { "type": "oneOf", "value": [ "follow", "outside" ] }, "description": "弹层的对齐方式", "defaultValue": "follow" }, { "name": "popupClassName", "propType": "string", "description": "弹出子菜单自定义 className" }, { "name": "onSelect", "propType": "func", "description": "选中或取消选中菜单项触发的回调函数\n@param {Array} selectedKeys 选中的所有菜单项的值\n@param {Object} item 选中或取消选中的菜单项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 菜单项的 key\n@param {Object} extra.label 菜单项的文本\n@param {Array} extra.keyPath 菜单项 key 的路径" }, { "name": "selectMode", "propType": { "type": "oneOf", "value": [ "single", "multiple" ] }, "description": "选中模式，单选还是多选，默认无值，不可选" }, { "name": "shallowSelect", "propType": "bool", "description": "是否只能选择第一层菜单项（不能选择子菜单中的菜单项）", "defaultValue": false }, { "name": "hasSelectedIcon", "propType": "bool", "description": "是否显示选中图标，如果设置为 false 需配合配置平台设置选中时的背景色以示区分", "defaultValue": true }, { "name": "labelToggleChecked", "propType": "bool", "defaultValue": true }, { "name": "isSelectIconRight", "propType": "bool", "description": "是否将选中图标居右，仅当 hasSelectedIcon 为true 时生效。\n注意：SubMenu 上的选中图标一直居左，不受此API控制", "defaultValue": false }, { "name": "direction", "propType": { "type": "oneOf", "value": [ "ver", "hoz" ] }, "description": "菜单第一层展示方向", "defaultValue": "ver" }, { "name": "hozAlign", "propType": { "type": "oneOf", "value": [ "left", "right" ] }, "description": "横向菜单条 item 和 footer 的对齐方向，在 direction 设置为 'hoz' 并且 header 存在时生效", "defaultValue": "left" }, { "name": "hozInLine", "propType": "bool", "description": "横向菜单模式下，是否维持在一行，即超出一行折叠成 SubMenu 显示， 仅在 direction='hoz' mode='popup' 时生效", "defaultValue": false }, { "name": "header", "propType": "node", "description": "自定义菜单头部" }, { "name": "footer", "propType": "node", "description": "自定义菜单尾部" }, { "name": "autoFocus", "propType": "bool", "description": "是否自动获得焦点", "defaultValue": false }, { "name": "focusedKey", "propType": "string", "description": "当前获得焦点的子菜单或菜单项 key 值" }, { "name": "focusable", "propType": "bool", "defaultValue": true }, { "name": "onItemFocus", "propType": "func" }, { "name": "onBlur", "propType": "func" }, { "name": "embeddable", "propType": "bool", "description": "是否开启嵌入式模式，一般用于Layout的布局中，开启后没有默认背景、外层border、box-shadow，可以配合`` 自定义高度", "defaultValue": false }, { "name": "onItemKeyDown", "propType": "func" }, { "name": "expandAnimation", "propType": "bool", "defaultValue": true }, { "name": "itemClassName", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "openKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "arrayOf", "value": "string" } ] }, "description": "当前打开的子菜单的 key 值" }, { "name": "defaultOpenKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "arrayOf", "value": "string" } ] }, "description": "初始打开的子菜单的 key 值", "defaultValue": [] }, { "name": "selectedKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "arrayOf", "value": "string" } ] }, "description": "当前选中菜单项的 key 值" }, { "name": "defaultSelectedKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "arrayOf", "value": "string" } ] }, "description": "初始选中菜单项的 key 值", "defaultValue": [] } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "SubMenu", "title": "子菜单", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "SubMenu" }, "props": [ { "name": "key", "propType": "string", "description": "子菜单标识符" }, { "name": "label", "propType": "node", "description": "标签内容" }, { "name": "selectable", "propType": "bool", "description": "是否可选，该属性仅在设置 Menu 组件 selectMode 属性后生效", "defaultValue": false }, { "name": "mode", "propType": { "type": "oneOf", "value": [ "inline", "popup" ] }, "description": "子菜单打开方式，如果设置会覆盖 Menu 上的同名属性\n@default Menu 的 mode 属性值" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "Menu.Item", "title": "Menu.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "key", "propType": "string", "description": "菜单项标识符" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "helper", "propType": "node", "description": "帮助文本" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "CheckboxItem", "title": "CheckboxItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "CheckboxItem" }, "props": [ { "name": "checked", "propType": "bool", "description": "是否选中", "defaultValue": false }, { "name": "indeterminate", "propType": "bool", "description": "是否半选中", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "onChange", "propType": "func", "description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象" }, { "name": "helper", "propType": "node", "description": "帮助文本" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "RadioItem", "title": "RadioItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "RadioItem" }, "props": [ { "name": "checked", "propType": "bool", "description": "是否选中", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "onChange", "propType": "func", "description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象" }, { "name": "helper", "propType": "node", "description": "帮助文本" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "Menu.PopupItem", "title": "Menu.PopupItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "PopupItem" }, "props": [ { "name": "key", "propType": "string", "description": "菜单项标识符" }, { "name": "label", "propType": "node", "description": "标签内容" }, { "name": "children", "propType": "node", "description": "自定义弹层内容" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "Menu.Group", "title": "Menu.Group", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "标签内容" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "Menu.Divider", "title": "Divider", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Menu", "main": "src/index.js", "destructuring": true, "subName": "Divider" }, "props": [ { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": false, "nestingRule": { "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] } } } }, { "componentName": "MenuButton", "title": "MenuButton", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "MenuButton", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "label", "propType": "string", "description": "按钮上的文本内容" }, { "name": "autoWidth", "propType": "bool", "description": "弹层是否与按钮宽度相同", "defaultValue": true }, { "name": "popupTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "弹层触发方式", "defaultValue": "click" }, { "name": "popupContainer", "propType": "any", "description": "弹层容器" }, { "name": "visible", "propType": "bool", "description": "弹层展开状态" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认是否展开" }, { "name": "onVisibleChange", "propType": "func", "description": "弹层在显示和隐藏触发的事件" }, { "name": "popupStyle", "propType": "object", "description": "弹层自定义样式" }, { "name": "popupClassName", "propType": "string", "description": "弹层自定义样式类" }, { "name": "popupProps", "propType": "object", "description": "弹层属性透传" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "defaultSelectedKeys", "propType": { "type": "arrayOf", "value": "string" }, "description": "默认激活的菜单项（用法同 Menu 非受控）", "defaultValue": [] }, { "name": "selectedKeys", "propType": { "type": "arrayOf", "value": "string" }, "description": "激活的菜单项（用法同 Menu 受控）" }, { "name": "selectMode", "propType": { "type": "oneOf", "value": [ "single", "multiple" ] }, "description": "菜单的选择模式，同 Menu" }, { "name": "onItemClick", "propType": "func", "description": "点击菜单项后的回调，同 Menu" }, { "name": "onSelect", "propType": "func", "description": "选择菜单后的回调，同 Menu" }, { "name": "menuProps", "propType": "object", "description": "菜单属性透传" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Message", "title": "Message", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Message", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "title", "propType": "string", "description": "标题", "defaultValue": "标题" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "success", "warning", "error", "notice", "help", "loading" ] }, "description": "反馈类型", "defaultValue": "success" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "inline", "addon", "toast" ] }, "description": "外观", "defaultValue": "inline" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "medium", "large" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "children", "propType": { "type": "oneOfType", "value": [ "string", "node" ] }, "description": "内容" }, { "name": "visible", "propType": "bool", "description": "当前是否显示" }, { "name": "iconType", "propType": "icon", "description": "显示的图标类型，会覆盖内部设置的IconType" }, { "name": "closeable", "propType": "bool", "description": "显示关闭按钮", "defaultValue": false }, { "name": "onClose", "propType": "func", "description": "关闭按钮的回调" }, { "name": "afterClose", "propType": "func", "description": "关闭之后调用的函数" }, { "name": "animation", "propType": "bool", "description": "收起动画", "defaultValue": true } ] }, { "componentName": "Nav", "title": "Nav", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Nav", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "style", "propType": "object" }, { "name": "children", "propType": "node", "description": "导航项和子导航" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "primary", "secondary", "line" ] }, "description": "导航类型", "defaultValue": "normal" }, { "name": "direction", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "导航布局", "defaultValue": "ver" }, { "name": "hozAlign", "propType": { "type": "oneOf", "value": [ "left", "right" ] }, "description": "对齐方向", "defaultValue": "left" }, { "name": "activeDirection", "propType": { "type": "oneOf", "value": [ null, "top", "bottom", "left", "right" ] }, "description": "选中条方向" }, { "name": "mode", "propType": { "type": "oneOf", "value": [ "inline", "popup" ] }, "description": "子导航打开的模式", "defaultValue": "inline" }, { "name": "triggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "子导航打开的触发方式", "defaultValue": "click" }, { "name": "inlineIndent", "propType": "number", "description": "内联子导航缩进距离", "defaultValue": 20 }, { "name": "defaultOpenAll", "propType": "bool", "description": "初始展开所有的子导航", "defaultValue": false }, { "name": "openMode", "propType": { "type": "oneOf", "value": [ "single", "multiple" ] }, "description": "内联子导航的展开模式", "defaultValue": "multiple" }, { "name": "selectedKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "array" } ] }, "description": "当前选中导航key值" }, { "name": "defaultSelectedKeys", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "array" } ] }, "description": "初始选中导航项的key值" }, { "name": "onSelect", "propType": "func", "description": "选中或取消选中导航项触发的回调函数\n@param {Array} selectedKeys 选中的所有导航项的 key\n@param {Object} item 选中或取消选中的导航项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 导航项的 key\n@param {Object} extra.label 导航项的文本\n@param {Array} extra.keyPath 导航项 key 的路径" }, { "name": "popupAlign", "propType": { "type": "oneOf", "value": [ "follow", "outside" ] }, "description": "弹出子导航的对齐方式（水平导航只支持 follow ）\n@eumdesc Item 顶端对齐, Nav 顶端对齐", "defaultValue": "follow" }, { "name": "popupClassName", "propType": "string", "description": "弹出子导航的自定义类名" }, { "name": "iconOnly", "propType": "bool", "description": "是否只显示图标" }, { "name": "hasArrow", "propType": "bool", "description": "是否显示右侧的箭头", "defaultValue": true }, { "name": "hasTooltip", "propType": "bool", "description": "是否有ToolTips", "defaultValue": false }, { "name": "header", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义导航头部" }, { "name": "footer", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义导航尾部" }, { "name": "embeddable", "propType": "bool", "description": "开启嵌入式模式", "defaultValue": false } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Nav.Item", "title": "Nav.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Nav", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "icon", "propType": { "type": "icon" }, "description": "自定义图标" }, { "name": "children", "propType": { "type": "oneOfType", "value": ["string", "node"] }, "description": "导航内容" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Group", "title": "Group", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Nav", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "标签内容" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "导航项和子导航" }, { "name": "style", "propType": "object" } ] }, { "componentName": "SubNav", "title": "SubNav", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Nav", "main": "src/index.js", "destructuring": true, "subName": "SubNav" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "icon", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "node" } ] }, "description": "自定义图标，可以使用 Icon 的 type，也可以使用组件 ``" }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "标签内容" }, { "name": "selectable", "propType": "bool", "description": "是否可选", "defaultValue": false }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "导航项和子导航" }, { "name": "style", "propType": "object" } ] }, { "componentName": "PopupItem", "title": "PopupItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Nav", "main": "src/index.js", "destructuring": true, "subName": "PopupItem" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "icon", "propType": { "type": "oneOfType", "value": [ "string", { "type": "instanceOf", "value": "node" } ] }, "description": "自定义图标，可以使用 Icon 的 type, 也可以使用组件 ``" }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "标签内容" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "弹出内容" }, { "name": "style", "propType": "object" } ] }, { "componentName": "NumberPicker", "title": "NumberPicker", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "NumberPicker", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "size", "propType": { "type": "oneOf", "value": [ "large", "medium" ] }, "description": "大小", "defaultValue": "medium" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "inline" ] }, "description": "设置类型", "defaultValue": "normal" }, { "name": "value", "propType": "number", "description": "当前值" }, { "name": "defaultValue", "propType": "number", "description": "默认值" }, { "name": "disabled", "propType": "bool", "description": "是否禁用" }, { "name": "step", "propType": "number", "description": "步长", "defaultValue": 1 }, { "name": "precision", "propType": "number", "description": "保留小数点后位数", "defaultValue": 0 }, { "name": "editable", "propType": "bool", "description": "用户是否可以输入", "defaultValue": true }, { "name": "autoFocus", "propType": "bool", "description": "自动焦点" }, { "name": "max", "propType": "number", "description": "最大值", "defaultValue": null }, { "name": "min", "propType": "number", "description": "最小值", "defaultValue": null }, { "name": "format", "propType": "func", "description": "格式化当前值" }, { "name": "upBtnProps", "propType": "object", "description": "增加按钮的props" }, { "name": "downBtnProps", "propType": "object", "description": "减少按钮的props" }, { "name": "label", "propType": "string", "description": "内联 label" }, { "name": "innerAfter", "propType": { "type": "oneOfType", "value": [ "string", "icon" ] }, "description": "inner after" }, { "name": "rtl", "propType": "bool" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {number} value 评分值" }, { "name": "onChange", "propType": "func", "description": "数值被改变的事件\n@param {Number} value 数据\n@param {Event} e DOM事件对象" }, { "name": "onKeyDown", "propType": "func", "description": "键盘按下" }, { "name": "onFocus", "propType": "func", "description": "焦点获得" }, { "name": "onBlur", "propType": "func", "description": "焦点失去" }, { "name": "onCorrect", "propType": "func", "description": "数值订正后的回调\n@param {Object} obj {currentValue,oldValue:String}" }, { "name": "onDisabled", "propType": "func" }, { "name": "className", "propType": "string", "description": "自定义class" }, { "name": "style", "propType": "object", "description": "自定义内联样式" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "upBtnProps", "setter": "JsonSetter" }, { "name": "downBtnProps", "setter": "JsonSetter" }, { "name": "innerAfter", "setter": { "componentName": "MixedSetter", "props": { "setters": [ "StringSetter", { "componentName": "IconSetter", "props": { "type": "node" } } ] } } } ] } } }, { "componentName": "Pagination", "title": "Pagination", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Pagination", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "className", "propType": "string" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "simple", "mini" ] }, "description": "分页组件类型", "defaultValue": "normal" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "normal", "arrow-only", "arrow-prev-only", "no-border" ] }, "description": "前进后退按钮样式", "defaultValue": "normal" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "分页组件大小", "defaultValue": "medium" }, { "name": "current", "propType": "number", "description": "（受控）当前页码" }, { "name": "defaultCurrent", "propType": "number", "description": "（非受控）初始页码", "defaultValue": 1 }, { "name": "onChange", "propType": "func", "description": "页码发生改变时的回调函数\n@param {Number} current 改变后的页码数\n@param {Object} e 点击事件对象" }, { "name": "total", "propType": "number", "description": "总记录数", "defaultValue": 100 }, { "name": "totalRender", "propType": "func", "title": { "label": "总数渲染函数", "tip": "总数的渲染函数\n@param {Number} total 总数\n@param {Array} range 当前数据在总数中的区间" } }, { "name": "pageShowCount", "propType": "number", "title": { "label": "页码显示数量", "tip": "页码显示的数量，更多的使用...代替" }, "defaultValue": 5 }, { "name": "pageSize", "propType": "number", "description": "一页中的记录数", "defaultValue": 10 }, { "name": "pageSizeSelector", "propType": { "type": "oneOf", "value": [ false, "filter", "dropdown" ] }, "description": "每页显示选择器类型", "defaultValue": false }, { "name": "pageNumberRender", "propType": "func", "title": { "label": "自定义页码渲染函数", "tip": "自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染\n@param {Number} index 分页的页码，从1开始\n@return {ReactNode} 返回渲染结果" } }, { "name": "pageSizePosition", "propType": { "type": "oneOf", "value": [ "start", "end" ] }, "description": "每页显示选择器在组件中的位置", "defaultValue": "start" }, { "name": "onPageSizeChange", "propType": "func", "description": "每页显示记录数量改变时的回调函数\n@param {Number} pageSize 改变后的每页显示记录数" }, { "name": "hideOnlyOnePage", "propType": "bool", "title": { "label": "页数为1隐藏", "tip": "当分页数为1时，是否隐藏分页器" }, "defaultValue": false }, { "name": "showJump", "propType": "bool", "title": { "label": "显示跳转", "tip": "type 设置为 normal 时，在页码数超过5页后，会显示跳转输入框与按钮，当设置 showJump 为 false 时，不再显示该跳转区域" }, "defaultValue": true }, { "name": "link", "propType": "string", "description": "设置页码按钮的跳转链接，它的值为一个包含 {page} 的模版字符串，如：http://www.taobao.com/{page}" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Progress", "title": "Progress", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Progress", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "circle", "line" ] }, "description": "形态", "defaultValue": "line" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "percent", "propType": "number", "description": "所占百分比", "defaultValue": 0 }, { "name": "state", "propType": { "type": "oneOf", "value": [ "normal", "success", "error" ] }, "description": "进度状态, 显示优先级: color > progressive > state", "defaultValue": "normal" }, { "name": "progressive", "propType": "bool", "description": "是否为色彩阶段变化模式, 显示优先级: color > progressive > state", "defaultValue": false }, { "name": "hasBorder", "propType": "bool", "description": "是否添加 Border（只适用于 Line Progress)", "defaultValue": false }, { "name": "textRender", "propType": "func", "description": "文本渲染函数\n@param {Number} percent 当前的进度信息\n@param {Object} option 额外的参数\n@property {Boolean} option.rtl 是否在rtl 模式下渲染\n@return {ReactNode} 返回文本节点" }, { "name": "color", "propType": "color", "description": "进度条颜色, 显示优先级: color > progressive > state" }, { "name": "backgroundColor", "propType": "color", "description": "背景色" }, { "name": "rtl", "propType": "bool" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Radio", "title": "Radio", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Radio", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "id", "propType": "string", "description": "input元素id" }, { "name": "checked", "propType": "bool", "description": "是否选中" }, { "name": "defaultChecked", "propType": "bool", "description": "是否默认选中" }, { "name": "label", "propType": "string", "description": "通过属性配置label" }, { "name": "disabled", "propType": "bool", "description": "是否被禁用" }, { "name": "value", "propType": { "type": "oneOfType", "value": [ "string", "number", "bool" ] }, "description": "value" }, { "name": "name", "propType": "string", "description": "name" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容" }, { "name": "onChange", "propType": "func", "description": "状态变化时触发的事件\n@param {Boolean} checked 是否选中\n@param {Event} e Dom 事件对象" }, { "name": "onMouseEnter", "propType": "func", "description": "鼠标进入enter事件\n@param {Event} e Dom 事件对象" }, { "name": "onMouseLeave", "propType": "func", "description": "鼠标离开事件\n@param {Event} e Dom 事件对象" } ] }, { "componentName": "Radio.Group", "title": "Radio.Group", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Radio", "main": "src/index.js", "destructuring": true, "subName": "Group" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "name", "propType": "string", "description": "name" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "large", "medium", "small" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "normal", "button" ] }, "description": "展示形态" }, { "name": "value", "propType": { "type": "oneOfType", "value": [ "string", "number", "bool" ] }, "description": "选中项的值" }, { "name": "defaultValue", "propType": { "type": "oneOfType", "value": [ "string", "number", "bool" ] }, "description": "默认值" }, { "name": "component", "propType": "string", "description": "设置标签类型", "defaultValue": "div" }, { "name": "disabled", "propType": "bool", "description": "是否被禁用" }, { "name": "dataSource", "propType": "object", "description": "可选项列表" }, { "name": "itemDirection", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "子项目的排列方式", "defaultValue": "hoz" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {number} value 评分值" }, { "name": "onChange", "propType": "func", "description": "选中值改变时的事件\n@param {String/Number} value 选中项的值\n@param {Event} e Dom 事件对象" } ], "configure": { "component": { "isContainer": true }, "props": { "isExtends": true, "override": [{ "name": "dataSource", "setter": "JsonSetter" }] } } }, { "componentName": "Range", "title": "Range", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Range", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式类名的品牌前缀", "defaultValue": "next-" }, { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "slider", "propType": { "type": "oneOf", "value": [ "single", "double" ] }, "description": "滑块个数\n@enumdesc 单个, 两个", "defaultValue": "single" }, { "name": "min", "propType": "number", "description": "最小值", "defaultValue": 0 }, { "name": "max", "propType": "number", "description": "最大值", "defaultValue": 100 }, { "name": "step", "propType": "number", "description": "步长，取值必须大于 0，并且可被 (max - min) 整除。", "defaultValue": 1 }, { "name": "marksPosition", "propType": { "type": "oneOf", "value": [ "above", "below" ] }, "description": "marks显示在上方('above')or下方('below')", "defaultValue": "above" }, { "name": "disabled", "propType": "bool", "description": "值为 `true` 时，滑块为禁用状态", "defaultValue": false }, { "name": "onChange", "propType": "func", "description": "当 Range 的值发生改变后，会触发 onChange 事件，并把改变后的值作为参数传入, 如果设置了value, 要配合此函数做受控使用\n@param {String/number} value" }, { "name": "onProcess", "propType": "func", "description": "滑块拖动的时候触发的事件,不建议在这里setState, 一般情况下不需要用, 滑动时有特殊需求时使用\n@param {String/number} value" }, { "name": "hasTip", "propType": "bool", "description": "是否显示 tip", "defaultValue": true }, { "name": "tipRender", "propType": "func", "description": "自定义 tip 显示内容\n@param {Number|String} value 值\n@return {ReactNode} 显示内容" }, { "name": "id", "propType": "string" }, { "name": "reverse", "propType": "bool", "description": "选中态反转", "defaultValue": false }, { "name": "pure", "propType": "bool", "description": "是否pure render", "defaultValue": false }, { "name": "fixedWidth", "propType": "bool", "description": "是否为拖动线段类型,默认slider为double, defaultValue必传且指定区间", "defaultValue": false }, { "name": "tooltipVisible", "propType": "bool", "description": "tooltip是否默认展示", "defaultValue": false }, { "name": "rtl", "propType": "bool", "description": "是否已rtl模式展示", "defaultValue": false }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {number} value 评分值" }, { "name": "value", "propType": "number", "description": "分值" } ] }, { "componentName": "Rating", "title": "Rating", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Rating", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "id", "propType": "string" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "defaultValue", "propType": "number", "description": "默认值", "defaultValue": 0 }, { "name": "value", "propType": "number", "description": "值" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "count", "propType": "number", "description": "评分的总数", "defaultValue": 5 }, { "name": "showGrade", "propType": "bool", "description": "是否显示 grade", "defaultValue": false }, { "name": "allowHalf", "propType": "bool", "description": "是否允许半星评分", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "rtl", "propType": "bool" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态", "defaultValue": false }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容" }, { "name": "readOnly", "propType": "bool", "description": "是否为只读态，效果上同 disabeld", "defaultValue": false }, { "name": "onChange", "propType": "func", "description": "用户点击评分时触发的回调\n@param {String} value 评分值" }, { "name": "onHoverChange", "propType": "func", "description": "用户hover评分时触发的回调\n@param {String} value 评分值" } ] }, { "componentName": "Search", "title": "Search", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Search", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式前缀", "defaultValue": "next-" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "normal", "simple" ] }, "description": "形状", "defaultValue": "normal" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "primary", "secondary", "normal", "dark" ] }, "description": "类型 shape=normal: primary/secondary; shape=simple: normal/dark;", "defaultValue": "normal" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "large", "medium" ] }, "description": "大小\n@enumdesc '大', '小'", "defaultValue": "medium" }, { "name": "defaultValue", "propType": "string", "description": "搜索框默认值" }, { "name": "value", "propType": { "type": "oneOfType", "value": [ "string", "number" ] }, "description": "搜索框数值" }, { "name": "onChange", "propType": "func", "description": "输入关键字时的回掉\n@param {Object} value 输入值" }, { "name": "onSearch", "propType": "func", "description": "点击搜索按钮触发的回调\n@param {String} value 输入值\n@param {String} filterValue 选项值" }, { "name": "defaultFilterValue", "propType": "string", "description": "选择器默认值" }, { "name": "filter", "propType": { "type": "instanceOf", "value": "array" }, "description": "选择器", "defaultValue": [] }, { "name": "filterValue", "propType": "string", "description": "选择器值" }, { "name": "onFilterChange", "propType": "func", "description": "选择器发生变化时回调\n@param {Object} filter value" }, { "name": "dataSource", "propType": { "type": "instanceOf", "value": "array" }, "description": "搜索框下拉联想列表" }, { "name": "placeholder", "propType": "string", "description": "默认提示" }, { "name": "searchText", "propType": { "type": "instanceOf", "value": "node" }, "description": "button 的内容" }, { "name": "style", "propType": "object", "description": "自定义样式" }, { "name": "className", "propType": "string", "description": "样式名称" }, { "name": "filterProps", "propType": "object", "description": "选择器的props" }, { "name": "buttonProps", "propType": "object", "description": "按钮的额外属性" }, { "name": "popupContent", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义渲染的的下拉框" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "visible", "propType": "bool", "description": "自定义渲染的的下拉框" }, { "name": "hasClear", "propType": "bool", "description": "是否显示清除按钮", "defaultValue": false }, { "name": "hasIcon", "propType": "bool", "description": "是否显示搜索按钮", "defaultValue": true }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "locale", "propType": "object" }, { "name": "rtl", "propType": "bool" } ] }, { "componentName": "Select", "title": "Select", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Select", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "mode", "propType": { "type": "oneOf", "value": [ "single", "multiple", "tag" ] }, "description": "选择器模式", "defaultValue": "single" }, { "name": "dataSource", "propType": "Json" }, { "name": "defaultValue", "title": { "label": "默认值", "tip": "初始的默认值" }, "propType": { "type": "oneOfType", "value": [ "string", "JSExpression" ] }, "description": "初始的默认值" }, { "name": "onChange", "propType": "func", "description": "Select发生改变时触发的回调\n@param {*} value 选中的值\n@param {String} actionType 触发的方式, 'itemClick', 'enter', 'tag'\n@param {*} item 选中的值的对象数据 (useDetailValue=false有效)" }, { "name": "hasBorder", "title": { "label": "边框", "tip": "是否有边框" }, "propType": "bool", "description": "是否有边框" }, { "name": "hasArrow", "title": { "label": "箭头", "tip": "是否有下拉箭头" }, "propType": "bool", "description": "是否有下拉箭头", "defaultValue": true }, { "name": "showSearch", "title": { "label": "搜索框", "tip": "展开后是否能搜索（tag 模式下固定为true）" }, "propType": "bool", "description": "展开后是否能搜索（tag 模式下固定为true）", "defaultValue": false }, { "name": "onSearch", "propType": "func", "description": "当搜索框值变化时回调\n@param {String} value 数据" }, { "name": "onSearchClear", "propType": "func", "description": "当搜索框值被清空时候的回调\n@param {String} actionType 触发的方式, 'select'(选择清空), 'popupClose'(弹窗关闭清空)" }, { "name": "hasSelectAll", "title": { "label": "全选", "tip": "多选模式下是否有全选功能" }, "propType": "bool", "description": "多选模式下是否有全选功能" }, { "name": "fillProps", "title": { "label": "FillProps", "tip": "填充到选择框里的值的 key" }, "propType": "string", "description": "填充到选择框里的值的 key\b\b" }, { "name": "notFoundContent", "title": { "label": "空文案", "tip": "notFoundContent|弹层内容为空的文案" }, "propType": "string", "description": "弹层内容为空的文案" }, { "name": "style", "propType": "object" }, { "name": "tagInline", "title": { "label": "Inline", "tip": "tagInline|是否一行显示，仅在 mode 为 multiple 的时候生效" }, "propType": "bool", "description": "是否一行显示，仅在 mode 为 multiple 的时候生效", "defaultValue": false }, { "name": "maxTagCount", "title": { "label": "最大标签数", "tip": "maxTagCount|最多显示多少个 tag" }, "propType": "number", "description": "最多显示多少个 tag" }, { "name": "maxTagPlaceholder", "title": { "label": "隐藏 tag 占位符", "tip": "maxTagPlaceholder|隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素" }, "propType": "string", "description": "隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素" }, { "name": "hiddenSelected", "title": { "label": "隐藏菜单", "tip": "hiddenSelected|选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)" }, "propType": "bool", "description": "选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)" }, { "name": "onRemove", "propType": "func", "description": "tag 删除回调\n@param {object} item 渲染节点的item" }, { "name": "onFocus", "propType": "func", "description": "焦点事件" }, { "name": "onBlur", "propType": "func", "description": "失去焦点事件" }, { "name": "onMouseEnter", "propType": "func" }, { "name": "onMouseLeave", "propType": "func" }, { "name": "onKeyDown", "propType": "func" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Select.Option", "title": "Select.Option", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Select", "main": "src/index.js", "destructuring": true, "subName": "Option" }, "props": [ { "name": "value", "propType": "string", "description": "选项值", "defaultValue": "test" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Slider", "title": "Slider", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Slider", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "className", "propType": "any", "description": "自定义传入的样式" }, { "name": "adaptiveHeight", "propType": "bool", "description": "是否使用自适应高度", "defaultValue": false }, { "name": "animation", "propType": { "type": "oneOfType", "value": [ "string", "bool" ] }, "description": "动效类型，默认是'slide'", "defaultValue": "slide" }, { "name": "arrows", "propType": "bool", "description": "是否显示箭头", "defaultValue": true }, { "name": "arrowSize", "propType": { "type": "oneOf", "value": [ "medium", "large" ] }, "description": "导航箭头大小 可选值: 'medium', 'large'", "defaultValue": "medium" }, { "name": "arrowPosition", "propType": { "type": "oneOf", "value": [ "inner", "outer" ] }, "description": "导航箭头位置 可选值: 'inner', 'outer'", "defaultValue": "inner" }, { "name": "arrowDirection", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "导航箭头的方向 可选值: 'hoz', 'ver'", "defaultValue": "hoz" }, { "name": "autoplay", "propType": "bool", "description": "是否自动播放", "defaultValue": false }, { "name": "autoplaySpeed", "propType": "number", "description": "自动播放的速度", "defaultValue": 3000 }, { "name": "nextArrow", "propType": { "type": "instanceOf", "value": "element" }, "description": "向后箭头", "defaultValue": null }, { "name": "prevArrow", "propType": { "type": "instanceOf", "value": "element" }, "description": "向前箭头", "defaultValue": null }, { "name": "centerMode", "propType": "bool", "description": "是否启用居中模式", "defaultValue": false }, { "name": "dots", "propType": "bool", "description": "是否显示导航锚点", "defaultValue": true }, { "name": "dotsDirection", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "导航锚点位置", "defaultValue": "hoz" }, { "name": "dotsClass", "propType": "string" }, { "name": "dotRender", "propType": "func", "description": "自定义导航锚点" }, { "name": "draggable", "propType": "bool", "description": "是否可拖拽", "defaultValue": true }, { "name": "infinite", "propType": "bool", "description": "是否使用无穷循环模式", "defaultValue": true }, { "name": "defaultActiveIndex", "propType": "number", "description": "初始被激活的轮播图", "defaultValue": 0 }, { "name": "lazyLoad", "propType": "bool", "description": "是否启用懒加载", "defaultValue": false }, { "name": "slide", "propType": "string", "defaultValue": "div" }, { "name": "slideDirection", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "轮播方向", "defaultValue": "hoz" }, { "name": "slidesToShow", "propType": "number", "description": "同时展示的图片数量", "defaultValue": 1 }, { "name": "slidesToScroll", "propType": "number", "description": "同时滑动的图片数量", "defaultValue": 1 }, { "name": "speed", "propType": "number", "description": "轮播速度", "defaultValue": 600 }, { "name": "activeIndex", "propType": "number", "description": "跳转到指定的轮播图（受控）" }, { "name": "triggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "锚点导航触发方式", "defaultValue": "click" }, { "name": "onChange", "propType": "func", "description": "轮播切换的回调函数\n@param {Number} index 幻灯片的索引" }, { "name": "onBeforeChange", "propType": "func" }, { "name": "children", "propType": "any" }, { "name": "style", "propType": "object", "description": "自定义传入的class", "defaultValue": null }, { "name": "centerPadding", "propType": "string", "description": "Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览", "defaultValue": "50px" }, { "name": "cssEase", "propType": "string", "description": "CSS3 Animation Easing,默认‘ease’", "defaultValue": "ease" }, { "name": "edgeFriction", "propType": "number", "defaultValue": 0.35 }, { "name": "focusOnSelect", "propType": "bool", "description": "多图轮播时，点击选中后自动居中", "defaultValue": false }, { "name": "pauseOnHover", "propType": "bool", "defaultValue": false }, { "name": "swipe", "propType": "bool", "defaultValue": true }, { "name": "swipeToSlide", "propType": "bool", "defaultValue": false }, { "name": "touchMove", "propType": "bool", "defaultValue": true }, { "name": "touchThreshold", "propType": "number", "defaultValue": 5 }, { "name": "useCSS", "propType": "bool", "defaultValue": true }, { "name": "variableWidth", "propType": "bool", "defaultValue": false }, { "name": "waitForAnimate", "propType": "bool", "defaultValue": true }, { "name": "edgeEvent", "propType": "any", "defaultValue": null }, { "name": "swipeEvent", "propType": "any", "defaultValue": null }, { "name": "vertical", "defaultValue": false }, { "name": "verticalSwiping", "defaultValue": false }, { "name": "dotsRender", "defaultValue": null } ] }, { "componentName": "SplitButton", "title": "SplitButton", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "SplitButton", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "style", "propType": "object" }, { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "primary", "secondary" ] }, "description": "按钮的类型", "defaultValue": "normal" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "按钮组的尺寸", "defaultValue": "medium" }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "主按钮的文案" }, { "name": "component", "propType": { "type": "oneOf", "value": [ "button", "a" ] }, "description": "设置标签类型" }, { "name": "ghost", "propType": { "type": "oneOf", "value": [ "light", "dark", false, true ] }, "description": "是否为幽灵按钮" }, { "name": "defaultSelectedKeys", "propType": { "type": "instanceOf", "value": "array" }, "description": "默认激活的菜单项（用法同 Menu 非受控）", "defaultValue": [] }, { "name": "selectedKeys", "propType": { "type": "instanceOf", "value": "array" }, "description": "激活的菜单项（用法同 Menu 受控）" }, { "name": "selectMode", "propType": { "type": "oneOf", "value": [ "single", "multiple" ] }, "description": "菜单的选择模式" }, { "name": "onSelect", "propType": "func", "description": "选择菜单项时的回调，参考 Menu" }, { "name": "onItemClick", "propType": "func", "description": "点击菜单项时的回调，参考 Menu" }, { "name": "triggerProps", "propType": "object", "description": "触发按钮的属性（支持 Button 的所有属性透传）" }, { "name": "autoWidth", "propType": "bool", "description": "弹层菜单的宽度是否与按钮组一致", "defaultValue": true }, { "name": "visible", "propType": "bool", "description": "弹层是否显示" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认是否显示" }, { "name": "onVisibleChange", "propType": "func", "description": "弹层显示状态变化时的回调函数\n@param {Boolean} visible 弹层显示状态\n@param {String} type 触发弹层显示或隐藏的来源 menuSelect 表示由menu触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "popupTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "弹层的触发方式", "defaultValue": "click" }, { "name": "popupAlign", "propType": "string", "description": "弹层对齐方式, 详情见Overlay align" }, { "name": "popupStyle", "propType": "object", "description": "弹层自定义样式" }, { "name": "popupClassName", "propType": "string", "description": "弹层自定义样式类" }, { "name": "popupProps", "propType": "object", "description": "透传给弹层的属性" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "menuProps", "propType": "object", "description": "透传给 Menu 的属性" }, { "name": "leftButtonProps", "propType": "object", "description": "透传给 左侧按钮 的属性" }, { "name": "className", "propType": "string" }, { "name": "children", "propType": "any" } ] }, { "componentName": "Step", "title": "Step", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Step", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool" }, { "name": "current", "propType": "number", "description": "当前步骤", "defaultValue": 0 }, { "name": "direction", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "展示方向", "defaultValue": "hoz" }, { "name": "labelPlacement", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] }, "description": "横向布局时( direction 为 hoz )的内容排列", "defaultValue": "ver" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "circle", "arrow", "dot" ] }, "description": "类型", "defaultValue": "circle" }, { "name": "readOnly", "propType": "bool", "description": "是否只读模式" }, { "name": "animation", "propType": "bool", "description": "是否开启动效", "defaultValue": true }, { "name": "className", "propType": "string", "description": "自定义样式名" }, { "name": "itemRender", "propType": "func", "description": "StepItem 的自定义渲染\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果", "defaultValue": null }, { "name": "style", "propType": "object" } ] }, { "componentName": "StepItem", "title": "StepItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Step", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "prefix", "propType": "string" }, { "name": "rtl", "propType": "bool" }, { "name": "status", "propType": { "type": "oneOf", "value": [ "wait", "process", "finish" ] }, "description": "步骤的状态，如不传，会根据外层的 Step 的 current 属性生成，可选值为 `wait`, `process`, `finish`" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "标题" }, { "name": "direction", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] } }, { "name": "labelPlacement", "propType": { "type": "oneOf", "value": [ "hoz", "ver" ] } }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "circle", "arrow", "dot" ] }, "defaultValue": "circle" }, { "name": "icon", "propType": "icon", "description": "图标" }, { "name": "content", "propType": { "type": "instanceOf", "value": "node" }, "description": "内容填充, shape为 arrow 时无效" }, { "name": "itemRender", "propType": "func", "description": "StepItem 的自定义渲染, 会覆盖父节点设置的itemRender\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果" }, { "name": "percent", "propType": "number", "description": "百分比" }, { "name": "index", "propType": "number", "defaultValue": 0 }, { "name": "total", "propType": "number", "defaultValue": 1 }, { "name": "animation", "propType": "bool" }, { "name": "disabled", "propType": "bool", "description": "是否禁用" }, { "name": "parentWidth", "propType": { "type": "oneOfType", "value": [ "string", "number" ] } }, { "name": "parentHeight", "propType": { "type": "oneOfType", "value": [ "string", "number" ] } }, { "name": "onClick", "propType": "func", "description": "点击步骤时的回调\n@param {Number} index 节点索引" }, { "name": "className", "propType": "string", "description": "自定义样式" }, { "name": "readOnly", "propType": "bool" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Switch", "title": "Switch", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Switch", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string", "description": "自定义类名" }, { "name": "style", "propType": "object", "description": "自定义内敛样式" }, { "name": "checked", "propType": "bool", "description": "当前状态" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "size", "propType": { "type": "oneOf", "value": [ "medium", "small" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "checkedChildren", "propType": "string", "description": "打开时的内容" }, { "name": "unCheckedChildren", "propType": "string", "description": "关闭时的内容" }, { "name": "onChange", "propType": "func", "description": "开关状态改变是触发此事件\n@param {Boolean} checked 是否为打开状态\n@param {Event} e DOM事件对象" }, { "name": "onClick", "propType": "func", "description": "鼠标点击事件\n@param {Event} e DOM事件对象" }, { "name": "onKeyDown", "propType": "func", "description": "键盘按键事件\n@param {Event} e DOM事件对象" } ] }, { "componentName": "Tab", "title": "Tab", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tab", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "rtl", "propType": "bool" }, { "name": "device", "propType": { "type": "oneOf", "value": [ "tablet", "desktop", "phone" ] } }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "pure", "wrapped", "text", "capsule" ] }, "description": "外观形态", "defaultValue": "pure" }, { "name": "animation", "propType": "bool", "description": "是否开启动效", "defaultValue": true }, { "name": "excessMode", "propType": { "type": "oneOf", "value": [ "slide", "dropdown" ] }, "description": "选项卡过多时的滑动模式", "defaultValue": "slide" }, { "name": "tabPosition", "propType": { "type": "oneOf", "value": [ "top", "bottom", "left", "right" ] }, "description": "导航选项卡的位置，只适用于包裹型（wrapped）选项卡", "defaultValue": "top" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium" ] }, "description": "尺寸", "defaultValue": "medium" }, { "name": "triggerType", "propType": { "type": "oneOf", "value": [ "hover", "click" ] }, "description": "激活选项卡的触发方式", "defaultValue": "click" }, { "name": "lazyLoad", "propType": "bool", "description": "是否延迟加载 TabPane 的内容, 默认开启, 即不提前渲染", "defaultValue": true }, { "name": "unmountInactiveTabs", "propType": "bool", "description": "是否自动卸载未处于激活状态的选项卡", "defaultValue": false }, { "name": "navClassName", "propType": "string", "description": "导航条的自定义样式类" }, { "name": "contentClassName", "propType": "string", "description": "内容区容器的自定义样式类" }, { "name": "extra", "propType": { "type": "instanceOf", "value": "node" }, "description": "导航栏附加内容" }, { "name": "onClick", "propType": "func", "description": "点击单个选项卡时触发的回调" }, { "name": "onChange", "propType": "func", "description": "选项卡发生切换时的事件回调\n@param {String|Number} key 改变后的 key" }, { "name": "onClose", "propType": "func", "description": "选项卡被关闭时的事件回调\n@param {String|Number} key 关闭的选项卡的 key" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Tab.Item", "title": "Tab.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tab", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "title", "propType": "string", "description": "选项卡标题" }, { "name": "closeable", "propType": "bool", "description": "单个选项卡是否可关闭", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "选项卡是否被禁用" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "parentWhitelist": ["Tab"] } } } }, { "componentName": "Tab.TabPane", "title": "Tab.TabPane", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tab", "main": "src/index.js", "destructuring": true, "subName": "TabPane" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "title", "propType": { "type": "instanceOf", "value": "node" }, "description": "选项卡标题" }, { "name": "closeable", "propType": "bool", "description": "单个选项卡是否可关闭", "defaultValue": false }, { "name": "disabled", "propType": "bool", "description": "选项卡是否被禁用" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Tag", "title": "Tag", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tag", "main": "src/index.js", "destructuring": true }, "props": [ { "name": "type", "propType": { "type": "oneOf", "value": [ "normal", "primary" ] }, "description": "标签的类型" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）" }, { "name": "color", "propType": "color", "description": "标签颜色, 目前支持：blue、 green、 orange、red、 turquoise、 yellow 和 hex 颜色值 （`color keywords`作为 Tag 组件的保留字，请勿直接使用 ）, `1.19.0` 以上版本生效" }, { "name": "animation", "propType": "bool", "description": "是否开启动效" }, { "name": "afterAppear", "propType": "func", "description": "标签出现动画结束后执行的回调" }, { "name": "onClick", "propType": "func", "description": "点击回调" }, { "name": "children", "propType": "string", "description": "内容" }, { "name": "style", "propType": "object" } ], "configure": {} }, { "componentName": "Tag.Selectable", "title": "Tag.Selectable", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tag", "main": "src/index.js", "destructuring": true, "subName": "Selectable" }, "props": [ { "name": "checked", "propType": "bool", "description": "标签是否被选中，受控用法" }, { "name": "defaultChecked", "propType": "bool", "description": "标签是否默认被选中，非受控用法" }, { "name": "disabled", "propType": "bool", "description": "标签是否被禁用" }, { "name": "onChange", "propType": "func", "description": "选中状态变化时触发的事件 Function(checked: Boolean, e: Event) => void" }, { "name": "children", "propType": "string", "description": "内容" }, { "name": "style", "propType": "object" } ], "configure": {} }, { "componentName": "Tag.Closeable", "title": "Tag.Closeable", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tag", "main": "src/index.js", "destructuring": true, "subName": "Closeable" }, "props": [ { "name": "closeArea", "propType": { "type": "oneOf", "value": [ "tag", "tail" ] }, "description": "closeable 标签的 onClose 响应区域, tag: 标签体, tail(默认): 关闭按钮" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）" }, { "name": "onClose", "propType": "func", "description": "点击关闭按钮时的回调，返回值 true 则关闭, false 阻止关闭" }, { "name": "onClick", "propType": "func", "description": "点击回调" }, { "name": "afterClose", "propType": "func", "description": "标签关闭后执行的回调" }, { "name": "children", "propType": "string", "description": "内容" }, { "name": "style", "propType": "object" } ], "configure": {} }, { "componentName": "TimePicker", "title": "TimePicker", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "TimePicker", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "rtl", "propType": "bool", "defaultValue": false }, { "name": "label", "propType": "string", "description": "按钮的文案" }, { "name": "state", "propType": { "type": "oneOf", "value": [ "error", "success" ] }, "description": "输入框状态" }, { "name": "placeholder", "propType": "string", "description": "输入框提示" }, { "name": "value", "propType": { "type": "instanceOf", "value": "custom" }, "description": "时间值（moment 对象或时间字符串，受控状态使用）" }, { "name": "defaultValue", "propType": { "type": "instanceOf", "value": "custom" }, "description": "时间初值（moment 对象或时间字符串，非受控状态使用）" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "时间选择框的尺寸", "defaultValue": "medium" }, { "name": "hasClear", "propType": "bool", "description": "是否允许清空时间", "defaultValue": true }, { "name": "format", "propType": "string", "description": "时间的格式\nhttps://momentjs.com/docs/#/parsing/string-format/", "defaultValue": "HH:mm:ss" }, { "name": "hourStep", "propType": "number", "description": "小时选项步长" }, { "name": "minuteStep", "propType": "number", "description": "分钟选项步长" }, { "name": "secondStep", "propType": "number", "description": "秒钟选项步长" }, { "name": "disabledHours", "propType": "func", "description": "禁用小时函数\n@param {Number} index 时 0 - 23\n@return {Boolean} 是否禁用" }, { "name": "disabledMinutes", "propType": "func", "description": "禁用分钟函数\n@param {Number} index 分 0 - 59\n@return {Boolean} 是否禁用" }, { "name": "disabledSeconds", "propType": "func", "description": "禁用秒钟函数\n@param {Number} index 秒 0 - 59\n@return {Boolean} 是否禁用" }, { "name": "renderTimeMenuItems", "propType": "func", "description": "渲染的可选择时间列表\n[{\n label: '01',\n value: 1\n}]\n@param {Array} list 默认渲染的列表\n@param {String} mode 渲染的菜单 hour, minute, second\n@param {moment} value 当前时间，可能为 null\n@return {Array} 返回需要渲染的数据" }, { "name": "visible", "propType": "bool", "description": "弹层是否显示（受控）" }, { "name": "defaultVisible", "propType": "bool", "description": "弹层默认是否显示（非受控）" }, { "name": "popupContainer", "propType": "any", "description": "弹层容器\n@param {Object} target 目标节点\n@return {ReactNode} 容器节点" }, { "name": "popupAlign", "propType": "string", "description": "弹层对齐方式, 详情见Overlay 文档", "defaultValue": "tl tl" }, { "name": "popupTriggerType", "propType": { "type": "oneOf", "value": [ "click", "hover" ] }, "description": "弹层触发方式", "defaultValue": "click" }, { "name": "onVisibleChange", "propType": "func", "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示和隐藏的来源 fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" }, { "name": "popupStyle", "propType": "object", "description": "弹层自定义样式" }, { "name": "popupClassName", "propType": "string", "description": "弹层自定义样式类" }, { "name": "popupProps", "propType": "object", "description": "弹层属性" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {MomentObject} value 时间" }, { "name": "onChange", "propType": "func", "description": "时间值改变时的回调\n@param {Object|String} value 时间对象或时间字符串" }, { "name": "className", "propType": "string" }, { "name": "name", "propType": "string" }, { "name": "inputProps", "propType": "object" }, { "name": "popupComponent", "propType": { "type": "instanceOf", "value": "elementType" } }, { "name": "popupContent", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "locale" }, { "name": "style", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "defaultValue", "setter": "TimePicker" }, { "name": "value", "setter": "TimePicker" } ] } } }, { "componentName": "Timeline", "title": "Timeline", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Timeline", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "fold", "propType": { "type": "arrayOf", "value": { "type": "exact", "value": [{ "name": "foldArea", "propType": { "type": "arrayOf", "value": "number" } }, { "name": "foldShow", "propType": "bool" }] } }, "description": "自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`", "defaultValue": [] }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true, "nestingRule": { "childWhitelist": ["TimelineItem"] } } } }, { "componentName": "TimelineItem", "title": "TimelineItem", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Timeline", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "state", "propType": { "type": "oneOf", "value": [ "done", "process", "error", "success" ] }, "description": "节点状态", "defaultValue": "done" }, { "name": "icon", "propType": "icon", "description": "图标" }, { "name": "dot", "propType": "node", "description": "自定义时间轴节点" }, { "name": "time", "propType": "string", "description": "格式化后的时间" }, { "name": "title", "propType": { "type": "oneOfType", "value": ["string", "node"] }, "description": "标题" }, { "name": "timeLeft", "propType": "string", "description": "左侧时间" }, { "name": "content", "propType": { "type": "oneOfType", "value": ["string", "node"] }, "description": "右侧内容" }, { "name": "animation", "propType": "bool", "description": "动画", "defaultValue": true }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": false, "nestingRule": { "parentWhitelist": ["Timeline"] } } } }, { "componentName": "Transfer", "title": "Transfer", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Transfer", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "id", "propType": "string", "description": "请设置 id 以保证transfer的可访问性" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "rtl", "propType": "bool" }, { "name": "mode", "propType": { "type": "oneOf", "value": [ "normal", "simple" ] }, "description": "移动选项模式", "defaultValue": "normal" }, { "name": "dataSource", "propType": "array", "description": "数据源" }, { "name": "value", "propType": "array", "description": "当前值" }, { "name": "defaultValue", "propType": "array", "description": "默认值" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "leftDisabled", "propType": "bool", "description": "是否禁用左侧面板", "defaultValue": false }, { "name": "rightDisabled", "propType": "bool", "description": "是否禁用右侧面板", "defaultValue": false }, { "name": "itemRender", "propType": "func", "description": "列表项渲染函数" }, { "name": "showSearch", "propType": "bool", "description": "是否显示搜索框", "defaultValue": false }, { "name": "filter", "propType": "func", "description": "自定义搜索函数" }, { "name": "searchPlaceholder", "propType": "string", "description": "搜索框占位符" }, { "name": "notFoundContent", "propType": { "type": "instanceOf", "value": "node" }, "description": "列表为空显示内容", "defaultValue": "Not Found" }, { "name": "titles", "propType": "array", "description": "左右面板标题" }, { "name": "operations", "propType": "array", "description": "向右向左移动按钮显示内容" }, { "name": "defaultLeftChecked", "propType": "array", "description": "左面板默认选中值" }, { "name": "defaultRightChecked", "propType": "array", "description": "右面板默认选中值" }, { "name": "listClassName", "propType": "string", "description": "左右面板列表自定义样式类名" }, { "name": "listStyle", "propType": "object", "description": "左右面板列表自定义样式对象" }, { "name": "sortable", "propType": "bool", "description": "是否允许拖拽排序", "defaultValue": false }, { "name": "children", "propType": "func", "description": "接收 children 自定义渲染列表" }, { "name": "onChange", "propType": "func", "description": "值发生改变的时候触发的回调函数" }, { "name": "onSearch", "propType": "func", "description": "搜索框输入时触发的回调函数" }, { "name": "onSort", "propType": "func", "description": "拖拽排序时触发的回调函数" } ], "configure": { "props": { "isExtends": true, "override": [{ "name": "dataSource", "setter": "JsonSetter" }] } } }, { "componentName": "Tree", "title": "Tree", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tree", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string" }, { "name": "dataSource", "propType": { "type": "Json" }, "description": "数据源，该属性优先级高于 children" }, { "name": "showLine", "propType": "bool", "description": "是否显示树的线", "defaultValue": false }, { "name": "selectable", "propType": "bool", "description": "是否支持选中节点", "defaultValue": true }, { "name": "onSelect", "propType": "func", "description": "选中或取消选中节点时触发的回调函数\n@param {Array} selectedKeys 选中节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.selectedNodes 选中节点的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.selected 当前操作是否是选中" }, { "name": "multiple", "propType": "bool", "description": "是否支持多选", "defaultValue": false }, { "name": "checkable", "propType": "bool", "description": "是否支持勾选节点的复选框", "defaultValue": false }, { "name": "checkStrictly", "propType": "bool", "description": "勾选节点复选框是否完全受控（父子节点选中状态不再关联）", "defaultValue": false }, { "name": "checkedStrategy", "propType": { "type": "oneOf", "value": [ "all", "parent", "child" ] }, "description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点", "defaultValue": "all" }, { "name": "onCheck", "propType": "func", "description": "勾选或取消勾选复选框时触发的回调函数\n@param {Array} checkedKeys 勾选复选框节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.checkedNodes 勾选复选框节点的数组\n@param {Array} extra.checkedNodesPositions 包含有勾选复选框节点和其位置的对象的数组\n@param {Array} extra.indeterminateKeys 半选复选框节点 key 的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.checked 当前操作是否是勾选" }, { "name": "defaultExpandAll", "propType": "bool", "description": "是否默认展开所有节点", "defaultValue": false }, { "name": "autoExpandParent", "propType": "bool", "description": "是否自动展开父节点，建议受控时设置为false", "defaultValue": true }, { "name": "onExpand", "propType": "func", "description": "展开或收起节点时触发的回调函数\n@param {Array} expandedKeys 展开的节点key的数组\n@param {Object} extra 额外参数\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.expanded 当前操作是否是展开" }, { "name": "editable", "propType": "bool", "description": "是否支持编辑节点内容", "defaultValue": false }, { "name": "onEditFinish", "propType": "func", "description": "编辑节点内容完成时触发的回调函数\n@param {String} key 编辑节点的 key\n@param {String} label 编辑节点完成时节点的文本\n@param {Object} node 当前编辑的节点" }, { "name": "draggable", "propType": "bool", "description": "是否支持拖拽节点", "defaultValue": false }, { "name": "onDragStart", "propType": "func", "description": "开始拖拽节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 拖拽的节点" }, { "name": "onDragEnter", "propType": "func", "description": "拖拽节点进入目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Array} info.expandedKeys 当前展开的节点key的数组" }, { "name": "onDragOver", "propType": "func", "description": "拖拽节点在目标节点上移动的时候触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" }, { "name": "onDragLeave", "propType": "func", "description": "拖拽节点离开目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" }, { "name": "onDragEnd", "propType": "func", "description": "拖拽节点拖拽结束时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" }, { "name": "onDrop", "propType": "func", "description": "拖拽节点放入目标节点内或前后触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Object} info.dragNode 拖拽的节点\n@param {Array} info.dragNodesKeys 拖拽的节点和其子节点 key 的数组\n@param {Number} info.dropPosition 放置位置，-1代表当前节点前，0代表当前节点里，1代表当前节点后" }, { "name": "canDrop", "propType": "func", "description": "节点是否可被作为拖拽的目标节点" }, { "name": "loadData", "propType": "func", "description": "异步加载数据的函数" }, { "name": "filterTreeNode", "propType": "func", "description": "按需筛选高亮节点" }, { "name": "onRightClick", "propType": "func", "description": "右键点击节点时触发的回调函数" }, { "name": "isLabelBlock", "propType": "bool", "description": "设置节点是否占满剩余空间，一般用于统一在各节点右侧添加元素(借助 flex 实现，暂时只支持 ie10+)", "defaultValue": false }, { "name": "isNodeBlock", "propType": "bool", "description": "设置节点是否占满一行", "defaultValue": false }, { "name": "animation", "propType": "bool", "description": "是否开启展开收起动画", "defaultValue": true }, { "name": "focusedKey", "propType": "string", "description": "当前获得焦点的子菜单或菜单项 key 值" }, { "name": "renderChildNodes", "propType": "func", "description": "渲染子节点" }, { "name": "useVirtual", "propType": "bool", "description": "是否开启虚拟滚动" }, { "name": "onItemFocus", "propType": "func" }, { "name": "onBlur", "propType": "func" }, { "name": "onItemKeyDown", "propType": "func" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "TreeNode", "title": "TreeNode", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Tree", "main": "src/index.js", "destructuring": true, "subName": "Node" }, "props": [ { "name": "className", "propType": "string" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" }, "description": "树节点" }, { "name": "label", "propType": { "type": "oneOfType", "value": [ "string", "node" ] }, "description": "节点文本内容", "defaultValue": "---" }, { "name": "selectable", "propType": "bool", "description": "单独设置是否支持选中，覆盖 Tree 的 selectable" }, { "name": "checkable", "propType": "bool", "description": "单独设置是否出现复选框，覆盖 Tree 的 checkable" }, { "name": "editable", "propType": "bool", "description": "单独设置是否支持编辑，覆盖 Tree 的 editable" }, { "name": "draggable", "propType": "bool", "description": "单独设置是否支持拖拽，覆盖 Tree 的 draggable" }, { "name": "disabled", "propType": "bool", "description": "是否禁止节点响应", "defaultValue": false }, { "name": "checkboxDisabled", "propType": "bool", "description": "是否禁止勾选节点复选框", "defaultValue": false }, { "name": "isLeaf", "propType": "bool", "description": "是否是叶子节点", "defaultValue": false } ] }, { "componentName": "TreeSelect", "title": "TreeSelect", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "TreeSelect", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "string" }, { "name": "children", "propType": "node", "description": "树节点" }, { "name": "dataSource", "propType": { "type": "Json" }, "description": "数据源" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "description": "选择框大小", "defaultValue": "medium" }, { "name": "placeholder", "propType": "string", "description": "选择框占位符" }, { "name": "disabled", "propType": "bool", "description": "是否禁用", "defaultValue": false }, { "name": "hasArrow", "propType": "bool", "description": "是否有下拉箭头", "defaultValue": true }, { "name": "hasBorder", "propType": "bool", "description": "是否有边框", "defaultValue": true }, { "name": "hasClear", "propType": "bool", "description": "是否有清空按钮", "defaultValue": false }, { "name": "label", "propType": { "type": "instanceOf", "value": "node" }, "description": "自定义内联label" }, { "name": "readOnly", "propType": "bool", "description": "是否只读" }, { "name": "autoWidth", "propType": "bool", "description": "下拉框是否与选择器对齐", "defaultValue": true }, { "name": "onChange", "propType": "func", "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value, label, pos, key属性，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点" }, { "name": "showSearch", "propType": "bool", "description": "是否显示搜索框", "defaultValue": false }, { "name": "onSearch", "propType": "func", "description": "在搜索框中输入时触发的回调函数\n@param {String} keyword 输入的关键字" }, { "name": "onSearchClear", "propType": "func" }, { "name": "notFoundContent", "propType": { "type": "instanceOf", "value": "node" }, "description": "无数据时显示内容", "defaultValue": "Not Found" }, { "name": "multiple", "propType": "bool", "description": "是否支持多选", "defaultValue": false }, { "name": "treeCheckable", "propType": "bool", "description": "下拉框中的树是否支持勾选节点的复选框", "defaultValue": false }, { "name": "treeCheckStrictly", "propType": "bool", "description": "下拉框中的树勾选节点复选框是否完全受控（父子节点选中状态不再关联）", "defaultValue": false }, { "name": "treeCheckedStrategy", "propType": { "type": "oneOf", "value": [ "all", "parent", "child" ] }, "description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点", "defaultValue": "parent" }, { "name": "treeDefaultExpandAll", "propType": "bool", "description": "下拉框中的树是否默认展开所有节点", "defaultValue": false }, { "name": "treeLoadData", "propType": "func", "description": "下拉框中的树异步加载数据的函数，使用请参考[Tree的异步加载数据Demo](https://fusion.design/component/tree)\n@param {ReactElement} node 被点击展开的节点" }, { "name": "treeProps", "propType": { "type": "Json" }, "description": "透传到 Tree 的属性对象" }, { "name": "defaultVisible", "propType": "bool", "description": "初始下拉框是否显示", "defaultValue": false }, { "name": "visible", "propType": "bool", "description": "当前下拉框是否显示" }, { "name": "onVisibleChange", "propType": "func", "description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型" }, { "name": "popupStyle", "propType": { "type": "Json" }, "description": "下拉框自定义样式对象" }, { "name": "popupClassName", "propType": "string", "description": "下拉框样式自定义类名" }, { "name": "popupContainer", "propType": "any", "description": "下拉框挂载的容器节点" }, { "name": "popupProps", "propType": { "type": "Json" }, "description": "透传到 Popup 的属性对象" }, { "name": "followTrigger", "propType": "bool", "description": "是否跟随滚动" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {Array} value 选择值 { label: , value:}" }, { "name": "useVirtual", "propType": "bool", "description": "是否开启虚拟滚动" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Typography", "title": "Typography", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Typography", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "article" }, { "name": "style", "propType": "object" }, { "name": "children", "title": "内容", "propType": "string" } ], "configure": { "component": { "isContainer": true, "isModel": true } } }, { "componentName": "Paragraph", "title": "Paragraph", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Typography", "main": "src/index.js", "destructuring": true, "subName": "Paragraph" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "component", "propType": { "type": "instanceOf", "value": "elementType" }, "description": "设置标签类型", "defaultValue": "p" }, { "name": "type", "defaultValue": "long" }, { "name": "size", "defaultValue": "medium" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Typography.Text", "title": "Text", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Typography", "main": "src/index.js", "destructuring": true, "subName": "Text" }, "props": [ { "name": "children", "propType": "string" }, { "name": "delete", "propType": "bool", "description": "添加删除线样式", "defaultValue": false }, { "name": "mark", "propType": "bool", "description": "添加标记样式", "defaultValue": false }, { "name": "underline", "propType": "bool", "description": "添加下划线样式", "defaultValue": false }, { "name": "strong", "propType": "bool", "description": "是否加粗", "defaultValue": false }, { "name": "code", "propType": "bool", "description": "添加代码样式", "defaultValue": false }, { "name": "component", "propType": { "type": "oneOf", "value": [ "span", "H1", "H2", "H3", "H4" ] }, "description": "设置标签类型", "defaultValue": "span" }, { "name": "style", "propType": "object" } ], "configure": { "props": { "isExtends": true, "override": [ { "name": "children", "setter": "TextAreaSetter" } ] } } }, { "componentName": "Upload", "title": "Upload", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Upload", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "action", "propType": "string", "description": "上传的地址" }, { "name": "value", "propType": { "type": "Json" }, "description": "文件列表" }, { "name": "defaultValue", "propType": { "type": "Json" }, "description": "默认文件列表" }, { "name": "shape", "propType": { "type": "oneOf", "value": [ "card" ] }, "description": "上传按钮形状" }, { "name": "listType", "propType": { "type": "oneOf", "value": [ "text", "image", "card" ] }, "description": "上传列表的样式" }, { "name": "name", "propType": "string", "description": "文件名字段" }, { "name": "data", "propType": { "type": "oneOfType", "value": [ "Json", "func" ] }, "description": "上传额外传参" }, { "name": "formatter", "propType": "func", "title": { "label": "数据格式化函数", "tip": "数据格式化函数，配合自定义 action 使用，参数为服务器的响应数据，详见 [formatter](#formater)\n@param {Object} response 返回\n@param {File} file 文件对象" } }, { "name": "limit", "propType": "number", "description": "最大文件上传个数", "defaultValue": null }, { "name": "timeout", "propType": "number", "description": "设置上传超时,单位ms" }, { "name": "dragable", "propType": "bool", "description": "可选参数，是否支持拖拽上传，`ie10+` 支持。" }, { "name": "useDataURL", "propType": "bool", "description": "可选参数，是否本地预览" }, { "name": "disabled", "propType": "bool", "description": "可选参数，是否禁用上传功能" }, { "name": "onSelect", "propType": "func", "description": "选择文件回调" }, { "name": "onProgress", "propType": "func", "description": "上传中" }, { "name": "onChange", "propType": "func", "description": "上传文件改变时的状态\n@param {Object} info 文件事件对象" }, { "name": "onSuccess", "propType": "func", "description": "可选参数，上传成功回调函数，参数为请求下响应信息以及文件\n@param {Object} file 文件\n@param {Array} value 值" }, { "name": "afterSelect", "propType": "func", "description": "可选参数, 用于校验文件,afterSelect仅在 autoUpload=false 的时候生效,autoUpload=true时,可以使用beforeUpload完全可以替代该功能.\n@param {Object} file\n@returns {Boolean} 返回false会阻止上传,其他则表示正常" }, { "name": "onRemove", "propType": "func", "description": "移除文件回调函数\n@param {Object} file 文件\n@returns {Boolean|Promise} 返回 false、Promise.resolve(false)、 Promise.reject() 将阻止文件删除" }, { "name": "onError", "propType": "func", "description": "可选参数，上传失败回调函数，参数为上传失败的信息、响应信息以及文件\n@param {Object} file 出错的文件\n@param {Array} value 当前值" }, { "name": "beforeUpload", "propType": "func", "title": { "label": "开始上传时回调", "tip": "可选参数, 详见 [beforeUpload](#beforeUpload)\n@param {Object} file 所有文件\n@param {Object} options 参数\n@returns {Boolean|Object|Promise} 返回值作用见demo" } }, { "name": "onDrop", "propType": "func", "description": "放文件" }, { "name": "className", "propType": "string", "description": "自定义class" }, { "name": "style", "propType": "object", "description": "自定义内联样式" }, { "name": "autoUpload", "propType": "bool", "description": "自动上传", "defaultValue": true }, { "name": "request", "propType": "func", "description": "自定义上传方法\n@param {Object} option\n@return {Object} object with abort method" }, { "name": "progressProps", "propType": "Json", "description": "透传给Progress props" }, { "name": "isPreview", "propType": "bool", "description": "是否为预览态" }, { "name": "renderPreview", "propType": "func", "description": "预览态模式下渲染的内容\n@param {number} value 评分值" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Upload.Selecter", "title": "Upload.Selecter", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Upload", "main": "src/index.js", "destructuring": true, "subName": "Selecter" }, "props": [ { "name": "id", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "className", "propType": "string" }, { "name": "disabled", "propType": "bool", "description": "是否禁用上传功能" }, { "name": "multiple", "propType": "bool", "description": "是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件", "defaultValue": false }, { "name": "dragable", "propType": "bool", "description": "是否支持拖拽上传，`ie10+` 支持。" }, { "name": "accept", "propType": "string", "description": "接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 [input accept attribute](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept)" }, { "name": "onSelect", "propType": "func", "description": "文件选择回调" }, { "name": "onDragOver", "propType": "func", "description": "拖拽经过回调" }, { "name": "onDragLeave", "propType": "func", "description": "拖拽离开回调" }, { "name": "onDrop", "propType": "func", "description": "拖拽完成回调" }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "name", "propType": "string", "defaultValue": "file" } ] }, { "componentName": "Upload.Dragger", "title": "Upload.Dragger", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Upload", "main": "src/index.js", "destructuring": true, "subName": "DragUpload" }, "props": [ { "name": "prefix", "propType": "string", "description": "样式前缀", "defaultValue": "next-" }, { "name": "locale", "propType": "object" }, { "name": "shape", "propType": "string" }, { "name": "onDragOver", "propType": "func" }, { "name": "onDragLeave", "propType": "func" }, { "name": "onDrop", "propType": "func" }, { "name": "limit", "propType": "number" }, { "name": "className", "propType": "string" }, { "name": "style", "propType": "object" }, { "name": "defaultValue", "propType": { "type": "instanceOf", "value": "array" } }, { "name": "children", "propType": { "type": "instanceOf", "value": "node" } }, { "name": "listType", "propType": "string" }, { "name": "timeout", "propType": "number" } ] }, { "componentName": "Upload.List", "title": "Upload.List", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Upload", "main": "src/index.js", "destructuring": true, "subName": "List" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "locale", "propType": "object", "description": "多语言" }, { "name": "listType", "propType": { "type": "oneOf", "value": [ "text", "image", "card" ] }, "description": "文件列表，数据格式请参考 文件对象", "defaultValue": "text" }, { "name": "value", "propType": { "type": "instanceOf", "value": "array" }, "description": "文件列表", "defaultValue": [] }, { "name": "closable", "propType": "bool", "defaultValue": false }, { "name": "onRemove", "propType": "func", "description": "删除文件回调(支持Promise)" }, { "name": "onCancel", "propType": "func", "description": "取消上传回调(支持Promise)" }, { "name": "onImageError", "propType": "func", "description": "头像加载出错回调" }, { "name": "onPreview", "propType": "func", "description": "listType=card时点击图片回调" }, { "name": "extraRender", "propType": "func", "description": "自定义额外渲染" }, { "name": "progressProps", "propType": "object", "description": "透传给Progress props" }, { "name": "children", "propType": "node" }, { "name": "uploader", "propType": "any" }, { "name": "useDataURL", "propType": "bool", "description": "可选参数，是否本地预览" }, { "name": "rtl", "propType": "bool" }, { "name": "isPreview", "propType": "bool" }, { "name": "style", "propType": "object" } ] }, { "componentName": "Field", "title": "Field", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Field", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "this", "propType": "any" } ] }, { "componentName": "Avatar", "title": "Avatar", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Avatar", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "children", "propType": "string" }, { "name": "className", "propType": "string" }, { "name": "size", "title": "size", "propType": { "type": "oneOfType", "value": [ { "type": "oneOf", "value": [ "small", "medium", "large" ] }, "number" ] }, "description": "头像的大小", "defaultValue": "medium" }, { "name": "shape", "title": "shap", "propType": { "type": "oneOf", "value": [ "circle", "square" ] }, "description": "头像的形状", "defaultValue": "circle" }, { "name": "icon", "title": "icon", "propType": "icon", "description": "icon 类头像的图标类型，可设为 Icon 的 `type` 或 `ReactNode`" }, { "name": "src", "title": "src", "propType": "string", "description": "图片类头像的资源地址" }, { "name": "onError", "propType": "func", "description": "图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "ResponsiveGrid", "title": "布局容器", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "ResponsiveGrid", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "className", "propType": "any" }, { "name": "device", "propType": { "type": "oneOf", "value": [ "phone", "tablet", "desktop" ] }, "description": "设备，用来做自适应，默认为PC", "defaultValue": "desktop" }, { "name": "columns", "propType": "number", "description": "分为几列", "defaultValue": 4 }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "ResponsiveGrid.Cell", "title": "布局容器 Cell", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "ResponsiveGrid", "main": "src/index.js", "destructuring": true, "subName": "Cell" }, "props": [ { "name": "colSpan", "propType": "number", "description": "横向，占据几列" }, { "name": "rowSpan", "propType": "number", "description": "纵向，占据几行" }, { "name": "style", "propType": "object" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "Box", "title": "容器", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "Box", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "direction", "title": { "label": "布局方向", "tip": "布局方向，默认为 column ，一个元素占据一整行，默认为column" }, "propType": { "type": "oneOf", "value": [ "row", "column" ] }, "defaultValue": "column" }, { "name": "wrap", "title": "是否折行", "propType": "bool", "description": "是否折行", "defaultValue": false }, { "name": "justify", "title": { "label": "沿主轴排布关系", "tip": "沿着主轴方向，子元素们的排布关系 （兼容性同 justify-content ）" }, "propType": { "type": "oneOf", "value": [ "flex-start", "center", "flex-end", "space-between", "space-around" ] } }, { "name": "align", "title": { "label": "垂直主轴排布关系", "tip": "垂直主轴方向，子元素们的排布关系 （兼容性同 align-items ）" }, "propType": { "type": "oneOf", "value": [ "flex-start", "center", "flex-end", "baseline", "stretch" ] } }, { "name": "spacing", "title": { "label": "元素间距", "tip": "元素之间的间距 [bottom&top, right&left]" }, "propType": { "type": "oneOfType", "value": [ "number", { "type": "arrayOf", "value": "number" } ] } } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "List", "title": "List", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "List", "main": "src/index.js", "destructuring": true, "subName": "" }, "props": [ { "name": "prefix", "propType": "string", "defaultValue": "next-" }, { "name": "style", "propType": "object" }, { "name": "header", "propType": "node" }, { "name": "size", "propType": { "type": "oneOf", "value": [ "small", "medium" ] } }, { "name": "footer", "propType": "node" }, { "name": "divider", "propType": "node" } ], "configure": { "component": { "isContainer": true } } }, { "componentName": "List.Item", "title": "List.Item", "docUrl": "", "screenshot": "", "npm": { "package": "@alifd/next", "version": "1.19.18", "exportName": "List", "main": "src/index.js", "destructuring": true, "subName": "Item" }, "props": [ { "name": "style", "propType": "object" }, { "name": "title", "propType": "node" }, { "name": "description", "propType": "node" }, { "name": "media", "propType": "node" }, { "name": "extra", "propType": "node" } ] } ], "componentList": [ { "title": "DataDisplay", "children": [ { "componentName": "Avatar", "title": "头像", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "头像", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_avatar.png", "schema": { "componentName": "Avatar", "props": { "prefix": "next-", "size": "medium", "shape": "circle", "icon": "smile" } } } ] }, { "componentName": "Badge", "title": "徽标数", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "徽标数", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_badge.png", "schema": { "componentName": "Badge", "props": { "prefix": "next-", "showZero": true } } } ] }, { "componentName": "Drawer", "title": "抽屉", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "抽屉", "screenshot": "https://img.alicdn.com/tfs/TB1RiM3lgHqK1RjSZFEXXcGMXXa-404-422.png", "schema": { "componentName": "Drawer", "props": { "prefix": "next-", "triggerType": "click", "closeable": true, "placement": "right", "hasMask": true, "visible": true } } } ] }, { "componentName": "NextTable", "title": "NextTable", "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "package": "NextTable", "library": "NextTable", "snippets": [{ "title": "NextTable", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "schema": { "componentName": "NextTable", "props": { "showMiniPager": true, "showActionBar": true, "actionBar": [ { "title": "新增", "type": "primary" }, { "title": "编辑" } ], "columns": [ { "dataKey": "name", "width": 200, "align": "center", "title": "姓名", "editType": "text" }, { "dataKey": "age", "width": 200, "align": "center", "title": "年龄" }, { "dataKey": "email", "width": 200, "align": "center", "title": "邮箱" } ], "data": [ { "name": "王小", "id": "1", "age": 15000, "email": "aaa@abc.com" }, { "name": "王中", "id": "2", "age": 25000, "email": "bbb@abc.com" }, { "name": "王大", "id": "3", "age": 35000, "email": "ccc@abc.com" } ], "actionTitle": "操作", "actionWidth": 180, "actionType": "link", "actionFixed": "right", "actionHidden": false, "maxWebShownActionCount": 2, "actionColumn": [ { "title": "编辑", "callback": { "type": "JSFunction", "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }" }, "device": ["desktop"] }, { "title": "保存", "callback": { "type": "JSFunction", "value": "(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}" }, "mode": "EDIT" } ] } } }] }, { "componentName": "Table", "title": "表格", "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "表格", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "schema": { "componentName": "Table", "props": { "dataSource": [{ "id": 1, "time": "2016" },{ "id": 2, "time": "2017" }], "size": "medium", "prefix": "next-", "hasBorder": true, "hasHeader": true, "isZebra": false, "loading": false, "expandedIndexSimulate": false, "primaryKey": "id", "locale": "zhCN.Table", "crossline": false }, "children": [ { "componentName": "Table.Column", "props": { "title": "id", "dataIndex": "id", "cell": { "type": "JSSlot", "params": ["value", "index", "record"], "value": [{ "componentName": "Button", "props": { "type": "primary", "children": { "type": "JSExpression", "value": "this.value" } } }] } } }, { "componentName": "Table.Column", "props": { "title": "time", "dataIndex": "time" } } ] } } ] },{ "componentName": "Table.Column", "title": "表格列", "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "表格列", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", "schema": { "componentName": "Table.Column", "props": { "title": "name" } } } ] }, { "componentName": "Calendar", "title": "日历", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "screenshot": "https://img.alicdn.com/tfs/TB158yMu4v1gK0jSZFFXXb0sXXa-112-64.png", "title": "卡片型", "schema": { "componentName": "Calendar", "props": { "shape": "card" } } }, { "screenshot": "https://img.alicdn.com/tfs/TB1PRmJu7P2gK0jSZPxXXacQpXa-112-64.png", "title": "面板型", "schema": { "componentName": "Calendar", "props": { "shape": "panel" } } }, { "screenshot": "https://img.alicdn.com/tfs/TB10JuKu.T1gK0jSZFhXXaAtVXa-112-64.png", "title": "全屏型", "schema": { "componentName": "Calendar", "props": { "shape": "fullscreen" } } } ] }, { "componentName": "Card", "title": "卡片", "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_card.png", "package": "@alifd/next", "library": "Next", "snippets": [ { "screenshot": "https://img.alicdn.com/tfs/TB1CHN3u4z1gK0jSZSgXXavwpXa-112-64.png", "title": "普通型", "schema": { "componentName": "Card", "props": { "title": "普通型卡片" }, "children": [] } }, { "screenshot": "https://img.alicdn.com/tfs/TB1.Ut6u4D1gK0jSZFKXXcJrVXa-112-64.png", "title": "自定义", "schema": { "componentName": "Card", "props": { "title": "自定义卡片", "extra": { "type": "JSSlot" } }, "children": [] } } ] }, { "componentName": "Cascader", "title": "级联", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "级联", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader.png", "schema": { "componentName": "Cascader", "props": { "prefix": "next-", "expandTriggerType": "click", "dataSource": [{ "value": "2974", "label": "西安", "children": [ { "value": "2975", "label": "西安市" }, { "value": "2976", "label": "高陵县" }, { "value": "2977", "label": "蓝田县" } ] }] } } } ] }, { "componentName": "Collapse", "title": "折叠面板", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "折叠面板", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png", "schema": { "componentName": "Collapse", "props": { "prefix": "next-" }, "children": [{ "componentName": "Collapse.Panel", "props": { "title": "面板标题" } }] } } ] }, { "componentName": "Collapse.Panel", "title": "折叠面板Panel", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "折叠面板Panel", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png", "schema": { "componentName": "Collapse.Panel", "props": { "prefix": "next-", "title": "面板标题" } } } ] }, { "componentName": "List", "title": "列表", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "列表", "screenshot": "", "schema": { "componentName": "List", "props": {} } } ] },{ "componentName": "List.Item", "title": "列表项", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "列表项", "screenshot": "", "schema": { "componentName": "List.Item", "props": {} } } ] }, { "componentName": "Menu", "title": "菜单", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "菜单", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "Menu", "props": { "defaultOpenKeys": [], "mode": "inline", "triggerType": "click", "openMode": "multiple", "inlineIndent": 20, "inlineArrowDirection": "down", "popupAlign": "follow", "defaultSelectedKeys": [], "hasSelectedIcon": true, "labelToggleChecked": true, "direction": "ver", "hozAlign": "left", "focusable": true, "expandAnimation": true }, "children": [{ "componentName": "Menu.Item", "props": { }, "children": "Option" }] } } ] }, { "componentName": "SubMenu", "title": "子菜单", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "子菜单", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "SubMenu", "props": { "label": "子菜单", "mode": "inline" }, "children": [{ "componentName": "Menu.Item", "props": { }, "children": "Option" }] } } ] }, { "componentName": "Menu.Item", "title": "菜单项", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "菜单项", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "Menu.Item", "props": { }, "children": "Option" } } ] }, { "componentName": "CheckboxItem", "title": "可选中菜单项", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "可选中菜单项", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "CheckboxItem", "props": { }, "children": "Check Option" } } ] }, { "componentName": "RadioItem", "title": "单选菜单项", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "单选菜单项", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "RadioItem", "props": { }, "children": "Radio Option" } } ] }, { "componentName": "Menu.PopupItem", "title": "自定义弹出内容", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "自定义弹出内容", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "Menu.PopupItem", "props": { "label": "Popup item" }, "children": { "componentName": "Box", "props": {}, "children": "Custom content" } } } ] }, { "componentName": "Menu.Group", "title": "菜单组", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "菜单组", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "Menu.Group", "props": { "label": "菜单组" }, "children": [{ "componentName": "Menu.Item", "props": { }, "children": "Option" }] } } ] }, { "componentName": "Menu.Divider", "title": "菜单分隔线", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "菜单分隔线", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", "schema": { "componentName": "Menu.Divider", "props": {} } } ] }, { "componentName": "Progress", "title": "进度指示器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "进度指示器", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_progress.png", "schema": { "componentName": "Progress", "props": { "prefix": "next-", "shape": "line", "size": "medium", "state": "normal" } } } ] }, { "componentName": "Slider", "title": "图片轮播", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "图片轮播", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png", "schema": { "componentName": "Slider", "props": { "prefix": "next-", "animation": "slide", "arrows": true, "arrowSize": "medium", "arrowPosition": "inner", "arrowDirection": "hoz", "autoplaySpeed": 3000, "dots": true, "dotsDirection": "hoz", "draggable": true, "infinite": true, "slide": "div", "slideDirection": "hoz", "slidesToShow": 1, "slidesToScroll": 1, "speed": 600, "triggerType": "click", "centerPadding": "50px", "cssEase": "ease", "edgeFriction": 0.35, "swipe": true, "touchMove": true, "touchThreshold": 5, "useCSS": true, "waitForAnimate": true } } } ] }, { "componentName": "Tag", "title": "标签", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "标签", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", "schema": { "componentName": "Tag", "props": { "prefix": "next-", "type": "normal", "size": "medium", "animation": false, "children": "Tag" } } } ] }, { "componentName": "Tag.Closeable", "title": "可关闭标签", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "可关闭标签", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", "schema": { "componentName": "Tag.Closeable", "props": { "prefix": "next-", "closeArea": "tail", "size": "medium", "children": "Tag" } } } ] }, { "componentName": "Tag.Selectable", "title": "可选中标签", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "可选中标签", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", "schema": { "componentName": "Tag.Selectable", "props": { "prefix": "next-", "children": "Tag" } } } ] }, { "componentName": "Timeline", "title": "时间轴", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "时间轴", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png", "schema": { "componentName": "Timeline", "props": { "prefix": "next-", "fold": [], "animation": true },"children": [ { "componentName": "TimelineItem", "props": { "state": "process", "title": "12344" } }, { "componentName": "TimelineItem", "props": { "title": "Ship" } }, { "componentName": "TimelineItem", "props": { "title": "Order" } } ] } } ] },{ "componentName": "TimelineItem", "title": "时间轴 Item", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "时间轴 Item", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png", "schema": { "componentName": "TimelineItem", "props": { "prefix": "next-", "fold": [], "animation": true } } } ] }, { "componentName": "Tree", "title": "树形控件", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "树形控件", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png", "schema": { "componentName": "Tree", "props": { "prefix": "next-", "selectable": true, "checkedStrategy": "all", "autoExpandParent": true, "animation": true, "focusable": true } } } ] }, { "componentName": "TreeNode", "title": "树形控件节点", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "树形控件节点", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png", "schema": { "componentName": "TreeNode", "props": { "label": "节点内容文本" } } } ] } ], "icon": "" }, { "title": "Feedback", "children": [ { "componentName": "Balloon", "title": "气泡提示", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "气泡提示", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_balloon.png", "schema": { "componentName": "Balloon", "props": { "defaultVisible": true, "prefix": "next-", "size": "medium", "type": "normal", "closable": true, "align": "b", "offset": [ 0, 0 ], "triggerType": "hover", "autoFocus": true, "trigger": { "type": "JSSlot", "props": { "title": "触发元素" } } } } } ] }, { "componentName": "Dialog", "title": "弹窗", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "弹窗", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_dialog.png", "schema": { "componentName": "Dialog", "props": { "prefix": "next-", "footerAlign": "right", "footerActions": [ "ok", "cancel" ], "closeable": "esc,close", "hasMask": true, "align": "cc cc", "minMargin": 40, "visible": true } } } ] }, { "componentName": "Loading", "title": "加载", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "加载", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_loading.png", "schema": { "componentName": "Loading", "props": { "color": "red", "prefix": "next-", "tipAlign": "bottom", "visible": true, "size": "large", "inline": true } } } ] }, { "componentName": "Message", "title": "信息提示", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "信息提示", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_message.png", "schema": { "componentName": "Message", "props": { "title": "标题", "type": "success", "shape": "inline", "size": "medium", "visible": true, "animation": true } } } ] } ], "icon": "" }, { "title": "General", "children": [ { "componentName": "Box", "title": "容器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "容器", "screenshot": "", "schema": { "componentName": "Box", "props": {} } } ] }, { "componentName": "a", "title": "Link", "icon": "", "snippets": [ { "title": "Link", "screenshot": "https://img.alicdn.com/tfs/TB15DZVReL2gK0jSZFmXXc7iXXa-200-200.svg", "schema": { "componentName": "a", "title": "Link", "props": { "href": "https://fusion.design", "target": "_blank", "children": "这是一个超链接" } } } ] }, { "componentName": "img", "title": "Image", "icon": "", "snippets": [ { "title": "Image", "screenshot": "https://img.alicdn.com/tfs/TB10nEur.Y1gK0jSZFCXXcwqXXa-234-230.png", "schema": { "title": "Image", "componentName": "img", "props": { "src": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg" } } } ] }, { "componentName": "Button", "title": "按钮", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "主要", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png", "schema": { "componentName": "Button", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "取消" } } }, { "title": "次要", "screenshot": "https://img.alicdn.com/tfs/TB1a.N1uVT7gK0jSZFpXXaTkpXa-112-64.png", "schema": { "componentName": "Button", "props": { "type": "secondary", "size": "medium", "htmlType": "button", "component": "button", "children": "提交" } } } ] }, { "componentName": "Button.Group", "title": "按钮组", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "按钮组", "screenshot": "https://img.alicdn.com/tfs/TB1t6dhvV67gK0jSZPfXXahhFXa-310-122.png", "schema": { "componentName": "Button.Group", "props": { }, "children": [{ "componentName": "Button", "props": { "type": "primary", "style": { "margin": "0 5px 0 5px" }, "htmlType": "submit", "children": "提交" }, "children": [ { "componentName": "Icon", "props": { "type": "success" } } ] }, { "componentName": "Button", "props": { "type": "normal", "style": { "margin": "0 5px 0 5px" }, "htmlType": "reset", "children": "重置" } }] } } ] }, { "componentName": "Divider", "title": "分隔符", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "分隔符", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_divider.png", "schema": { "componentName": "Divider", "props": { "prefix": "next-", "direction": "hoz", "orientation": "center" } } } ] }, { "componentName": "Icon", "title": "图标", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "图标", "screenshot": "", "schema": { "componentName": "Icon", "props": { "type": "smile" } } } ] }, { "componentName": "MenuButton", "title": "菜单按钮", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "菜单按钮", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu-button.png", "schema": { "componentName": "MenuButton", "props": { "prefix": "next-", "autoWidth": true, "popupTriggerType": "click", "defaultSelectedKeys": [] }, "children": [{ "componentName": "Menu.Item", "props": { }, "children": "Option" }] } } ] }, { "componentName": "ResponsiveGrid", "title": "布局容器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "1 + 2", "screenshot": "https://img.alicdn.com/tfs/TB1BgObx5_1gK0jSZFqXXcpaXXa-112-64.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 12 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 8 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } } ] } }, { "title": "1 + 3", "screenshot": "https://img.alicdn.com/tfs/TB1glaexYj1gK0jSZFuXXcrHpXa-112-64.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 12 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 8 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } } ] } }, { "title": "混合", "screenshot": "https://img.alicdn.com/tfs/TB1cb9ex1H2gK0jSZJnXXaT1FXa-112-64.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 12 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } } ] } }, { "title": "单栏", "screenshot": "https://img.alicdn.com/tfs/TB1y5RLyO_1gK0jSZFqXXcpaXXa-112-40.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 12 } } ] } }, { "title": "两栏", "screenshot": "https://img.alicdn.com/tfs/TB1Sw4MyKL2gK0jSZFmXXc7iXXa-112-40.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 6 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 6 } } ] } }, { "title": "三栏", "screenshot": "https://img.alicdn.com/tfs/TB1uq4LyQY2gK0jSZFgXXc5OFXa-112-40.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 4 } } ] } }, { "title": "四栏", "screenshot": "https://img.alicdn.com/tfs/TB1mpEjyQL0gK0jSZFtXXXQCXXa-112-40.png", "schema": { "componentName": "ResponsiveGrid", "props": {}, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 3 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 3 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 3 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 3 } } ] } }, { "title": "1:3 分栏", "screenshot": "https://img.alicdn.com/tfs/TB1x_RMyQT2gK0jSZPcXXcKkpXa-112-40.png", "schema": { "componentName": "ResponsiveGrid", "props": { "columns": 4 }, "children": [ { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 1 } }, { "componentName": "ResponsiveGrid.Cell", "props": { "colSpan": 3 } } ] } } ] }, { "componentName": "ResponsiveGrid.Cell", "title": "布局容器 Cell", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "布局容器 Cell", "screenshot": "", "schema": { "componentName": "ResponsiveGrid.Cell", "props": {} } } ] }, { "componentName": "SplitButton", "title": "分隔按钮", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "分隔按钮", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_split-button.png", "schema": { "componentName": "SplitButton", "props": { "prefix": "next-", "type": "normal", "size": "medium", "defaultSelectedKeys": [], "autoWidth": true, "popupTriggerType": "click" } } } ] }, { "componentName": "Typography", "title": "Text", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "Text", "screenshot": "", "schema": { "componentName": "Typography.Text", "props": { "component": "span", "children": "基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台" } } } ] } ], "icon": "" }, { "title": "Navigation", "children": [ { "componentName": "Breadcrumb", "title": "面包屑", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "面包屑", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", "schema": { "componentName": "Breadcrumb", "props": { "maxNode": 100, "component": "nav", "style": { "margin": 10, "padding": 5 } }, "children": [ { "componentName": "Breadcrumb.Item", "props": { "children": "一级" } }, { "componentName": "Breadcrumb.Item", "props": { "children": "二级" } }, { "componentName": "Breadcrumb.Item", "props": { "children": "三级" } } ] } } ] },{ "componentName": "Breadcrumb.Item", "title": "面包屑 Item", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "面包屑", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", "schema": { "componentName": "Breadcrumb.Item", "props": { "prefix": "next-", "children": "一级" } } } ] }, { "componentName": "MCBreadcrumb", "title": "MC面包屑", "icon": "", "package": "mc-breadcrumb", "library": "MCBreadcrumb", "snippets": [ { "title": "面包屑", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", "schema": { "componentName": "MCBreadcrumb", "props": { "title": "物料中心", "prefix": "next-", "maxNode": 100 } } } ] }, { "componentName": "Nav", "title": "导航", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "导航", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png", "schema": { "componentName": "Nav", "props": { "prefix": "next-", "type": "normal", "direction": "ver", "hozAlign": "left", "mode": "inline", "triggerType": "click", "inlineIndent": 20, "openMode": "multiple", "popupAlign": "follow", "hasArrow": true } } } ] }, { "componentName": "Nav.Item", "title": "导航Item", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "导航", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png", "schema": { "componentName": "Nav.Item", "props": { "prefix": "next-", "type": "normal", "direction": "ver", "hozAlign": "left", "mode": "inline", "triggerType": "click", "inlineIndent": 20, "openMode": "multiple", "defaultSelectedKeys": [], "popupAlign": "follow", "hasArrow": true } } } ] }, { "componentName": "Pagination", "title": "翻页器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "翻页器", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_pagination.png", "schema": { "componentName": "Pagination", "props": { "prefix": "next-", "type": "normal", "shape": "normal", "size": "medium", "defaultCurrent": 1, "total": 100, "pageShowCount": 5, "pageSize": 10, "pageSizePosition": "start", "showJump": true } } } ] }, { "componentName": "Step", "title": "步骤", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "步骤", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_step.png", "schema": { "componentName": "Step", "props": { "prefix": "next-", "direction": "hoz", "labelPlacement": "ver", "shape": "circle", "animation": true }, "children": [ { "componentName": "StepItem", "status": "process", "title": "测试" } ] } } ] }, { "componentName": "Tab", "title": "选项卡", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "选项卡", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png", "schema": { "componentName": "Tab", "props": { "prefix": "next-", "shape": "pure", "animation": true, "excessMode": "slide", "tabPosition": "top", "size": "medium", "triggerType": "click", "lazyLoad": true }, "children": [{ "componentName": "Tab.Item", "props": { "prefix": "next-", "title": "Tab Title", "closeable": true } }] } } ] }, { "componentName": "Tab.Item", "title": "选项卡Item", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "选项卡", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png", "schema": { "componentName": "Tab.Item", "props": { "prefix": "next-", "title": "Tab Title", "closeable": true } } } ] } ], "icon": "" }, { "title": "表单", "children": [ { "componentName": "Form", "title": "表单容器", "icon": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "表单容器", "screenshot": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png", "schema": { "componentName": "Form", "props": { "labelCol": { "span": 2, "labelAlign": "left" }, "role": "grid" }, "children": [ { "componentName": "Form.Item", "props": { "label": "Email: ", "required": true }, "children": [ { "componentName": "Input", "props": { "name": "email", "size": "medium", "placeholder": "用户名" } } ] }, { "componentName": "Form.Item", "props": { "label": "Password: ", "required": true }, "children": [ { "componentName": "Input.Password", "props": { "name": "password", "placeholder": "请输入密码", "size": "medium" } } ] }, { "componentName": "Form.Item", "props": { "wrapperCol": { "offset": 7 } }, "children": [ { "componentName": "Form.Submit", "props": { "type": "primary", "validate": true, "onClick": { "type": "JSFunction", "value": "(v, e) => { console.log(v, e) }" }, "children": "Submit" } }, { "componentName": "Form.Reset", "props": { "style": {"marginLeft": 10}, "children": "Reset" } } ] } ] } } ] }, { "componentName": "Form.Item", "title": "表单项", "icon": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "Form.Item", "screenshot": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png", "schema": { "componentName": "Form.Item", "props": { "placeholder": "拖动组件到这里" } } } ] }, { "componentName": "Input", "title": "输入框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "输入框", "screenshot": "https://img.alicdn.com/tfs/TB1ysp3u8v0gK0jSZKbXXbK2FXa-112-64.png", "schema": { "componentName": "Form.Item", "props": { "label": "标签", "labelAlign": "top", "labelCol": { "span": 4 } }, "children": [ { "componentName": "Input", "props": { "hasBorder": true, "size": "medium", "autoComplete": "off" } } ] } }, { "title": "密码框", "screenshot": "https://img.alicdn.com/tfs/TB1ikF3u7P2gK0jSZPxXXacQpXa-112-64.png", "schema": { "componentName": "Input.Password", "props": { "hasBorder": true, "size": "medium", "autoComplete": "off" } } }, { "title": "TextArea", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_input.png", "schema": { "componentName": "Input.TextArea", "props": { "hasBorder": true, "size": "medium", "autoComplete": "off" } } } ] }, { "componentName": "NumberPicker", "title": "数字输入框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "数字输入框", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_number-picker.png", "schema": { "componentName": "NumberPicker", "props": { "prefix": "next-", "type": "normal", "size": "medium", "step": 1, "editable": true } } } ] }, { "componentName": "Radio", "title": "单选框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "单选框", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png", "schema": { "componentName": "Radio", "props": {} } } ] }, { "componentName": "Radio.Group", "title": "单选框组", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "单选框组", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png", "schema": { "componentName": "Radio.Group", "props": {} } } ] }, { "componentName": "Checkbox", "title": "复选按钮", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "复选按钮", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_checkbox.png", "schema": { "componentName": "Checkbox", "props": { "prefix": "next-" } } } ] }, { "componentName": "Select", "title": "选择器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "选择器", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_select.png", "schema": { "componentName": "Select", "props": { "mode": "single", "hasArrow": true, "cacheValue": true, "dataSource": [ {"value": "10001", "label": "Lucy King"}, {"value": 10002, "label": "Lily King"}, {"value": 10003, "label": "Tom Cat", "disabled": true}, {"label": "Special Group", "children": [ {"value": -1, "label": "FALSE"}, {"value": 0, "label": "ZERO"} ]} ] } } } ] }, { "componentName": "Select.Option", "title": "Select.Option", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "Select.Option", "screenshot": "", "schema": { "componentName": "Select.Option", "props": { } } } ] }, { "componentName": "Switch", "title": "开关组件", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "开关组件", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_switch.png", "schema": { "componentName": "Switch", "props": { "prefix": "next-", "size": "medium" } } } ] }, { "componentName": "CascaderSelect", "title": "级联选择", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "级联选择", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader-select.png", "schema": { "componentName": "CascaderSelect", "props": { "prefix": "next-", "size": "medium", "hasArrow": true, "hasBorder": true, "expandTriggerType": "click", "resultAutoWidth": true, "notFoundContent": "Not Found", "dataSource": [{ "value": "2974", "label": "西安", "children": [ { "value": "2975", "label": "西安市" }, { "value": "2976", "label": "高陵县" }, { "value": "2977", "label": "蓝田县" } ] }] } } } ] }, { "componentName": "DatePicker", "title": "日期选择框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "日期选择框", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_date-picker.png", "schema": { "componentName": "DatePicker", "props": { "prefix": "next-", "format": "YYYY-MM-DD", "size": "medium", "hasClear": true, "popupTriggerType": "click", "popupAlign": "tl tl" } } } ] }, { "componentName": "Range", "title": "区段选择器", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "区段选择器", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_range.png", "schema": { "componentName": "Range", "props": { "prefix": "next-", "slider": "single", "max": 100, "step": 1, "marksPosition": "above", "hasTip": true } } } ] }, { "componentName": "Rating", "title": "评分", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "评分", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_rating.png", "schema": { "componentName": "Rating", "props": { "prefix": "next-", "count": 5, "size": "medium", "iconType": "favorites-filling" } } } ] }, { "componentName": "Search", "title": "搜索", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "搜索", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_search.png", "schema": { "componentName": "Search", "props": { "prefix": "next-", "shape": "normal", "type": "normal", "size": "medium", "filter": [], "hasIcon": true } } } ] }, { "componentName": "TimePicker", "title": "时间选择框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "时间选择框", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_time-picker.png", "schema": { "componentName": "TimePicker", "props": { "prefix": "next-", "size": "medium", "hasClear": true, "format": "HH:mm:ss", "popupAlign": "tl tl", "popupTriggerType": "click" } } } ] }, { "componentName": "Transfer", "title": "穿梭框", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "穿梭框", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_transfer.png", "schema": { "componentName": "Transfer", "props": { "prefix": "next-", "mode": "normal", "notFoundContent": "Not Found" } } } ] }, { "componentName": "TreeSelect", "title": "树型选择控件", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "树型选择控件", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree-select.png", "schema": { "componentName": "TreeSelect", "props": { "prefix": "next-", "size": "medium", "hasArrow": true, "hasBorder": true, "autoWidth": true, "notFoundContent": "Not Found", "treeCheckedStrategy": "parent" } } } ] }, { "componentName": "Upload", "title": "上传组件", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "上传组件", "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_upload.png", "schema": { "componentName": "Upload", "props": { "prefix": "next-", "closable": true, "autoUpload": true } } } ] } ], "icon": "" } ], "bizComponentList": [ { "title": "Util", "children": [ { "componentName": "Dropdown", "title": "下拉菜单", "icon": "", "package": "@alifd/next", "library": "Next", "snippets": [ { "title": "下拉菜单", "screenshot": "", "schema": { "componentName": "Dropdown", "props": { "trigger": [{ "componentName": "Button", "props": { "type": "primary" }, "children": "确定" }], "triggerType": "click"}, "children": [{ "componentName": "Menu", "props": { "style": { "width": 200 } }, "children": [{ "componentName": "Menu.Item", "props": {}, "children": "Option 1" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 2" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 3" }]}] } } ] } ], "icon": "" } ] }