2020-03-28 21:00:08 +08:00

1595 lines
48 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"version": "1.0.0",
"packages": {
"moment": {
"package": "moment",
"urls": ["https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"],
"library": "moment"
},
"@alifd/next": {
"title": "fusion组件库",
"package": "@alifd/next",
"version": "1.19.18",
"urls": ["https://unpkg.antfin-inc.com/@alife/next@1.19.18/dist/next.js", "https://unpkg.antfin-inc.com/@alife/next@1.19.18/dist/next.css"],
"library": "Next"
}
},
"components": {
"Page": {
"componentName": "Page",
"title": "页面",
"configure": {
"events": {
"supportedLifecycles": [{
"description": "初始化时",
"name": "constructor"
}, {
"description": "装载后",
"name": "componentDidMount"
}, {
"description": "更新时",
"name": "componentDidMount"
}, {
"description": "卸载时",
"name": "componentWillUnmount"
}]
},
"component": {
"isContainer": true
}
}
},
"Div": {
"componentName": "Div",
"title": "容器",
"configure": {
"component": {
"isContainer": true
}
}
},
"Button": {
"componentName": "Button",
"title": "按钮",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Button"
},
"props": [{
"name": "prefix",
"propType": "string",
"defaultValue": "next-"
}, {
"name": "rtl",
"propType": "bool"
}, {
"name": "type",
"propType": {
"type": "oneOf",
"value": ["primary", "secondary", "normal"]
},
"description": "按钮的类型",
"defaultValue": "normal"
}, {
"name": "size",
"propType": {
"type": "oneOf",
"value": ["small", "medium", "large"]
},
"description": "按钮的尺寸",
"defaultValue": "medium"
}, {
"name": "iconSize",
"propType": {
"type": "oneOf",
"value": ["xxs", "xs", "small", "medium", "large", "xl", "xxl", "xxxl"]
},
"description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小"
}, {
"name": "htmlType",
"propType": {
"type": "oneOf",
"value": ["submit", "reset", "button"]
},
"description": "当 component = 'button' 时,设置 button 标签的 type 值",
"defaultValue": "button"
}, {
"name": "component",
"propType": {
"type": "oneOf",
"value": ["button", "a", "div", "span"]
},
"description": "设置标签类型",
"defaultValue": "button"
}, {
"name": "loading",
"propType": "bool",
"description": "设置按钮的载入状态",
"defaultValue": false
}, {
"name": "ghost",
"propType": {
"type": "oneOf",
"value": [true, false, "light", "dark"]
},
"description": "是否为幽灵按钮",
"defaultValue": false
}, {
"name": "text",
"propType": "bool",
"description": "是否为文本按钮",
"defaultValue": false
}, {
"name": "warning",
"propType": "bool",
"description": "是否为警告按钮",
"defaultValue": false
}, {
"name": "disabled",
"propType": "bool",
"description": "是否禁用",
"defaultValue": false
}, {
"name": "onClick",
"propType": "func",
"description": "点击按钮的回调\n@param {Object} e Event Object"
}, {
"name": "className",
"propType": "string"
}, {
"name": "onMouseUp",
"propType": "func"
}, {
"name": "children",
"propType": "node"
}]
},
"Button.Group": {
"componentName": "Button.Group",
"title": "按钮组",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Button",
"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": "node"
}],
"configure": {
"component": {
"isContainer": true,
"nestingRule": {
"childWhitelist": "Button"
}
}
}
},
"Input": {
"componentName": "Input",
"title": "输入框",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Input"
},
"props": [{
"name": "label",
"propType": "node",
"description": "label"
}, {
"name": "hasClear",
"propType": "bool",
"description": "是否出现clear按钮"
}, {
"name": "hasBorder",
"propType": "bool",
"description": "是否有边框",
"defaultValue": "true"
}, {
"name": "state",
"propType": {
"type": "oneOf",
"value": ["error", "loading", "success", "warning"]
},
"description": "状态\n@enumdesc 错误, 校验中, 成功, 警告"
}, {
"name": "size",
"propType": {
"type": "oneOf",
"value": ["small", "medium", "large"]
},
"description": "尺寸\n@enumdesc 小, 中, 大",
"defaultValue": "medium"
}, {
"name": "onPressEnter",
"propType": "func",
"description": "按下回车的回调",
"defaultValue": "func.noop"
}, {
"name": "onClear",
"propType": "func"
}, {
"name": "htmlType",
"propType": "string",
"description": "原生type"
}, {
"name": "htmlSize",
"propType": "string"
}, {
"name": "hint",
"propType": "string",
"description": "水印 (Icon的type类型和hasClear占用一个地方)"
}, {
"name": "innerBefore",
"propType": "node",
"description": "文字前附加内容"
}, {
"name": "innerAfter",
"propType": "node",
"description": "文字后附加内容"
}, {
"name": "addonBefore",
"propType": "node",
"description": "输入框前附加内容"
}, {
"name": "addonAfter",
"propType": "node",
"description": "输入框后附加内容"
}, {
"name": "addonTextBefore",
"propType": "node",
"description": "输入框前附加文字"
}, {
"name": "addonTextAfter",
"propType": "node",
"description": "输入框后附加文字"
}, {
"name": "autoComplete",
"propType": "string",
"description": "(原生input支持)",
"defaultValue": "off"
}, {
"name": "autoFocus",
"propType": "bool",
"description": "自动聚焦(原生input支持)"
}, {
"name": "inputRender",
"propType": "func",
"defaultValue": "el => el"
}, {
"name": "extra",
"propType": "node"
}, {
"name": "innerBeforeClassName",
"propType": "string"
}, {
"name": "innerAfterClassName",
"propType": "string"
}, {
"name": "isPreview",
"propType": "bool",
"description": "是否为预览态",
"defaultValue": "false"
}, {
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
}]
},
"Form": {
"componentName": "Form",
"title": "表单容器",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Form"
},
"props": [{
"name": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
}, {
"name": "inline",
"propType": "bool",
"description": "内联表单"
}, {
"name": "size",
"propType": {
"type": "oneOf",
"value": ["large", "medium", "small"]
},
"description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小",
"defaultValue": "medium"
}, {
"name": "fullWidth",
"propType": "bool",
"description": "单个 Item 中表单类组件宽度是否是100%"
}, {
"name": "labelAlign",
"propType": {
"type": "oneOf",
"value": ["top", "left", "inset"]
},
"description": "标签的位置\n@enumdesc 上, 左, 内",
"defaultValue": "left"
}, {
"name": "labelTextAlign",
"propType": {
"type": "oneOf",
"value": ["left", "right"]
},
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
}, {
"name": "field",
"propType": "any",
"description": "field 实例, 传 false 会禁用 field"
}, {
"name": "saveField",
"propType": "func",
"description": "保存 Form 自动生成的 field 对象"
}, {
"name": "labelCol",
"propType": "object",
"description": "控制第一级 Item 的 labelCol"
}, {
"name": "wrapperCol",
"propType": "object",
"description": "控制第一级 Item 的 wrapperCol"
}, {
"name": "onSubmit",
"propType": "func",
"description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发"
}, {
"name": "children",
"propType": "any",
"description": "子元素"
}, {
"name": "className",
"propType": "string",
"description": "扩展class"
}, {
"name": "style",
"propType": "object",
"description": "自定义内联样式"
}, {
"name": "value",
"propType": "object",
"description": "表单数值"
}, {
"name": "onChange",
"propType": "func",
"description": "表单变化回调\n@param {Object} values 表单数据\n@param {Object} item 详细\n@param {String} item.name 变化的组件名\n@param {String} item.value 变化的数据\n@param {Object} item.field field 实例"
}, {
"name": "component",
"propType": {
"type": "oneOfType",
"value": ["string", "func"]
},
"description": "设置标签类型",
"defaultValue": "form"
}, {
"name": "fieldOptions",
"propType": "object"
}, {
"name": "rtl",
"propType": "bool"
}, {
"name": "device",
"propType": {
"type": "oneOf",
"value": ["phone", "tablet", "desktop"]
},
"description": "预设屏幕宽度",
"defaultValue": "desktop"
}, {
"name": "responsive",
"propType": "bool",
"description": "是否开启内置的响应式布局 使用ResponsiveGrid"
}, {
"name": "isPreview",
"propType": "bool",
"description": "是否开启预览态"
}],
"configure": {
"component": {
"isContainer": true
}
}
},
"Form.Item": {
"componentName": "Form.Item",
"title": "表单项",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Form",
"subName": "Item"
},
"props": [{
"name": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
}, {
"name": "rtl",
"propType": "bool"
}, {
"name": "label",
"propType": "node",
"description": "label 标签的文本"
}, {
"name": "labelCol",
"propType": "object",
"description": "label 标签布局,通 `<Col>` 组件,设置 span offset 值,如 {span: 8, offset: 16},该项仅在垂直表单有效"
}, {
"name": "wrapperCol",
"propType": "object",
"description": "需要为输入控件设置布局样式时,使用该属性,用法同 labelCol"
}, {
"name": "help",
"propType": "node",
"description": "自定义提示信息,如不设置,则会根据校验规则自动生成."
}, {
"name": "extra",
"propType": "node",
"description": "额外的提示信息,和 help 类似,当需要错误信息和提示文案同时出现时,可以使用这个。 位于错误信息后面"
}, {
"name": "validateState",
"propType": {
"type": "oneOf",
"value": ["error", "success", "loading", "warning"]
},
"description": "校验状态,如不设置,则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告"
}, {
"name": "hasFeedback",
"propType": "bool",
"description": "配合 validateState 属性使用,是否展示 success/loading 的校验状态图标, 目前只有Input支持",
"defaultValue": false
}, {
"name": "style",
"propType": "object",
"description": "自定义内联样式"
}, {
"name": "id",
"propType": "string"
}, {
"name": "children",
"propType": {
"type": "oneOfType",
"value": ["node", "func"]
},
"description": "node 或者 function(values)"
}, {
"name": "size",
"propType": {
"type": "oneOf",
"value": ["large", "small", "medium"]
},
"description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。"
}, {
"name": "fullWidth",
"propType": "bool",
"description": "单个 Item 中表单类组件宽度是否是100%"
}, {
"name": "labelAlign",
"propType": {
"type": "oneOf",
"value": ["top", "left", "inset"]
},
"description": "标签的位置\n@enumdesc 上, 左, 内"
}, {
"name": "labelTextAlign",
"propType": {
"type": "oneOf",
"value": ["left", "right"]
},
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
}, {
"name": "className",
"propType": "string",
"description": "扩展class"
}, {
"name": "required",
"propType": "bool",
"description": "[表单校验] 不能为空"
}, {
"name": "asterisk",
"propType": "bool",
"description": "required 的星号是否显示"
}, {
"name": "requiredMessage",
"propType": "string",
"description": "required 自定义错误信息"
}, {
"name": "requiredTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "required 自定义触发方式"
}, {
"name": "min",
"propType": "number",
"description": "[表单校验] 最小值"
}, {
"name": "max",
"propType": "number",
"description": "[表单校验] 最大值"
}, {
"name": "minmaxMessage",
"propType": "string",
"description": "min/max 自定义错误信息"
}, {
"name": "minmaxTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "min/max 自定义触发方式"
}, {
"name": "minLength",
"propType": "number",
"description": "[表单校验] 字符串最小长度 / 数组最小个数"
}, {
"name": "maxLength",
"propType": "number",
"description": "[表单校验] 字符串最大长度 / 数组最大个数"
}, {
"name": "minmaxLengthMessage",
"propType": "string",
"description": "minLength/maxLength 自定义错误信息"
}, {
"name": "minmaxLengthTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "minLength/maxLength 自定义触发方式"
}, {
"name": "length",
"propType": "number",
"description": "[表单校验] 字符串精确长度 / 数组精确个数"
}, {
"name": "lengthMessage",
"propType": "string",
"description": "length 自定义错误信息"
}, {
"name": "lengthTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "length 自定义触发方式"
}, {
"name": "pattern",
"propType": "any",
"description": "正则校验"
}, {
"name": "patternMessage",
"propType": "string",
"description": "pattern 自定义错误信息"
}, {
"name": "patternTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "pattern 自定义触发方式"
}, {
"name": "format",
"propType": {
"type": "oneOf",
"value": ["number", "email", "url", "tel"]
},
"description": "[表单校验] 四种常用的 pattern"
}, {
"name": "formatMessage",
"propType": "string",
"description": "format 自定义错误信息"
}, {
"name": "formatTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "format 自定义触发方式"
}, {
"name": "validator",
"propType": "func",
"description": "[表单校验] 自定义校验函数"
}, {
"name": "validatorTrigger",
"propType": {
"type": "oneOfType",
"value": ["string", "array"]
},
"description": "validator 自定义触发方式"
}, {
"name": "autoValidate",
"propType": "bool",
"description": "是否修改数据时自动触发校验"
}, {
"name": "device",
"propType": {
"type": "oneOf",
"value": ["phone", "tablet", "desktop"]
},
"description": "预设屏幕宽度"
}, {
"name": "responsive",
"propType": "bool"
}, {
"name": "colSpan",
"propType": "number",
"description": "在响应式布局模式下,表单项占多少列"
}, {
"name": "labelWidth",
"propType": {
"type": "oneOfType",
"value": ["string", "number"]
},
"description": "在响应式布局下且label在左边时label的宽度是多少",
"defaultValue": 100
}, {
"name": "isPreview",
"propType": "bool",
"description": "是否开启预览态"
}, {
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {any} value 根据包裹的组件的 value 类型而决定"
}],
"configure": {
"component": {
"isContainer": true,
"nestingRule": {
"parentWhitelist": "Form"
}
}
}
},
"NumberPicker": {
"componentName": "NumberPicker",
"title": "数字输入",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "NumberPicker"
},
"props": [{
"name": "prefix",
"propType": "string",
"description": "样式前缀",
"defaultValue": "next-"
}, {
"name": "type",
"propType": {
"type": "oneOf",
"value": ["normal", "inline"]
},
"description": "设置类型\n@enumdesc 普通, 内联",
"defaultValue": "normal"
}, {
"name": "size",
"propType": {
"type": "oneOf",
"value": ["large", "medium"]
},
"description": "大小",
"defaultValue": "medium"
}, {
"name": "value",
"propType": "number",
"description": "当前值"
}, {
"name": "defaultValue",
"propType": "number",
"description": "默认值"
}, {
"name": "disabled",
"propType": "bool",
"description": "是否禁用"
}, {
"name": "step",
"propType": {
"type": "oneOfType",
"value": ["number", "string"]
},
"description": "步长",
"defaultValue": 1
}, {
"name": "precision",
"propType": "number",
"description": "保留小数点后位数",
"defaultValue": 0
}, {
"name": "editable",
"propType": "bool",
"description": "用户是否可以输入",
"defaultValue": true
}, {
"name": "autoFocus",
"propType": "bool",
"description": "自动焦点"
}, {
"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": "max",
"propType": "number",
"description": "最大值",
"defaultValue": null
}, {
"name": "min",
"propType": "number",
"description": "最小值",
"defaultValue": null
}, {
"name": "className",
"propType": "string",
"description": "自定义class"
}, {
"name": "style",
"propType": "object",
"description": "自定义内联样式"
}, {
"name": "state",
"propType": {
"type": "oneOf",
"value": ["error"]
}
}, {
"name": "format",
"propType": "func",
"description": "格式化当前值\n@param {Number} value\n@return {String|Number}"
}, {
"name": "upBtnProps",
"propType": "object",
"description": "增加按钮的props"
}, {
"name": "downBtnProps",
"propType": "object",
"description": "减少按钮的props"
}, {
"name": "label",
"propType": "node",
"description": "内联 label"
}, {
"name": "innerAfter",
"propType": "node",
"description": "inner after"
}, {
"name": "rtl",
"propType": "bool"
}, {
"name": "isPreview",
"propType": "bool",
"description": "是否为预览态"
}, {
"name": "renderPreview",
"propType": "func",
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
}, {
"name": "device",
"propType": {
"type": "oneOf",
"value": ["phone", "tablet", "desktop"]
},
"description": "预设屏幕宽度"
}]
},
"Select": {
"componentName": "Select",
"title": "下拉",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Select"
},
"props": [{
"name": "mode",
"propType": {
"type": "oneOf",
"value": ["single", "multiple", "tag"]
},
"description": "选择器模式",
"defaultValue": "single"
}, {
"name": "value",
"propType": "any",
"description": "当前值,用于受控模式"
}, {
"name": "defaultValue",
"propType": "any",
"description": "初始的默认值"
}, {
"name": "onChange",
"propType": "func",
"description": "Select发生改变时触发的回调\n@param {*} value 选中的值\n@param {String} actionType 触发的方式, 'itemClick', 'enter', 'tag'\n@param {*} item 选中的值的对象数据 (useDetailValue=false有效)"
}, {
"name": "dataSource",
"propType": {
"type": "arrayOf",
"value": {
"type": "oneOfType",
"value": [{
"type": "shape",
"value": [{
"name": "value",
"propType": "any"
}, {
"name": "label",
"propType": "any"
}, {
"name": "disabled",
"propType": "bool"
}, {
"name": "children",
"propType": "array"
}]
}, "bool", "number", "string"]
}
},
"description": "传入的数据源,可以动态渲染子项,详见 [dataSource的使用](#dataSource的使用)"
}, {
"name": "hasBorder",
"propType": "bool",
"description": "是否有边框"
}, {
"name": "hasArrow",
"propType": "bool",
"description": "是否有下拉箭头",
"defaultValue": true
}, {
"name": "showSearch",
"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",
"propType": {
"type": "oneOfType",
"value": ["bool", "string"]
},
"description": "多选模式下是否有全选功能"
}, {
"name": "fillProps",
"propType": "string",
"description": "填充到选择框里的值的 key\b\b"
}, {
"name": "useDetailValue",
"propType": "bool",
"description": "onChange 返回的 value 使用 dataSource 的对象"
}, {
"name": "cacheValue",
"propType": "bool",
"description": "dataSource 变化的时是否保留已选的内容",
"defaultValue": true
}, {
"name": "valueRender",
"propType": "func",
"description": "渲染 Select 展现内容的方法\n@param {Object} item 渲染节点的item\n@return {ReactNode} 展现内容\n@default item => item.label \\|\\| item.value"
}, {
"name": "itemRender",
"propType": "func",
"description": "渲染 MenuItem 内容的方法\n@param {Object} item 渲染节点的item\n@param {String} searchValue 搜索关键字(如果开启搜索)\n@return {ReactNode} item node"
}, {
"name": "notFoundContent",
"propType": "node",
"description": "弹层内容为空的文案"
}, {
"name": "style",
"propType": "object"
}, {
"name": "searchValue",
"propType": "string",
"description": "受控搜索值,一般不需要设置\n@type {[type]}"
}, {
"name": "tagInline",
"propType": "bool",
"description": "是否一行显示,仅在 mode 为 multiple 的时候生效",
"defaultValue": false
}, {
"name": "maxTagCount",
"propType": "number",
"description": "最多显示多少个 tag"
}, {
"name": "maxTagPlaceholder",
"propType": "func",
"description": "隐藏多余 tag 时显示的内容,在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素"
}, {
"name": "hiddenSelected",
"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"
}, {
"name": "locale",
"propType": "object"
}],
"configure": {
"component": {
"isContainer": true,
"nestingRule": {
"childWhitelist": "Select.Option"
}
},
"props": [{
"name": "mode",
"title": "选择器模式",
"setter": {
"componentName": "RadioGroupSetter",
"props": {
"defaultValue": "single",
"dataSource": [{
"value": "single",
"label": "single"
}, {
"value": "multiple",
"label": "multiple"
}, {
"value": "tag",
"label": "tag"
}]
}
}
}, {
"name": "mode",
"title": "选择器模式",
"setter": {
"componentName": "SelectSetter",
"props": {
"defaultValue": "single",
"dataSource": [{
"value": "single",
"label": "single"
}, {
"value": "multiple",
"label": "multiple"
}, {
"value": "tag",
"label": "tag"
}]
}
}
}, {
"name": "value",
"title": "受控值",
"setter": "StringSetter"
}, {
"name": "hasBorder",
"title": "是否有边框",
"setter": {
"componentName": "BoolSetter",
"props": {
"defaultValue": true
}
}
}, {
"name": "maxTagCount",
"title": "最多显示多少个 tag",
"setter": "NumberSetter"
}, {
"name": "maxTagCount",
"title": "最多显示多少个 tag",
"setter": "ExpressionSetter"
}, {
"name": "MixinSetter",
"placeholder": "混合",
"setter": {
"componentName": "MixinSetter",
"props": {
"types": [{
"name": "StringSetter",
"props": {}
}, {
"name": "TextAreaSetter",
"props": {}
}, {
"name": "SelectSetter",
"props": {
"hasClear": true,
"dataSource": [{
"label": "上",
"value": "t"
}, {
"label": "右",
"value": "r"
}, {
"label": "下",
"value": "b"
}, {
"label": "左",
"value": "l"
}]
}
}, {
"name": "NumberSetter",
"props": {}
}, {
"name": "BoolSetter",
"props": {}
}],
"defaultType": "SelectSetter"
}
}
}, {
"type": "group",
"name": "扩展 Setter",
"items": [{
"name": "TextAreaSetter",
"setter": "TextAreaSetter"
}, {
"name": "date",
"title": "测试日期",
"setter": "DateSetter"
}, {
"name": "date",
"title": "测试日期-年",
"setter": "DateYearSetter"
}, {
"name": "date",
"title": "测试日期-月",
"setter": "DateMonthSetter"
}, {
"name": "date",
"title": "测试日期-区间",
"setter": "DateRangeSetter"
}]
}, {
"type": "group",
"name": "ArraySetter",
"items": [{
"name": "arrayValue1",
"title": "字符数组",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "StringSetter",
"initialValue": ""
}
}
}
}, {
"name": "arrayValue2",
"title": "数字数组",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "NumberSetter",
"initialValue": 0
}
}
}
}, {
"name": "arrayValue3",
"title": "混合数组",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "MixinSetter",
"props": {
"types": [{
"name": "StringSetter",
"props": {}
}, {
"name": "ExpressionSetter",
"props": {}
}, {
"name": "RadioGroupSetter",
"props": {
"hasClear": true,
"dataSource": [{
"label": "上",
"value": "t"
}, {
"label": "右",
"value": "r"
}, {
"label": "下",
"value": "b"
}, {
"label": "左",
"value": "l"
}]
}
}],
"defaultType": "SelectSetter"
}
}
}
}
}, {
"name": "arrayValue4",
"title": "对象数组",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "ObjectSetter",
"props": {
"config": {
"items": [{
"name": "username",
"title": "姓名",
"setter": "StringSetter",
"important": true
}, {
"name": "phone",
"title": "电话",
"setter": "StringSetter",
"important": true
}, {
"name": "age",
"title": "年龄",
"setter": "NumberSetter"
}, {
"name": "married",
"title": "婚否",
"setter": "BoolSetter"
}, {
"type": "group",
"title": "work",
"items": [{
"name": "job",
"title": "工作岗位",
"setter": {
"componentName": "SelectSetter",
"props": {
"dataSource": [{
"label": "工程师",
"value": 1
}, {
"label": "高级工程师",
"value": 2
}, {
"label": "资深工程师",
"value": 3
}]
}
}
}, {
"name": "address",
"title": "工作地点",
"setter": "TextAreaSetter"
}]
}]
}
},
"initialValue": {}
}
}
}
}, {
"name": "arrayValue5",
"title": "对象数组",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": {
"componentName": "ObjectSetter",
"props": {
"config": {
"items": [{
"name": "username",
"title": "姓名",
"setter": "StringSetter",
"important": true
}, {
"name": "age",
"title": "年龄",
"setter": "NumberSetter",
"important": true
}, {
"name": "married",
"title": "婚否",
"setter": "BoolSetter",
"important": true
}, {
"name": "log",
"title": "到访记录",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": "StringSetter"
}
},
"important": true
}, {
"type": "group",
"title": "work",
"items": [{
"name": "job",
"title": "工作岗位",
"setter": {
"componentName": "SelectSetter",
"props": {
"dataSource": [{
"label": "工程师",
"value": 1
}, {
"label": "高级工程师",
"value": 2
}, {
"label": "资深工程师",
"value": 3
}]
}
}
}, {
"name": "address",
"title": "工作地点",
"setter": "TextAreaSetter"
}]
}]
}
},
"initialValue": {}
},
"mode": "popup"
}
}
}],
"extraProps": {
"defaultCollapsed": false
}
}, {
"type": "group",
"name": "ObjectSetter",
"items": [{
"name": "objectValue1",
"title": "对象数据1",
"setter": {
"componentName": "ObjectSetter",
"props": {
"config": {
"items": [{
"name": "username",
"title": "姓名",
"setter": "StringSetter",
"important": true
}, {
"name": "age",
"title": "年龄",
"setter": "NumberSetter",
"important": true
}, {
"name": "married",
"title": "婚否",
"setter": "BoolSetter",
"important": true
}, {
"name": "log",
"title": "到访记录",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": "StringSetter"
}
},
"important": true
}, {
"type": "group",
"title": "work",
"items": [{
"name": "job",
"title": "工作岗位",
"setter": {
"componentName": "SelectSetter",
"props": {
"dataSource": [{
"label": "工程师",
"value": 1
}, {
"label": "高级工程师",
"value": 2
}, {
"label": "资深工程师",
"value": 3
}]
}
}
}, {
"name": "address",
"title": "工作地点",
"setter": "TextAreaSetter"
}]
}]
}
},
"initialValue": {}
}
}, {
"name": "objectValue2",
"title": "对象数据2",
"setter": {
"componentName": "ObjectSetter",
"props": {
"mode": "popup",
"config": {
"items": [{
"name": "username",
"title": "姓名",
"setter": "StringSetter",
"important": true
}, {
"name": "age",
"title": "年龄",
"setter": "NumberSetter",
"important": true
}, {
"name": "married",
"title": "婚否",
"setter": "BoolSetter",
"important": true
}, {
"name": "log",
"title": "到访记录",
"setter": {
"componentName": "ArraySetter",
"props": {
"itemSetter": "StringSetter"
}
},
"important": true
}, {
"type": "group",
"title": "work",
"items": [{
"name": "job",
"title": "工作岗位",
"setter": {
"componentName": "SelectSetter",
"props": {
"dataSource": [{
"label": "工程师",
"value": 1
}, {
"label": "高级工程师",
"value": 2
}, {
"label": "资深工程师",
"value": 3
}]
}
}
}, {
"name": "address",
"title": "工作地点",
"setter": "TextAreaSetter"
}]
}]
}
},
"initialValue": {}
}
}]
}]
}
},
"Select.Option": {
"componentName": "Select.Option",
"title": "选择项",
"devMode": "proCode",
"npm": {
"package": "@alifd/next",
"version": "1.19.18",
"destructuring": true,
"exportName": "Select",
"subName": "Option"
},
"props": [{
"name": "value",
"propType": {
"type": "any",
"isRequired": true
},
"description": "选项值"
}, {
"name": "disabled",
"propType": "bool",
"description": "是否禁用"
}, {
"name": "children",
"propType": "any"
}],
"configure": {
"component": {
"isContainer": true,
"nestingRule": {
"parentWhitelist": "Select"
}
}
}
}
},
"componentList": [{
"title": "基础",
"icon": "",
"children": [{
"componentName": "Button",
"title": "按钮",
"icon": "",
"package": "@alife/next",
"library": "Next",
"snippets": [{
"title": "private",
"screenshot": "https://img.alicdn.com/tfs/TB16gZhi.H1gK0jSZSyXXXtlpXa-192-144.png",
"schema": {
"componentName": "Button",
"props": {
"type": "primary"
},
"children": "Primary"
}
}, {
"title": "secondary",
"screenshot": "https://img.alicdn.com/tfs/TB11Hkji1H2gK0jSZFEXXcqMpXa-192-144.png",
"schema": {
"componentName": "Button",
"props": {
"type": "secondary"
},
"children": "secondary"
}
}, {
"title": "normal",
"screenshot": "",
"schema": {
"componentName": "Button",
"props": {
"type": "normal"
},
"children": "normal"
}
}]
}]
}, {
"title": "表单",
"icon": "",
"children": [{
"componentName": "Input",
"library": "Next",
"title": "输入框",
"icon": "",
"package": "@alife/next",
"snippets": [{
"title": "普通",
"screenshot": "",
"schema": {
"componentName": "Input",
"props": {}
}
}]
}, {
"componentName": "Select",
"library": "Next",
"title": "选择框",
"icon": "",
"package": "@alife/next",
"snippets": [{
"title": "默认",
"screenshot": "",
"schema": {
"componentName": "Select",
"props": {}
}
}]
}, {
"componentName": "NumberPicker",
"library": "Next",
"title": "数字",
"icon": "",
"package": "@alife/next",
"snippets": [{
"title": "默认",
"screenshot": "",
"schema": {
"componentName": "NumberPicker",
"props": {}
}
}]
}]
}, {
"title": "其他",
"icon": "",
"children": [{
"componentName": "Div",
"library": "Next",
"title": "容器",
"icon": "",
"snippets": [{
"title": "默认",
"screenshot": "",
"schema": {
"componentName": "Div",
"props": {}
}
}]
}]
}]
}