@cc98/react-ubb-editor/lib/config/customs/size/index.js

A ubb editor component based on react

import { __extends } from "tslib";
import { faTextHeight } from '@fortawesome/free-solid-svg-icons';
import React from 'react';
import createAction from '../../../createAction';
import { ConfigType } from '../../../types';
import Button from './styles/Button';
import Root from './styles/Root';
import Triangle from './styles/Triangle';
import TriangleBack from './styles/TriangleBack';
var SizePicker = /** @class */ (function (_super) {
    __extends(SizePicker, _super);
    function SizePicker() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.sizes = ['1', '2', '3', '4', '5', '6', '7'];
        _this.generateHandleClick = function (size) { return function () {
            var dispatch = _this.props.dispatch;
            dispatch(createAction(config, {
                mainValue: size,
            }, {
                shouldSelect: true,
            }));
        }; };
        return _this;
    }
    SizePicker.prototype.render = function () {
        var _this = this;
        return (React.createElement(Root, null,
            React.createElement(TriangleBack, null),
            React.createElement(Triangle, null),
            this.sizes.map(function (item) { return (React.createElement(Button, { onClick: _this.generateHandleClick(item), key: item }, item)); })));
    };
    return SizePicker;
}(React.PureComponent));
var config = {
    type: ConfigType.Custom,
    tagName: 'size',
    icon: faTextHeight,
    Component: SizePicker,
    index: 90,
    title: '字号',
};
export default config;