oadp-material
Version:
oadp-material
71 lines • 2.25 kB
JavaScript
import _Button from "@alifd/next/es/button";
import _Icon from "@alifd/next/es/icon";
import _Box from "@alifd/next/es/box";
import _Select from "@alifd/next/es/select";
import React from 'react';
import ConditionItem from "./condition-item";
var ConditionGroup = function ConditionGroup(_ref) {
var condition = _ref.condition,
attributeDataSource = _ref.attributeDataSource,
onAdd = _ref.onAdd,
onRemove = _ref.onRemove,
_onChange = _ref.onChange,
handleButtonClick = _ref.handleButtonClick;
console.log('ConditionGroup render condition', condition);
var _condition$value = condition.value,
value = _condition$value === void 0 ? [] : _condition$value,
_condition$operator = condition.operator,
operator = _condition$operator === void 0 ? 'and' : _condition$operator,
id = condition.id;
return /*#__PURE__*/React.createElement(_Box, {
direction: "row",
align: "center",
justify: "left"
}, /*#__PURE__*/React.createElement(_Box, {
direction: "row",
align: "center",
justify: "left"
}, /*#__PURE__*/React.createElement(_Select, {
value: operator,
onChange: function onChange(v) {
return _onChange(id, {
operator: v
});
},
autoWidth: false
}, /*#__PURE__*/React.createElement(_Select.Option, {
value: "and"
}, "\u5E76\u4E14"), /*#__PURE__*/React.createElement(_Select.Option, {
value: "or"
}, "\u6216\u8005"))), Array.isArray(value) && value.map(function (item) {
return (
/*#__PURE__*/
// <div key={item.id} className="condition-wrapper">
React.createElement(ConditionItem, {
condition: item,
parentId: id,
attributeDataSource: attributeDataSource,
onAdd: onAdd,
onRemove: onRemove,
onChange: _onChange
})
// </div>
);
}), /*#__PURE__*/React.createElement(_Box, {
direction: "row",
align: "center",
justify: "left",
spacing: 10,
margin: 2,
padding: 2
}, /*#__PURE__*/React.createElement(_Button, {
className: "add-button",
onClick: function onClick() {
return onAdd(id, false);
}
}, /*#__PURE__*/React.createElement(_Icon, {
type: "add",
size: "xs"
}))));
};
export default ConditionGroup;