amis-rev-ui 6.13.0

package/esm/components/Rating.js

@@ -0,0 +1,341 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { isObjectShallowModified, validations, isObject, themeable } from 'amis-rev-core';
+import { Icon } from './icons.js';
+import isEmpty from 'lodash/isEmpty';
+
+/**
+ * @file Rating
+ * @description
+ * @author fex
+ */
+var Rating = /** @class */ (function (_super) {
+    __extends(Rating, _super);
+    function Rating(props) {
+        var _this = _super.call(this, props) || this;
+        _this.ratingRef = React__default.createRef();
+        _this.starsNode = {};
+        _this.state = {
+            value: props.value || 0,
+            stars: [],
+            isClear: false,
+            halfStar: {
+                at: Math.floor(props.value),
+                hidden: props.half && props.value % 1 < 0.5
+            },
+            showColor: '',
+            showText: null,
+            hoverValue: null
+        };
+        _this.getRate = _this.getRate.bind(_this);
+        _this.getStars = _this.getStars.bind(_this);
+        _this.moreThanHalf = _this.moreThanHalf.bind(_this);
+        _this.mouseOver = _this.mouseOver.bind(_this);
+        _this.mouseLeave = _this.mouseLeave.bind(_this);
+        _this.handleClick = _this.handleClick.bind(_this);
+        _this.saveRef = _this.saveRef.bind(_this);
+        _this.handleStarMouseLeave = _this.handleStarMouseLeave.bind(_this);
+        return _this;
+    }
+    Rating.prototype.componentDidMount = function () {
+        var value = this.state.value;
+        this.setState({
+            stars: this.getStars(value)
+        });
+        this.getShowColorAndText(value);
+    };
+    Rating.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        var props = this.props;
+        if (isObjectShallowModified({
+            value: props.value,
+            count: props.count
+        }, {
+            value: prevProps.value,
+            count: prevProps.count
+        })) {
+            this.setState({
+                stars: this.getStars(props.value),
+                value: props.value,
+                halfStar: {
+                    at: Math.floor(props.value),
+                    hidden: props.half && props.value % 1 < 0.5
+                }
+            }, function () {
+                _this.getShowColorAndText(props.value);
+            });
+        }
+        else if (isObjectShallowModified(props.colors, prevProps.colors) ||
+            isObjectShallowModified(props.texts, prevProps.texts)) {
+            this.getShowColorAndText(props.value);
+        }
+    };
+    Rating.prototype.sortKeys = function (map) {
+        // 需验证 key 是否是数字，需要过滤掉非数字key，如 $$id
+        return Object.keys(map)
+            .filter(function (item) { return validations.isNumeric({}, item); })
+            .sort(function (a, b) { return Number(a) - Number(b); });
+    };
+    Rating.prototype.getShowColorAndText = function (value) {
+        var _a = this.props, colors = _a.colors, texts = _a.texts, half = _a.half;
+        var tempColor = colors;
+        if (this.ratingRef.current) {
+            var style = getComputedStyle(this.ratingRef.current);
+            var defaultColors = [];
+            try {
+                defaultColors = JSON.parse(JSON.parse(style.getPropertyValue('content')));
+            }
+            catch (e) {
+                console.warn(e);
+            }
+            var obj_1 = {};
+            defaultColors.forEach(function (item) {
+                obj_1[item.id] = item.value;
+            });
+            if (isEmpty(colors) && !isEmpty(obj_1)) {
+                tempColor = obj_1;
+            }
+        }
+        if (!value)
+            return this.setState({
+                showText: null
+            });
+        // 对 value 取整
+        if (half) {
+            value = Math.floor(Number(value) * 2) / 2;
+        }
+        else {
+            value = Math.floor(value);
+        }
+        if (tempColor && typeof tempColor !== 'string') {
+            var keys = this.sortKeys(tempColor);
+            var showKey = keys.filter(function (item) { return Number(item) < value; }).length;
+            var showColor = keys[showKey] !== undefined && tempColor[keys[showKey]];
+            // 取最大 key 的颜色，避免如下情况：tempColor 只设置了 1-4，value 为 5，导致取不到颜色而无法显示
+            var lastColor = keys.length && tempColor[keys[keys.length - 1]];
+            this.setState({
+                showColor: showColor || lastColor || ''
+            });
+        }
+        else if (tempColor && typeof tempColor === 'string') {
+            this.setState({
+                showColor: tempColor
+            });
+        }
+        if (texts && isObject(texts)) {
+            var keys = this.sortKeys(texts);
+            var showKey = keys.filter(function (item) { return Number(item) < value; }).length;
+            var showText = keys[showKey] !== undefined &&
+                texts[keys[showKey]];
+            this.setState({
+                showText: showText || ''
+            });
+        }
+    };
+    Rating.prototype.getRate = function () {
+        var stars;
+        var value = this.state.value;
+        var half = this.props.half;
+        if (half) {
+            stars = Math.floor(value);
+        }
+        else {
+            stars = Math.round(value);
+        }
+        return stars;
+    };
+    Rating.prototype.getStars = function (activeCount) {
+        if (typeof activeCount === 'undefined') {
+            activeCount = this.getRate();
+        }
+        var stars = [];
+        var count = this.props.count;
+        for (var i = 0; i < count; i++) {
+            stars.push({
+                active: i <= activeCount - 1
+            });
+        }
+        return stars;
+    };
+    Rating.prototype.saveRef = function (index) {
+        var _this = this;
+        return function (node) {
+            _this.starsNode[String(index)] = node;
+        };
+    };
+    Rating.prototype.mouseOver = function (event, index) {
+        var isClear = this.state.isClear;
+        if (isClear)
+            return;
+        var _a = this.props, readOnly = _a.readOnly, half = _a.half;
+        if (readOnly)
+            return;
+        if (half) {
+            var isAtHalf = this.moreThanHalf(event, index);
+            var tmpValue = isAtHalf ? index + 1 : index + 0.5;
+            this.getShowColorAndText(tmpValue);
+            this.onHoverChange(tmpValue);
+            if (isAtHalf)
+                index = index + 1;
+            this.setState({
+                halfStar: {
+                    at: index,
+                    hidden: isAtHalf
+                }
+            });
+        }
+        else {
+            index = index + 1;
+            this.onHoverChange(index);
+            this.getShowColorAndText(index);
+        }
+        this.setState({
+            stars: this.getStars(index)
+        });
+    };
+    Rating.prototype.onHoverChange = function (value) {
+        var onHoverChange = this.props.onHoverChange;
+        var hoverValue = this.state.hoverValue;
+        if (!hoverValue || (hoverValue && hoverValue !== value)) {
+            this.setState({
+                hoverValue: value
+            });
+            onHoverChange && onHoverChange(value);
+        }
+    };
+    Rating.prototype.moreThanHalf = function (event, index) {
+        var star = this.starsNode[index];
+        var leftPos = star.getBoundingClientRect().left;
+        return event.clientX - leftPos > star.clientWidth / 2;
+    };
+    Rating.prototype.mouseLeave = function () {
+        var _a = this.state, value = _a.value, isClear = _a.isClear;
+        var _b = this.props, half = _b.half, readOnly = _b.readOnly;
+        if (readOnly)
+            return;
+        if (isClear)
+            return this.setState({
+                isClear: false,
+                hoverValue: null
+            });
+        if (half) {
+            this.setState({
+                halfStar: {
+                    at: Math.floor(value),
+                    hidden: value % 1 === 0 // check value is decimal or not
+                }
+            });
+        }
+        this.setState({
+            stars: this.getStars(),
+            hoverValue: null
+        });
+        this.getShowColorAndText(value);
+    };
+    Rating.prototype.handleStarMouseLeave = function (event, index) {
+        var star = this.starsNode[index];
+        var leftSideX = star.getBoundingClientRect().left;
+        var isClear = this.state.isClear;
+        if (isClear)
+            return this.setState({ isClear: false });
+        // leave star from left side
+        if (event.clientX <= leftSideX) {
+            this.getShowColorAndText(index);
+            this.setState({
+                stars: this.getStars(index),
+                halfStar: {
+                    at: index,
+                    hidden: true
+                }
+            });
+        }
+    };
+    Rating.prototype.handleClick = function (event, index) {
+        var _a = this.props, half = _a.half, readOnly = _a.readOnly, onChange = _a.onChange, allowClear = _a.allowClear;
+        if (readOnly)
+            return;
+        var value;
+        if (half) {
+            var isAtHalf = this.moreThanHalf(event, index);
+            if (isAtHalf)
+                index = index + 1;
+            value = isAtHalf ? index : index + 0.5;
+            this.setState({
+                halfStar: {
+                    at: index,
+                    hidden: isAtHalf
+                }
+            });
+        }
+        else {
+            value = index = index + 1;
+        }
+        var isClear = allowClear && value === this.state.value;
+        if (isClear)
+            value = index = 0;
+        this.setState({
+            value: value,
+            stars: this.getStars(index),
+            isClear: isClear
+        });
+        this.getShowColorAndText(value);
+        onChange && onChange(value);
+    };
+    Rating.prototype.renderStars = function () {
+        var _this = this;
+        var _a = this.state, halfStar = _a.halfStar, stars = _a.stars, showColor = _a.showColor;
+        var _b = this.props, inactiveColor = _b.inactiveColor, char = _b.char, half = _b.half, disabled = _b.disabled, readOnly = _b.readOnly, charClassName = _b.charClassName, cx = _b.classnames;
+        return (React__default.createElement("ul", { onMouseLeave: this.mouseLeave }, stars.map(function (star, i) {
+            var isThisHalf = half && !halfStar.hidden && halfStar.at === i;
+            return (React__default.createElement("li", { ref: _this.saveRef(i), className: cx('Rating-star', charClassName, {
+                    'is-half': isThisHalf,
+                    'is-active': star.active,
+                    'is-disabled': readOnly || disabled
+                }), key: i, style: {
+                    color: star.active ? showColor : inactiveColor
+                }, onMouseOver: function (e) { return _this.mouseOver(e, i); }, onMouseMove: function (e) { return _this.mouseOver(e, i); }, onClick: function (e) { return _this.handleClick(e, i); }, onMouseLeave: function (e) { return _this.handleStarMouseLeave(e, i); } },
+                isThisHalf && (React__default.createElement("div", { className: cx('Rating-star-half'), style: {
+                        color: showColor
+                    } }, char)),
+                char));
+        })));
+    };
+    Rating.prototype.renderText = function () {
+        var _a;
+        var showText = this.state.showText;
+        var _b = this.props, textClassName = _b.textClassName, textPosition = _b.textPosition, cx = _b.classnames;
+        if (!showText)
+            return null;
+        return (React__default.createElement("span", { className: cx('Rating-text', textClassName, (_a = {},
+                _a["Rating-text--".concat(textPosition === 'left' ? 'left' : 'right')] = textPosition,
+                _a)) }, showText));
+    };
+    Rating.prototype.render = function () {
+        var _a = this.props, className = _a.className, textPosition = _a.textPosition, cx = _a.classnames;
+        return (React__default.createElement("div", { className: cx('Rating', className), ref: this.ratingRef }, textPosition === 'left' ? (React__default.createElement(React__default.Fragment, null,
+            this.renderText(),
+            this.renderStars())) : (React__default.createElement(React__default.Fragment, null,
+            this.renderStars(),
+            this.renderText()))));
+    };
+    Rating.defaultProps = {
+        containerClass: 'rating',
+        readOnly: false,
+        half: true,
+        allowClear: true,
+        value: 0,
+        count: 5,
+        char: React__default.createElement(Icon, { icon: "star", className: "icon", iconContent: "Rating-star-icon" }),
+        colors: '',
+        textPosition: 'right'
+    };
+    return Rating;
+}(React__default.Component));
+var Rating$1 = themeable(Rating);
+
+export { Rating, Rating$1 as default };

package/esm/components/ResultBox.js

@@ -0,0 +1,195 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __rest, __decorate, __metadata } from 'tslib';
+import { ucFirst, autobind, themeable, localeable, uncontrollable } from 'amis-rev-core';
+import React__default from 'react';
+import omit from 'lodash/omit';
+import { Icon } from './icons.js';
+import Input from './Input.js';
+import isPlainObject from 'lodash/isPlainObject';
+import TooltipWrapper from './TooltipWrapper.js';
+import AutoFoldedList from './AutoFoldedList.js';
+
+var ResultBox = /** @class */ (function (_super) {
+    __extends(ResultBox, _super);
+    function ResultBox() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            isFocused: false
+        };
+        _this.inputRef = React__default.createRef();
+        return _this;
+    }
+    ResultBox.prototype.focus = function () {
+        var _a;
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    ResultBox.prototype.blur = function () {
+        var _a;
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    };
+    ResultBox.prototype.clearValue = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.props.onClear && this.props.onClear(e);
+        this.props.onResultChange && this.props.onResultChange([]);
+    };
+    ResultBox.prototype.handleFocus = function (e) {
+        var onFocus = this.props.onFocus;
+        onFocus && onFocus(e);
+        this.setState({
+            isFocused: true
+        });
+    };
+    ResultBox.prototype.handleBlur = function (e) {
+        var onBlur = this.props.onBlur;
+        onBlur && onBlur(e);
+        this.setState({
+            isFocused: false
+        });
+    };
+    ResultBox.prototype.removeItem = function (e) {
+        e.stopPropagation();
+        e.preventDefault();
+        var _a = this.props, result = _a.result, onResultChange = _a.onResultChange;
+        var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+        var newResult = Array.isArray(result) ? result.concat() : [];
+        newResult.splice(index, 1);
+        onResultChange && onResultChange(newResult);
+    };
+    ResultBox.prototype.handleItemClick = function (e) {
+        e.stopPropagation();
+        e.preventDefault();
+        var _a = this.props, result = _a.result, onItemClick = _a.onItemClick;
+        var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+        var newResult = Array.isArray(result) ? result.concat() : [];
+        onItemClick && onItemClick(newResult[index] || {});
+    };
+    ResultBox.prototype.handleChange = function (e) {
+        var onChange = this.props.onChange;
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.currentTarget.value);
+    };
+    ResultBox.prototype.renderMultipleTags = function (tags) {
+        var _this = this;
+        var _a = this.props, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, itemRender = _a.itemRender, cx = _a.classnames, showInvalidMatch = _a.showInvalidMatch, popOverContainer = _a.popOverContainer, testIdBuilder = _a.testIdBuilder;
+        if (typeof maxTagCount === 'number' && maxTagCount > 0) {
+            var tooltipProps = __assign({ offset: [0, -10], tooltipClassName: cx('ResultBox-overflow', overflowTagPopover === null || overflowTagPopover === void 0 ? void 0 : overflowTagPopover.tooltipClassName) }, omit(overflowTagPopover, ['children', 'content', 'tooltipClassName']));
+            return (React__default.createElement(AutoFoldedList, { tooltipClassName: cx('Select-overflow-wrapper'), items: tags, popOverContainer: popOverContainer, tooltipOptions: tooltipProps, maxVisibleCount: maxTagCount, renderItem: function (item, index, folded) {
+                    var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(item.value || index);
+                    var isShowInvalid = showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched);
+                    var body = (React__default.createElement("div", __assign({ className: cx('ResultBox-value', {
+                            'is-invalid': isShowInvalid
+                        }), onClick: _this.handleItemClick }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
+                        React__default.createElement("span", __assign({ className: cx('ResultBox-valueLabel'), "data-index": index }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('click').getTestId()), itemRender(item)),
+                        React__default.createElement("a", __assign({ "data-index": index, onClick: _this.removeItem }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
+                            React__default.createElement(Icon, { icon: "close", className: "icon" }))));
+                    return folded ? (body) : (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index }, body));
+                } }));
+        }
+        return tags.map(function (item, index) {
+            var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(index);
+            return (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
+                React__default.createElement("div", __assign({ className: cx('ResultBox-value', {
+                        'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
+                    }), onClick: _this.handleItemClick }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
+                    React__default.createElement("span", __assign({ className: cx('ResultBox-valueLabel'), "data-index": index }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('click').getTestId()), itemRender(item)),
+                    React__default.createElement("a", __assign({ "data-index": index, onClick: _this.removeItem }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
+                        React__default.createElement(Icon, { icon: "close", className: "icon" })))));
+        });
+    };
+    ResultBox.prototype.render = function () {
+        var _a;
+        /** 不需要透传给Input的属性要解构出来 */
+        var _b = this.props, className = _b.className, cx = _b.classnames; _b.classPrefix; var clearable = _b.clearable, disabled = _b.disabled, hasError = _b.hasError, result = _b.result, value = _b.value, placeholder = _b.placeholder, children = _b.children, itemRender = _b.itemRender, allowInput = _b.allowInput, inputPlaceholder = _b.inputPlaceholder; _b.onResultChange; _b.onChange; var onResultClick = _b.onResultClick, __ = _b.translate; _b.locale; var onKeyPress = _b.onKeyPress, onFocus = _b.onFocus, onBlur = _b.onBlur, borderMode = _b.borderMode, mobileUI = _b.mobileUI, hasDropDownArrow = _b.hasDropDownArrow, actions = _b.actions; _b.onClear; _b.maxTagCount; _b.overflowTagPopover; var showArrow = _b.showArrow; _b.popOverContainer; var testIdBuilder = _b.testIdBuilder, rest = __rest(_b, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "result", "value", "placeholder", "children", "itemRender", "allowInput", "inputPlaceholder", "onResultChange", "onChange", "onResultClick", "translate", "locale", "onKeyPress", "onFocus", "onBlur", "borderMode", "mobileUI", "hasDropDownArrow", "actions", "onClear", "maxTagCount", "overflowTagPopover", "showArrow", "popOverContainer", "testIdBuilder"]);
+        var isFocused = this.state.isFocused;
+        return (React__default.createElement("div", __assign({ className: cx('ResultBox', className, (_a = {
+                    'is-focused': isFocused,
+                    'is-disabled': disabled,
+                    'is-error': hasError,
+                    'is-clickable': onResultClick,
+                    'is-clearable': clearable,
+                    'is-mobile': mobileUI,
+                    'is-group': Array.isArray(result)
+                },
+                _a["ResultBox--border".concat(ucFirst(borderMode))] = borderMode,
+                _a)), onClick: onResultClick, tabIndex: !allowInput && !disabled && onFocus ? 0 : -1, onKeyPress: allowInput ? undefined : onKeyPress, onFocus: allowInput ? undefined : onFocus, onBlur: allowInput ? undefined : onBlur }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
+            React__default.createElement("div", { className: cx('ResultBox-value-wrap') },
+                Array.isArray(result) && result.length ? (this.renderMultipleTags(result)) : result && !Array.isArray(result) ? (React__default.createElement("span", { className: cx('ResultBox-singleValue') }, isPlainObject(result) ? itemRender(result) : result)) : allowInput && !disabled ? null : (React__default.createElement("span", { className: cx('ResultBox-placeholder') }, __(placeholder || 'placeholder.noData'))),
+                allowInput && !disabled ? (React__default.createElement(Input, __assign({}, rest, { className: cx('ResultBox-value-input'), onKeyPress: onKeyPress, ref: this.inputRef, value: value || '', onChange: this.handleChange, placeholder: __(
+                    /** 数组模式下输入内容后将不再展示placeholder */
+                    Array.isArray(result)
+                        ? result.length > 0
+                            ? inputPlaceholder
+                            : placeholder
+                        : result
+                            ? ''
+                            : placeholder), onFocus: this.handleFocus, onBlur: this.handleBlur, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input') }))) : null,
+                children),
+            React__default.createElement("div", { className: cx('ResultBox-actions') },
+                clearable &&
+                    !disabled &&
+                    (Array.isArray(result) ? result.length : result) ? (React__default.createElement("a", __assign({ onClick: this.clearValue, className: cx('ResultBox-clear', {
+                        'ResultBox-clear-with-arrow': hasDropDownArrow
+                    }) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('clear').getTestId()),
+                    React__default.createElement("div", { className: cx('ResultBox-clear-wrap') },
+                        React__default.createElement(Icon, { icon: "input-clear", className: "icon" })))) : null,
+                actions,
+                hasDropDownArrow && !mobileUI && (React__default.createElement("span", { className: cx('ResultBox-pc-arrow') },
+                    React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))),
+                !allowInput && mobileUI && showArrow ? (React__default.createElement("span", { className: cx('ResultBox-arrow') },
+                    React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null)));
+    };
+    ResultBox.defaultProps = {
+        clearable: false,
+        placeholder: 'placeholder.noData',
+        inputPlaceholder: 'placeholder.enter',
+        showArrow: true,
+        itemRender: function (option) { return (React__default.createElement("span", null, "".concat(option.scopeLabel || '').concat(option.label))); }
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "clearValue", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "handleBlur", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "removeItem", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "handleItemClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ResultBox.prototype, "handleChange", null);
+    return ResultBox;
+}(React__default.Component));
+var ResultBox$1 = themeable(localeable(uncontrollable(ResultBox, {
+    value: 'onChange',
+    result: 'onResultChange'
+})));
+
+export { ResultBox, ResultBox$1 as default };