@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
39 lines (38 loc) • 3.12 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import React from 'react';
import { InputNumber } from '@qn-pandora/pandora-component';
import { TowDimensionLocale } from '../../../constants/language/two_dimension/type';
import { ESizeType } from '../../../constants/chart-style';
import { formatString } from '../../../services';
import Form from '../../Common/Form';
import SolidRadioItem from '../SolidRadioItem';
import { sizeTypeOpts } from './constant';
import * as styles from './style.mless';
var Item = Form.Item, RowContainer = Form.RowContainer;
export default function BubbleSize(props) {
var sizeType = props.sizeType, formItemLayout = props.formItemLayout, setSizeType = props.setSizeType, minSize = props.minSize, maxSize = props.maxSize, setMinSize = props.setMinSize, setMaxSize = props.setMaxSize, minDiameter = props.minDiameter, setMinDiameter = props.setMinDiameter, maxDiameter = props.maxDiameter, setMaxDiameter = props.setMaxDiameter;
return (React.createElement(React.Fragment, null,
React.createElement(SolidRadioItem, __assign({ label: TowDimensionLocale.bubble.sizeType, explain: TowDimensionLocale.bubble.sizeExplain, options: sizeTypeOpts, value: sizeType, onChange: setSizeType }, formItemLayout)),
sizeType === ESizeType.Dynamic ? (React.createElement(React.Fragment, null,
React.createElement(Item, __assign({ label: TowDimensionLocale.bubble.min }, formItemLayout),
React.createElement(InputNumber, { addonAfter: "px", value: minSize, onChange: setMinSize, max: maxSize })),
React.createElement(Item, __assign({ label: TowDimensionLocale.bubble.max }, formItemLayout),
React.createElement(InputNumber, { addonAfter: "px", value: maxSize, onChange: setMaxSize, min: minSize })))) : (React.createElement(React.Fragment, null,
React.createElement(Item, __assign({ label: TowDimensionLocale.bubble.size }, formItemLayout),
React.createElement(RowContainer, { sizes: [12, 12], gutter: 8 },
React.createElement(InputNumber, { value: minDiameter, onChange: setMinDiameter, max: maxDiameter, placeholder: formatString(TowDimensionLocale.bubble.placeholder) }),
React.createElement(InputNumber, { addonAfter: "px", value: minSize, onChange: setMinSize, min: maxSize })),
React.createElement(RowContainer, { sizes: [12, 12], gutter: 8, className: styles.bubbleItem },
React.createElement(InputNumber, { value: maxDiameter, onChange: setMaxDiameter, min: minDiameter, placeholder: formatString(TowDimensionLocale.bubble.placeholder) }),
React.createElement(InputNumber, { addonAfter: "px", value: maxSize, onChange: setMaxSize, min: minSize })))))));
}