@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
88 lines (87 loc) • 6.64 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
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 __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
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 });
exports.StyleElememt = void 0;
var react_1 = __importDefault(require("react"));
var mobx_react_1 = require("mobx-react");
var pandora_component_1 = require("@qn-pandora/pandora-component");
var Common_1 = require("../../../Common");
var Base_1 = require("../../../Base");
var errorBoundary_1 = __importDefault(require("../../../../hocs/errorBoundary"));
var type_1 = require("../../../../constants/language/two_dimension/type");
var constant_1 = require("../constant");
var capsule_bar_style_1 = require("../../../../constants/capsule-bar-style");
var TitleItem_1 = __importDefault(require("../../../Base/TitleItem"));
var type_2 = require("../../../../constants/language/capsule_bar/type");
var style = __importStar(require("./style.mless"));
var Item = Common_1.Form.Item;
var StyleElememt = /** @class */ (function (_super) {
__extends(StyleElememt, _super);
function StyleElememt() {
return _super !== null && _super.apply(this, arguments) || this;
}
StyleElememt.prototype.render = function () {
var chartStyleService = this.props.chartStyleService;
var valueTypes = chartStyleService.valueTypes, setValueTypes = chartStyleService.setValueTypes, subtotalType = chartStyleService.subtotalType, setSubtotalType = chartStyleService.setSubtotalType, constantValue = chartStyleService.constantValue, setConstantValue = chartStyleService.setConstantValue, barShape = chartStyleService.barShape, setBarShape = chartStyleService.setBarShape, dataFont = chartStyleService.dataFont, setDataFont = chartStyleService.setDataFont, labelFont = chartStyleService.labelFont, setLabelFont = chartStyleService.setLabelFont, labelPosition = chartStyleService.labelPosition, setLabelPosition = chartStyleService.setLabelPosition, valueWidth = chartStyleService.valueWidth, setValueWidth = chartStyleService.setValueWidth, labelWidth = chartStyleService.labelWidth, setLabelWidth = chartStyleService.setLabelWidth;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Item, { label: type_1.TowDimensionLocale.title_overlay.show_data },
react_1.default.createElement("div", { className: style.checkboxList },
react_1.default.createElement(pandora_component_1.CheckboxList, { options: constant_1.valueTypeOptions, value: valueTypes, onChange: setValueTypes }))),
valueTypes.length && (react_1.default.createElement(Item, { label: type_2.CapsuleLocale.value_width },
react_1.default.createElement(pandora_component_1.InputNumber, { value: valueWidth, onChange: setValueWidth, addonAfter: '%' }))),
valueTypes.includes(capsule_bar_style_1.ValueType.Rate) && (react_1.default.createElement(Base_1.SolidRadioItem, { label: type_2.CapsuleLocale.subtotal.label, options: constant_1.SubtotalTypeOptions, value: subtotalType, onChange: setSubtotalType })),
subtotalType === capsule_bar_style_1.SubtotalType.Constant && (react_1.default.createElement(Base_1.NumberItem, { label: type_2.CapsuleLocale.subtotal.constant, value: constantValue, onChange: setConstantValue })),
react_1.default.createElement(Base_1.SolidRadioItem, { label: type_2.CapsuleLocale.shape.label, options: constant_1.barShapeOptions, value: barShape, onChange: setBarShape }),
react_1.default.createElement(Base_1.SolidRadioItem, { label: type_2.CapsuleLocale.label_position.label, options: constant_1.labelPositionOptions, value: labelPosition, onChange: setLabelPosition }),
labelPosition === capsule_bar_style_1.LabelPosition.Left && (react_1.default.createElement(Item, { label: type_2.CapsuleLocale.label_width },
react_1.default.createElement(pandora_component_1.InputNumber, { value: labelWidth, onChange: setLabelWidth, addonAfter: '%' }))),
react_1.default.createElement(TitleItem_1.default, { label: type_2.CapsuleLocale.value_font, value: dataFont, onChange: setDataFont }),
react_1.default.createElement(TitleItem_1.default, { label: type_2.CapsuleLocale.label_font, value: labelFont, onChange: setLabelFont })));
};
StyleElememt = __decorate([
mobx_react_1.observer
], StyleElememt);
return StyleElememt;
}(react_1.default.Component));
exports.StyleElememt = StyleElememt;
exports.default = errorBoundary_1.default(StyleElememt);