oadp-material
Version:
oadp-material
76 lines (75 loc) • 2.81 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
var _react = _interopRequireDefault(require("react"));
var _conditionItem = _interopRequireDefault(require("./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["default"].createElement(_box["default"], {
direction: "row",
align: "center",
justify: "left"
}, /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "row",
align: "center",
justify: "left"
}, /*#__PURE__*/_react["default"].createElement(_select["default"], {
value: operator,
onChange: function onChange(v) {
return _onChange(id, {
operator: v
});
},
autoWidth: false
}, /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
value: "and"
}, "\u5E76\u4E14"), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
value: "or"
}, "\u6216\u8005"))), Array.isArray(value) && value.map(function (item) {
return (
/*#__PURE__*/
// <div key={item.id} className="condition-wrapper">
_react["default"].createElement(_conditionItem["default"], {
condition: item,
parentId: id,
attributeDataSource: attributeDataSource,
onAdd: onAdd,
onRemove: onRemove,
onChange: _onChange
})
// </div>
);
}), /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "row",
align: "center",
justify: "left",
spacing: 10,
margin: 2,
padding: 2
}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
className: "add-button",
onClick: function onClick() {
return onAdd(id, false);
}
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
type: "add",
size: "xs"
}))));
};
var _default = exports["default"] = ConditionGroup;