amis-rev-ui 6.13.0

package/esm/components/ImageGallery.js

@@ -0,0 +1,396 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import debounce from 'lodash/debounce';
+import { autobind, themeable, localeable } from 'amis-rev-core';
+import FinalModal from './Modal.js';
+import { Icon } from './icons.js';
+
+var ImageActionKey;
+(function (ImageActionKey) {
+    /** 右旋转 */
+    ImageActionKey["ROTATE_RIGHT"] = "rotateRight";
+    /** 左旋转 */
+    ImageActionKey["ROTATE_LEFT"] = "rotateLeft";
+    /** 等比例放大 */
+    ImageActionKey["ZOOM_IN"] = "zoomIn";
+    /** 等比例缩小 */
+    ImageActionKey["ZOOM_OUT"] = "zoomOut";
+    /** 恢复原图缩放比例尺 */
+    ImageActionKey["SCALE_ORIGIN"] = "scaleOrigin";
+})(ImageActionKey || (ImageActionKey = {}));
+var ImageGallery = /** @class */ (function (_super) {
+    __extends(ImageGallery, _super);
+    function ImageGallery() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            isOpened: false,
+            index: -1,
+            items: [],
+            tx: 0,
+            ty: 0,
+            scale: 1,
+            rotate: 0,
+            showToolbar: false,
+            imageGallaryClassName: '',
+            actions: ImageGallery.defaultProps.actions
+        };
+        _this.startX = 0;
+        _this.startY = 0;
+        _this.startTx = 0;
+        _this.startTy = 0;
+        _this.handleToolbarAction = debounce(function (action) {
+            if (action.disabled) {
+                return;
+            }
+            switch (action.key) {
+                case ImageActionKey.ROTATE_LEFT:
+                    _this.setState(function (prevState) { return ({
+                        rotate: prevState.rotate - 90,
+                        tx: 0,
+                        ty: 0
+                    }); });
+                    break;
+                case ImageActionKey.ROTATE_RIGHT:
+                    _this.setState(function (prevState) { return ({
+                        rotate: prevState.rotate + 90,
+                        tx: 0,
+                        ty: 0
+                    }); });
+                    break;
+                case ImageActionKey.ZOOM_IN:
+                    _this.setState(function (prevState) { return ({
+                        scale: prevState.scale + 0.5,
+                        tx: 0,
+                        ty: 0
+                    }); });
+                    break;
+                case ImageActionKey.ZOOM_OUT:
+                    _this.setState(function (prevState) {
+                        return prevState.scale - 0.5 > 0
+                            ? { scale: prevState.scale - 0.5, tx: 0, ty: 0 }
+                            : null;
+                    });
+                    break;
+                case ImageActionKey.SCALE_ORIGIN:
+                    _this.setState(function () { return ({ scale: 1, tx: 0, ty: 0 }); });
+                    break;
+            }
+            if (action.onClick && typeof action.onClick === 'function') {
+                action.onClick(_this);
+            }
+        }, 250, { leading: true, trailing: false });
+        _this.scrollBar = React__default.createRef();
+        return _this;
+    }
+    ImageGallery.prototype.galleryMainRef = function (ref) {
+        var _a, _b;
+        if (ref) {
+            ref.addEventListener('wheel', this.onWheelScroll, {
+                passive: false
+            });
+            ref.addEventListener('mousedown', this.onMouseDown);
+        }
+        else {
+            (_a = this.galleryMain) === null || _a === void 0 ? void 0 : _a.removeEventListener('wheel', this.onWheelScroll);
+            (_b = this.galleryMain) === null || _b === void 0 ? void 0 : _b.removeEventListener('mousedown', this.onMouseDown);
+        }
+        this.galleryMain = ref;
+    };
+    ImageGallery.prototype.onWheelScroll = function (event) {
+        var _a;
+        var showToolbar = (_a = this.state) === null || _a === void 0 ? void 0 : _a.showToolbar;
+        if (!showToolbar) {
+            return;
+        }
+        event.preventDefault();
+        /** 向上滚动放大，向下滚动缩小 */
+        if (event.deltaY > 0) {
+            this.handleToolbarAction({ key: 'zoomOut' });
+        }
+        else if (event.deltaY < 0) {
+            this.handleToolbarAction({ key: 'zoomIn' });
+        }
+    };
+    ImageGallery.prototype.onMouseDown = function (event) {
+        var _a;
+        var isLeftButton = (event.button === 1 && window.event !== null) || event.button === 0;
+        if (!isLeftButton || event.defaultPrevented)
+            return;
+        event.preventDefault();
+        (_a = this.galleryMain) === null || _a === void 0 ? void 0 : _a.classList.add('is-dragging');
+        document.body.addEventListener('mousemove', this.onMouseMove);
+        document.body.addEventListener('mouseup', this.onMouseUp);
+        this.startX = event.clientX;
+        this.startY = event.clientY;
+        this.startTx = this.state.tx;
+        this.startTy = this.state.ty;
+    };
+    ImageGallery.prototype.onMouseMove = function (event) {
+        this.setState({
+            tx: this.startTx + event.clientX - this.startX,
+            ty: this.startTy + event.clientY - this.startY
+        });
+    };
+    ImageGallery.prototype.onMouseUp = function () {
+        var _a;
+        (_a = this.galleryMain) === null || _a === void 0 ? void 0 : _a.classList.remove('is-dragging');
+        document.body.removeEventListener('mousemove', this.onMouseMove);
+        document.body.removeEventListener('mouseup', this.onMouseUp);
+    };
+    ImageGallery.prototype.handleImageEnlarge = function (info) {
+        var actions = this.props.actions;
+        var validActionKeys = Object.values(ImageActionKey);
+        this.setState({
+            isOpened: true,
+            tx: 0,
+            ty: 0,
+            rotate: 0,
+            scale: 1,
+            items: info.list ? info.list : [info],
+            index: info.index || 0,
+            /* children组件可以控制工具栏的展示 */
+            showToolbar: !!info.showToolbar,
+            enlargeWithGallary: info.enlargeWithGallary,
+            imageGallaryClassName: info.imageGallaryClassName,
+            /** 外部传入合法key值的actions才会生效 */
+            actions: Array.isArray(info.toolbarActions)
+                ? info.toolbarActions.filter(function (action) {
+                    return validActionKeys.includes(action === null || action === void 0 ? void 0 : action.key);
+                })
+                : actions,
+            scrollBarLeading: true,
+            scrollBarTrailing: false
+        });
+    };
+    ImageGallery.prototype.resetImageAction = function () {
+        this.setState({ scale: 1, rotate: 0 });
+    };
+    ImageGallery.prototype.close = function () {
+        this.setState({
+            isOpened: false
+        });
+        this.resetImageAction();
+    };
+    ImageGallery.prototype.prev = function () {
+        var index = this.state.index;
+        this.setState({ index: index - 1 });
+        this.resetImageAction();
+    };
+    ImageGallery.prototype.next = function () {
+        var index = this.state.index;
+        this.setState({ index: index + 1 });
+        this.resetImageAction();
+    };
+    ImageGallery.prototype.handleItemClick = function (e) {
+        var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+        this.setState({ index: index });
+        this.resetImageAction();
+    };
+    ImageGallery.prototype.handleModalEntered = function () {
+        if (this.scrollBar.current) {
+            var item = this.scrollBar.current.querySelector("div[data-index=\"".concat(this.state.index, "\"]"));
+            item === null || item === void 0 ? void 0 : item.scrollIntoView({
+                behavior: 'smooth'
+            });
+        }
+    };
+    ImageGallery.prototype.handleBarScroll = function () {
+        var scrollBar = this.scrollBar.current;
+        var inner = scrollBar.firstElementChild;
+        this.setState({
+            scrollBarLeading: scrollBar.scrollLeft === 0,
+            scrollBarTrailing: scrollBar.offsetWidth + scrollBar.scrollLeft >= inner.offsetWidth
+        });
+    };
+    ImageGallery.prototype.scroll = function (direction) {
+        if (direction === void 0) { direction = 1; }
+        var scrollBar = this.scrollBar.current;
+        var inner = scrollBar.firstElementChild;
+        var gap = inner.offsetWidth - scrollBar.offsetWidth;
+        scrollBar.scrollTo({
+            left: scrollBar.scrollLeft + gap * 0.1 * direction,
+            top: 0,
+            behavior: 'smooth'
+        });
+        var timer = setInterval(function () {
+            scrollBar.scrollTo({
+                left: scrollBar.scrollLeft + 5 * direction,
+                top: 0,
+                behavior: 'smooth'
+            });
+        }, 50);
+        var onMouseUp = function () {
+            document.body.removeEventListener('mouseup', onMouseUp);
+            clearInterval(timer);
+        };
+        document.body.addEventListener('mouseup', onMouseUp);
+    };
+    ImageGallery.prototype.scrollRight = function () {
+        this.scroll(1);
+    };
+    ImageGallery.prototype.scrollLeft = function () {
+        this.scroll(-1);
+    };
+    ImageGallery.prototype.renderToolbar = function (actions) {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, __ = _a.translate, className = _a.className;
+        var scale = this.state.scale;
+        return (React__default.createElement("div", { className: cx('ImageGallery-toolbar', className) }, actions.map(function (action) { return (React__default.createElement("div", { className: cx('ImageGallery-toolbar-action', {
+                'is-disabled': action.disabled ||
+                    (action.key === ImageActionKey.ZOOM_OUT && scale - 0.5 <= 0)
+            }), key: action.key, onClick: function () { return _this.handleToolbarAction(action); } },
+            React__default.createElement("a", { className: cx('ImageGallery-toolbar-action-icon'), "data-tooltip": __(action.label), "data-position": "top" }, React__default.isValidElement(action.icon) ? (React__default.cloneElement(action.icon, {
+                className: cx('icon', action.iconClassName)
+            })) : (React__default.createElement(Icon, { icon: action.icon, className: cx('icon', action.iconClassName) }))))); })));
+    };
+    ImageGallery.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, cx = _a.classnames, modalContainer = _a.modalContainer;
+        var _b = this.state, index = _b.index, items = _b.items, rotate = _b.rotate, scale = _b.scale, tx = _b.tx, ty = _b.ty, showToolbar = _b.showToolbar, enlargeWithGallary = _b.enlargeWithGallary, actions = _b.actions, imageGallaryClassName = _b.imageGallaryClassName, scrollBarLeading = _b.scrollBarLeading, scrollBarTrailing = _b.scrollBarTrailing;
+        var __ = this.props.translate;
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.cloneElement(children, {
+                onImageEnlarge: this.handleImageEnlarge
+            }),
+            React__default.createElement(FinalModal, { closeOnEsc: true, closeOnOutside: true, size: "full", onHide: this.close, show: this.state.isOpened, contentClassName: cx('ImageGallery', imageGallaryClassName), container: modalContainer, onEntered: this.handleModalEntered },
+                React__default.createElement("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", className: cx('ImageGallery-close'), onClick: this.close },
+                    React__default.createElement(Icon, { icon: "close", className: "icon" })),
+                ~index && items[index] ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: cx('ImageGallery-title') }, items[index].title),
+                    items[index].caption ? (React__default.createElement("div", { className: cx('ImageGallery-caption') }, items[index].caption)) : null,
+                    React__default.createElement("div", { className: cx('ImageGallery-main'), ref: this.galleryMainRef },
+                        React__default.createElement("img", { draggable: false, src: items[index].originalSrc, style: {
+                                transform: "translate(".concat(tx, "px, ").concat(ty, "px) scale(").concat(scale, ") rotate(").concat(rotate, "deg)")
+                            } }),
+                        showToolbar && Array.isArray(actions) && actions.length > 0
+                            ? this.renderToolbar(actions)
+                            : null,
+                        items.length > 1 && enlargeWithGallary !== false ? (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement("a", { className: cx('ImageGallery-prevBtn', index <= 0 ? 'is-disabled' : ''), onClick: this.prev },
+                                React__default.createElement(Icon, { icon: "prev", className: "icon", iconContent: "ImageGallery-prevBtn" })),
+                            React__default.createElement("a", { className: cx('ImageGallery-nextBtn', index >= items.length - 1 ? 'is-disabled' : ''), onClick: this.next },
+                                React__default.createElement(Icon, { icon: "next", className: "icon", iconContent: "ImageGallery-nextBtn" })))) : null))) : null,
+                items.length > 1 && enlargeWithGallary !== false ? (React__default.createElement("div", { className: cx('ImageGallery-footer') },
+                    React__default.createElement("a", { className: cx('ImageGallery-prevList', scrollBarLeading ? 'is-disabled' : ''), onMouseDown: this.scrollLeft },
+                        React__default.createElement(Icon, { icon: "prev", className: "icon" })),
+                    React__default.createElement("div", { className: cx('ImageGallery-itemsWrap'), ref: this.scrollBar, onScroll: this.handleBarScroll },
+                        React__default.createElement("div", { className: cx('ImageGallery-items') }, items.map(function (item, i) { return (React__default.createElement("div", { key: i, "data-index": i, onClick: _this.handleItemClick, className: cx('ImageGallery-item', i === index ? 'is-active' : '') },
+                            React__default.createElement("img", { src: item.src }))); }))),
+                    React__default.createElement("a", { className: cx('ImageGallery-nextList', scrollBarTrailing ? 'is-disabled' : ''), onMouseDown: this.scrollRight },
+                        React__default.createElement(Icon, { icon: "next", className: "icon" })))) : null)));
+    };
+    ImageGallery.defaultProps = {
+        actions: [
+            {
+                key: ImageActionKey.ROTATE_LEFT,
+                icon: 'rotate-left',
+                label: 'rotate.left'
+            },
+            {
+                key: ImageActionKey.ROTATE_RIGHT,
+                icon: 'rotate-right',
+                label: 'rotate.right'
+            },
+            { key: ImageActionKey.ZOOM_IN, icon: 'zoom-in', label: 'zoomIn' },
+            { key: ImageActionKey.ZOOM_OUT, icon: 'zoom-out', label: 'zoomOut' },
+            {
+                key: ImageActionKey.SCALE_ORIGIN,
+                icon: 'scale-origin',
+                label: 'scale.origin'
+            }
+        ]
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [HTMLDivElement]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "galleryMainRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [WheelEvent]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "onWheelScroll", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [MouseEvent]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "onMouseDown", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [MouseEvent]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "onMouseMove", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "onMouseUp", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "handleImageEnlarge", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "close", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "prev", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "next", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "handleItemClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "handleModalEntered", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "handleBarScroll", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "scrollRight", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ImageGallery.prototype, "scrollLeft", null);
+    return ImageGallery;
+}(React__default.Component));
+var ImageGallery$1 = themeable(localeable(ImageGallery));
+
+export { ImageActionKey, ImageGallery, ImageGallery$1 as default };

package/esm/components/Input.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file 这个 Input 与系统默认的 input 不同的地方在于，
+ * 中文输入过程中不会触发 onChange 事件。对于 autoComplete
+ * 功能很有必要。
+ */
+import React from 'react';
+import { TestIdBuilder } from 'amis-rev-core';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    forwardedRef: React.Ref<HTMLInputElement>;
+    testIdBuilder?: TestIdBuilder;
+}
+export interface InputState {
+    value: any;
+}
+declare const _default: React.ComponentType<Omit<InputProps, "forwardedRef"> & React.InputHTMLAttributes<HTMLInputElement> & {
+    ref?: any;
+}>;
+export default _default;

package/esm/components/Input.js

@@ -0,0 +1,75 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { autobind } from 'amis-rev-core';
+
+var InputInner = /** @class */ (function (_super) {
+    __extends(InputInner, _super);
+    function InputInner() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.isOnComposition = false;
+        _this.state = { value: _this.props.value };
+        return _this;
+    }
+    InputInner.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        if (prevProps.value !== props.value) {
+            this.setState({
+                value: props.value
+            });
+        }
+    };
+    InputInner.prototype.handleComposition = function (e) {
+        this.isOnComposition = e.type !== 'compositionend';
+        if (!this.isOnComposition) {
+            this.handleChange(e);
+        }
+    };
+    InputInner.prototype.handleChange = function (e) {
+        var onChange = this.props.onChange;
+        var value = e.currentTarget.value;
+        this.isOnComposition || (onChange && onChange(e));
+        this.setState({
+            value: value
+        });
+    };
+    InputInner.prototype.handleKeyDown = function (e) {
+        var onKeyDown = this.props.onKeyDown;
+        if (this.isOnComposition) {
+            return;
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    };
+    InputInner.prototype.render = function () {
+        var _a = this.props, forwardedRef = _a.forwardedRef, testIdBuilder = _a.testIdBuilder, rest = __rest(_a, ["forwardedRef", "testIdBuilder"]);
+        return (React__default.createElement("input", __assign({ type: "text" }, rest, { value: this.state.value, ref: forwardedRef, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onCompositionStart: this.handleComposition, onCompositionUpdate: this.handleComposition, onCompositionEnd: this.handleComposition }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId())));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputInner.prototype, "handleComposition", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputInner.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputInner.prototype, "handleKeyDown", null);
+    return InputInner;
+}(React__default.Component));
+var Input = React__default.forwardRef(function (props, ref) {
+    return React__default.createElement(InputInner, __assign({}, props, { forwardedRef: ref }));
+});
+
+export { Input as default };

package/esm/components/InputBox.js

@@ -0,0 +1,99 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { ucFirst, autobind, themeable } from 'amis-rev-core';
+import Input from './Input.js';
+import { Icon } from './icons.js';
+
+var InputBox = /** @class */ (function (_super) {
+    __extends(InputBox, _super);
+    function InputBox() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            isFocused: false
+        };
+        return _this;
+    }
+    InputBox.prototype.clearValue = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        var onClear = this.props.onClear;
+        var onChange = this.props.onChange;
+        onClear === null || onClear === void 0 ? void 0 : onClear(e);
+        onChange === null || onChange === void 0 ? void 0 : onChange('');
+    };
+    InputBox.prototype.handleChange = function (e) {
+        var onChange = this.props.onChange;
+        onChange && onChange(e.currentTarget ? e.currentTarget.value : e);
+    };
+    InputBox.prototype.handleFocus = function (e) {
+        var onFocus = this.props.onFocus;
+        onFocus && onFocus(e);
+        this.setState({
+            isFocused: true
+        });
+    };
+    InputBox.prototype.handleBlur = function (e) {
+        var onBlur = this.props.onBlur;
+        onBlur && onBlur(e);
+        this.setState({
+            isFocused: false
+        });
+    };
+    InputBox.prototype.render = function () {
+        var _a;
+        var _b, _c;
+        var _d = this.props, className = _d.className, cx = _d.classnames; _d.classPrefix; var clearable = _d.clearable, disabled = _d.disabled, hasError = _d.hasError, value = _d.value, blurValue = _d.blurValue, placeholder = _d.placeholder, result = _d.prefix, children = _d.children, borderMode = _d.borderMode, onClick = _d.onClick, mobileUI = _d.mobileUI, testIdBuilder = _d.testIdBuilder, inputRender = _d.inputRender, dataName = _d.dataName, rest = __rest(_d, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "value", "blurValue", "placeholder", "prefix", "children", "borderMode", "onClick", "mobileUI", "testIdBuilder", "inputRender", "dataName"]);
+        var isFocused = this.state.isFocused;
+        return (React__default.createElement("div", { className: cx('InputBox', className, (_a = {
+                    'is-mobile': mobileUI,
+                    'is-focused': isFocused,
+                    'is-disabled': disabled,
+                    'is-error': hasError,
+                    'is-clickable': onClick
+                },
+                _a["InputBox--border".concat(ucFirst(borderMode))] = borderMode,
+                _a)), onClick: onClick, "data-amis-name": dataName },
+            result,
+            typeof inputRender === 'function' ? (inputRender(__assign(__assign(__assign({}, rest), { value: value !== null && value !== void 0 ? value : '', onChange: this.handleChange, placeholder: placeholder, onFocus: this.handleFocus, onBlur: this.handleBlur, disabled: disabled }), testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()))) : (React__default.createElement(Input, __assign({}, rest, { value: (_c = (_b = (isFocused ? undefined : blurValue)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : '', onChange: this.handleChange, placeholder: placeholder, onFocus: this.handleFocus, onBlur: this.handleBlur, size: 12, disabled: disabled }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()))),
+            clearable && !disabled && value ? (React__default.createElement("a", { onClick: this.clearValue, className: cx('InputBox-clear') },
+                React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
+            children));
+    };
+    InputBox.defaultProps = {
+        clearable: true,
+        placeholder: ''
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputBox.prototype, "clearValue", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputBox.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputBox.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], InputBox.prototype, "handleBlur", null);
+    return InputBox;
+}(React__default.Component));
+var InputBox$1 = themeable(InputBox);
+
+export { InputBox, InputBox$1 as default };

package/esm/components/InputBoxWithSuggestion.js

@@ -0,0 +1,70 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { findDomCompat, themeable, localeable } from 'amis-rev-core';
+import { matchSorter } from 'match-sorter';
+import { PopOverContainer } from './PopOverContainer.js';
+import SearchBox from './SearchBox.js';
+import GroupedSelection from './GroupedSelection.js';
+import InputBox from './InputBox.js';
+import { Icon } from './icons.js';
+
+var option2value = function (item) { return item.value; };
+var InputBoxWithSuggestion = /** @class */ (function (_super) {
+    __extends(InputBoxWithSuggestion, _super);
+    function InputBoxWithSuggestion(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            searchText: ''
+        };
+        _this.onSearch = _this.onSearch.bind(_this);
+        _this.filterOptions = _this.filterOptions.bind(_this);
+        return _this;
+    }
+    InputBoxWithSuggestion.prototype.onSearch = function (text) {
+        var txt = text.toLowerCase();
+        this.setState({ searchText: txt });
+    };
+    InputBoxWithSuggestion.prototype.filterOptions = function (options) {
+        var _this = this;
+        return this.props.value
+            ? matchSorter(options, this.props.value, {
+                keys: ['label', 'value'],
+                threshold: matchSorter.rankings.CONTAINS
+            }).filter(function (item) { return item.value !== _this.props.value; })
+            : options;
+    };
+    // 选了值，还原options
+    InputBoxWithSuggestion.prototype.onPopClose = function (e, onClose) {
+        this.setState({ searchText: '' });
+        onClose();
+    };
+    InputBoxWithSuggestion.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, cx = _a.classnames, disabled = _a.disabled; _a.translate; var searchable = _a.searchable, popOverContainer = _a.popOverContainer, clearable = _a.clearable, hasError = _a.hasError, mobileUI = _a.mobileUI, className = _a.className;
+        var options = this.filterOptions(Array.isArray(this.props.options) ? this.props.options : []);
+        return (React__default.createElement(PopOverContainer, { show: !!options.length, popOverContainer: popOverContainer || (function () { return findDomCompat(_this); }), popOverRender: function (_a) {
+                var onClose = _a.onClose;
+                return (React__default.createElement(React__default.Fragment, null,
+                    searchable ? (React__default.createElement(SearchBox, { mini: false, onSearch: _this.onSearch })) : null,
+                    React__default.createElement(GroupedSelection, { multiple: false, onClick: function (e) { return _this.onPopClose(e, onClose); }, options: options, value: [value], option2value: option2value, onChange: function (value) {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+                        } })));
+            } }, function (_a) {
+            var _b;
+            var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
+            return (React__default.createElement(InputBox, { className: cx('InputBox--sug', className, isOpened ? 'is-active' : ''), ref: ref, placeholder: placeholder, disabled: disabled, value: value, blurValue: (_b = (Array.isArray(_this.props.options)
+                    ? _this.props.options
+                    : []).find(function (o) { return o.value === value; })) === null || _b === void 0 ? void 0 : _b.label, onChange: onChange, clearable: clearable, onClick: onClick, hasError: hasError, mobileUI: mobileUI }, options.length ? (React__default.createElement("span", { className: cx('InputBox-caret') },
+                React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
+        }));
+    };
+    return InputBoxWithSuggestion;
+}(React__default.Component));
+var InputBoxWithSuggestion$1 = themeable(localeable(InputBoxWithSuggestion));
+
+export { InputBoxWithSuggestion, InputBoxWithSuggestion$1 as default };

package/esm/components/InputJSONSchema.d.ts

@@ -0,0 +1,2 @@
+import InputJSONSchema from './json-schema';
+export default InputJSONSchema;

package/esm/components/InputJSONSchema.js

@@ -0,0 +1,7 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import InputJSONSchema from './json-schema/index.js';
+export { default } from './json-schema/index.js';