oadp-material
Version:
oadp-material
124 lines (123 loc) • 4.58 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 _divider = _interopRequireDefault(require("@alifd/next/lib/divider"));
var _react = _interopRequireDefault(require("react"));
var _conditionItem = _interopRequireDefault(require("./condition-item"));
var _oadpButton = _interopRequireDefault(require("../oadp-button"));
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: "left",
justify: "left",
spacing: 10,
margin: 10,
padding: 10
}, /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "column",
align: "center",
justify: "center"
}, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
direction: "ver",
orientation: "center",
style: {
height: '100%'
}
}), /*#__PURE__*/_react["default"].createElement(_select["default"], {
value: operator,
onChange: function onChange(v) {
return _onChange(id, {
operator: v
});
},
style: {
width: '60px'
}
}, /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
value: "and"
}, "\u5E76\u4E14"), /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
value: "or"
}, "\u6216\u8005")), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
direction: "ver",
orientation: "center",
style: {
height: '100%'
}
})), /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "column"
}, Array.isArray(value) && value.map(function (item) {
return /*#__PURE__*/_react["default"].createElement("div", {
key: item.id,
className: "condition-wrapper"
}, item.operator && (item.operator === 'and' || item.operator === 'or') ? /*#__PURE__*/_react["default"].createElement(ConditionGroup, {
condition: item,
attributeDataSource: attributeDataSource,
onAdd: onAdd,
onRemove: onRemove,
onChange: _onChange
}) : /*#__PURE__*/_react["default"].createElement(_conditionItem["default"], {
condition: item,
parentId: id,
attributeDataSource: attributeDataSource,
onAdd: onAdd,
onRemove: onRemove,
onChange: _onChange
}));
}), /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "row",
align: "left",
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"
}), " \u6761\u4EF6"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
className: "add-button",
onClick: function onClick() {
return onAdd(id, true);
}
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
type: "add",
size: "xs"
}), " \u7EC4"), id !== '0' && /*#__PURE__*/_react["default"].createElement(_button["default"], {
className: "remove-button",
onClick: function onClick() {
return onRemove(id);
}
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
type: "minus",
size: "xs"
}), " \u7EC4"), id === '0' && /*#__PURE__*/_react["default"].createElement(_oadpButton["default"], {
type: 'primary',
size: 'medium'
// style={ style || { width: '60%' }}
,
onClick: handleButtonClick,
label: '高级查询'
}))));
};
var _default = exports["default"] = ConditionGroup;