@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
64 lines (63 loc) • 4.7 kB
JavaScript
"use strict";
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);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var pandora_component_1 = require("@qn-pandora/pandora-component");
var type_1 = require("../../../constants/language/two_dimension/type");
var chart_style_1 = require("../../../constants/chart-style");
var services_1 = require("../../../services");
var Form_1 = __importDefault(require("../../Common/Form"));
var SolidRadioItem_1 = __importDefault(require("../SolidRadioItem"));
var constant_1 = require("./constant");
var styles = __importStar(require("./style.mless"));
var Item = Form_1.default.Item, RowContainer = Form_1.default.RowContainer;
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_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(SolidRadioItem_1.default, __assign({ label: type_1.TowDimensionLocale.bubble.sizeType, explain: type_1.TowDimensionLocale.bubble.sizeExplain, options: constant_1.sizeTypeOpts, value: sizeType, onChange: setSizeType }, formItemLayout)),
sizeType === chart_style_1.ESizeType.Dynamic ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Item, __assign({ label: type_1.TowDimensionLocale.bubble.min }, formItemLayout),
react_1.default.createElement(pandora_component_1.InputNumber, { addonAfter: "px", value: minSize, onChange: setMinSize, max: maxSize })),
react_1.default.createElement(Item, __assign({ label: type_1.TowDimensionLocale.bubble.max }, formItemLayout),
react_1.default.createElement(pandora_component_1.InputNumber, { addonAfter: "px", value: maxSize, onChange: setMaxSize, min: minSize })))) : (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Item, __assign({ label: type_1.TowDimensionLocale.bubble.size }, formItemLayout),
react_1.default.createElement(RowContainer, { sizes: [12, 12], gutter: 8 },
react_1.default.createElement(pandora_component_1.InputNumber, { value: minDiameter, onChange: setMinDiameter, max: maxDiameter, placeholder: services_1.formatString(type_1.TowDimensionLocale.bubble.placeholder) }),
react_1.default.createElement(pandora_component_1.InputNumber, { addonAfter: "px", value: minSize, onChange: setMinSize, min: maxSize })),
react_1.default.createElement(RowContainer, { sizes: [12, 12], gutter: 8, className: styles.bubbleItem },
react_1.default.createElement(pandora_component_1.InputNumber, { value: maxDiameter, onChange: setMaxDiameter, min: minDiameter, placeholder: services_1.formatString(type_1.TowDimensionLocale.bubble.placeholder) }),
react_1.default.createElement(pandora_component_1.InputNumber, { addonAfter: "px", value: maxSize, onChange: setMaxSize, min: minSize })))))));
}
exports.default = BubbleSize;