@cainiaofe/cn-ui-charts
Version:
62 lines • 2.88 kB
JavaScript
export function IntervalSetter(props) {
var _ref = props || {},
draggingField = _ref.draggingField,
changeRequestConfigValue = _ref.changeRequestConfigValue,
firstFieldTitle = _ref.firstFieldTitle,
secondFieldTitle = _ref.secondFieldTitle,
firstFieldName = _ref.firstFieldName,
secondFieldName = _ref.secondFieldName;
var realFirstFieldName = firstFieldName || 'xField';
var realSecondFieldName = secondFieldName || 'yField';
var realFirstFieldTitle = firstFieldTitle || '横轴';
var realSecondFieldTitle = secondFieldTitle || '纵轴';
var getRequestConfigValue = function getRequestConfigValue(key) {
var value = props.value;
var _ref2 = value || {},
requestConfig = _ref2.requestConfig;
return requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig[key];
};
var firstField = getRequestConfigValue(realFirstFieldName) || [];
var secondField = getRequestConfigValue(realSecondFieldName) || [];
return /*#__PURE__*/React.createElement("div", {
className: "dw-item dw-left"
}, /*#__PURE__*/React.createElement("div", {
className: "dw-title"
}, realFirstFieldTitle), /*#__PURE__*/React.createElement("div", {
onDragOver: function onDragOver(e) {
e.preventDefault();
},
onDrop: function onDrop(e) {
e.stopPropagation();
if (draggingField) {
var _changeRequestConfigV;
changeRequestConfigValue === null || changeRequestConfigValue === void 0 ? void 0 : changeRequestConfigValue((_changeRequestConfigV = {}, _changeRequestConfigV[realFirstFieldName] = [{
fieldName: draggingField
}], _changeRequestConfigV));
}
},
className: "dw-content"
}, firstField === null || firstField === void 0 ? void 0 : firstField.map(function (item) {
// return <CnMenuButton label={item}/>
return /*#__PURE__*/React.createElement("div", null, item === null || item === void 0 ? void 0 : item.fieldName);
})), /*#__PURE__*/React.createElement("div", {
className: "dw-title"
}, realSecondFieldTitle), /*#__PURE__*/React.createElement("div", {
onDragOver: function onDragOver(e) {
e.preventDefault();
},
onDrop: function onDrop(e) {
e.stopPropagation();
if (draggingField) {
var _changeRequestConfigV2;
changeRequestConfigValue === null || changeRequestConfigValue === void 0 ? void 0 : changeRequestConfigValue((_changeRequestConfigV2 = {}, _changeRequestConfigV2[realSecondFieldName] = [{
fieldName: draggingField
}], _changeRequestConfigV2));
}
},
className: "dw-content"
}, secondField === null || secondField === void 0 ? void 0 : secondField.map(function (item) {
// return <CnMenuButton label={item}/>
return /*#__PURE__*/React.createElement("div", null, item === null || item === void 0 ? void 0 : item.fieldName);
})));
}