@wufengteam/inputs
Version:
平台提供的右侧属性编辑器,需要在主工程中注册
35 lines • 1.09 kB
JavaScript
import React from 'react';
import { Form, Checkbox as AntdCheckbox, Row, Tooltip } from 'antd';
import { QuestionCircleOutlined } from '@ant-design/icons';
var Group = AntdCheckbox.Group;
var FieldAttr = function FieldAttr(_ref) {
var name = _ref.name,
label = _ref.label,
rules = _ref.rules,
options = _ref.options,
defaultValue = _ref.defaultValue;
return /*#__PURE__*/React.createElement(Form.Item, {
name: name,
label: label,
rules: rules
}, /*#__PURE__*/React.createElement(Group, {
defaultValue: defaultValue
}, options.map(function (item) {
var optionsLabel = item.label,
value = item.value,
title = item.title;
return /*#__PURE__*/React.createElement(Row, {
key: value,
align: "middle"
}, /*#__PURE__*/React.createElement(AntdCheckbox, {
value: value
}, optionsLabel), /*#__PURE__*/React.createElement(Tooltip, {
title: title
}, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
style: {
color: '#9E9E9E'
}
})));
})));
};
export default FieldAttr;