@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
59 lines (58 loc) • 4.24 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 __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 classnames from 'classnames';
import { Input, Popover } from 'antd';
import { SettingOutlined } from '@ant-design/icons';
import { Form } from '../../Common';
import SignleTextSettingContent from './SignleTextSettingContent';
import errorBoundary from '../../../hocs/errorBoundary';
import { SingleLocale } from '../../../constants/language/single/type';
import { formatString } from '../../../services/language';
import * as styles from './style.mless';
var Item = Form.Item;
var SingleTextSettings = /** @class */ (function (_super) {
__extends(SingleTextSettings, _super);
function SingleTextSettings() {
return _super !== null && _super.apply(this, arguments) || this;
}
SingleTextSettings.prototype.render = function () {
var _a = this.props, prefix = _a.prefix, suffix = _a.suffix, setPrefix = _a.setPrefix, setSuffix = _a.setSuffix, labelCol = _a.labelCol, wrapperCol = _a.wrapperCol, getPopupContainer = _a.getPopupContainer;
return (React.createElement("div", null,
React.createElement(Item, { label: SingleLocale.setting.front_title, key: SingleLocale.setting.front_title, className: classnames(styles.formItem, styles.singleTextSetting), labelCol: labelCol, wrapperCol: wrapperCol },
React.createElement(Input, { value: prefix.value, placeholder: formatString(SingleLocale.setting.placeholder), onChange: function (e) {
return setPrefix(__assign(__assign({}, prefix), { value: e.target.value }));
}, addonAfter: React.createElement(Popover, { getPopupContainer: getPopupContainer, placement: "bottomRight", trigger: "click", overlayClassName: styles.singleTextPopover, content: React.createElement(SignleTextSettingContent, { font: prefix.font, onChange: function (font) { return setPrefix(__assign(__assign({}, prefix), { font: font })); }, defaultColor: prefix.defaultColor, defaultFontSize: prefix.defaultFontSize }) },
React.createElement(SettingOutlined, { className: styles.icon })) })),
React.createElement(Item, { label: SingleLocale.setting.queen_title, key: SingleLocale.setting.queen_title, className: classnames(styles.formItem, styles.singleTextSetting), labelCol: labelCol, wrapperCol: wrapperCol },
React.createElement(Input, { value: suffix.value, placeholder: formatString(SingleLocale.setting.placeholder), onChange: function (e) {
return setSuffix(__assign(__assign({}, suffix), { value: e.target.value }));
}, addonAfter: React.createElement(Popover, { getPopupContainer: getPopupContainer, overlayClassName: styles.singleTextPopover, placement: "bottomRight", trigger: "click", content: React.createElement(SignleTextSettingContent, { font: suffix.font, onChange: function (font) { return setSuffix(__assign(__assign({}, suffix), { font: font })); }, defaultColor: suffix.defaultColor, defaultFontSize: suffix.defaultFontSize }) },
React.createElement(SettingOutlined, { className: styles.icon })) }))));
};
return SingleTextSettings;
}(React.Component));
export { SingleTextSettings };
export default errorBoundary(SingleTextSettings);