amis-rev-ui 6.13.0

package/esm/components/BaiduMapPicker.js

@@ -0,0 +1,366 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { uuid, loadScript, autobind, themeable } from 'amis-rev-core';
+import debounce from 'lodash/debounce';
+import { Icon } from './icons.js';
+
+var COORDINATES_GCJ02 = 3;
+var COORDINATES_BD09 = 5;
+// 记录百度地图SDK加载状态
+var BMapLoadingPromise = null;
+var BaiduMapPicker = /** @class */ (function (_super) {
+    __extends(BaiduMapPicker, _super);
+    function BaiduMapPicker() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            inputValue: '',
+            locs: [],
+            locIndex: -1,
+            sugs: [],
+            innerValue: _this.props.value // 内部定位的值，用于内部更新地图定位点
+        };
+        _this.id = uuid();
+        _this.mapRef = React__default.createRef();
+        _this.search = debounce(function () {
+            var _a;
+            if (_this.state.inputValue) {
+                (_a = _this.ac) === null || _a === void 0 ? void 0 : _a.search(_this.state.inputValue);
+            }
+            else {
+                _this.setState({
+                    sugs: []
+                });
+            }
+        }, 250, {
+            trailing: true,
+            leading: false
+        });
+        return _this;
+    }
+    BaiduMapPicker.prototype.componentDidMount = function () {
+        if (window.BMap) {
+            this.initMap();
+        }
+        else if (BMapLoadingPromise) {
+            BMapLoadingPromise.then(this.initMap).then(function () {
+                BMapLoadingPromise = null;
+            });
+        }
+        else {
+            BMapLoadingPromise = loadScript("//api.map.baidu.com/api?v=3.0&ak=".concat(this.props.ak, "&callback={{callback}}"));
+            BMapLoadingPromise.then(this.initMap).then(function () {
+                BMapLoadingPromise = null;
+            });
+        }
+    };
+    BaiduMapPicker.prototype.componentWillUnmount = function () {
+        var _a, _b;
+        (_b = (_a = this.ac) === null || _a === void 0 ? void 0 : _a.dispose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.placeholderInput && document.body.removeChild(this.placeholderInput);
+        delete this.placeholderInput;
+        delete this.map;
+    };
+    BaiduMapPicker.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var _this = this;
+        // 值更新后需要重绘地图
+        if (prevProps.value !== this.props.value) {
+            this.setState({
+                innerValue: this.props.value
+            });
+        }
+        else if (this.state.innerValue !== prevState.innerValue &&
+            this.state.innerValue &&
+            this.map) {
+            this.map.clearOverlays();
+            var value = this.state.innerValue;
+            var point = value
+                ? new BMap.Point(value.lng, value.lat)
+                : new BMap.Point(116.404, 39.915);
+            var zoom_1 = (value === null || value === void 0 ? void 0 : value.zoom) || 15;
+            if (this.props.coordinatesType == 'gcj02') {
+                this.covertPoint(point, COORDINATES_GCJ02, COORDINATES_BD09).then(function (point) { return _this.map.centerAndZoom(point, zoom_1); });
+            }
+            else {
+                this.map.centerAndZoom(point, zoom_1);
+            }
+            var mk = new BMap.Marker(point);
+            // 增加定位点
+            this.map.addOverlay(mk);
+            // 移动到中心
+            this.map.panTo(point);
+        }
+    };
+    BaiduMapPicker.prototype.initMap = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var autoSelectCurrentLoc, map, value, point, zoom, geolocationControl, input;
+            var _this = this;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        autoSelectCurrentLoc = (_a = this.props.autoSelectCurrentLoc) !== null && _a !== void 0 ? _a : false;
+                        map = new BMap.Map(this.mapRef.current, {
+                            enableMapClick: false
+                        });
+                        this.map = map;
+                        this.convertor = new BMap.Convertor();
+                        value = this.props.value;
+                        point = value
+                            ? new BMap.Point(value.lng, value.lat)
+                            : new BMap.Point(116.404, 39.915);
+                        zoom = (value === null || value === void 0 ? void 0 : value.zoom) || 15;
+                        if (!(this.props.coordinatesType == 'gcj02')) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.covertPoint(point, COORDINATES_GCJ02, COORDINATES_BD09)];
+                    case 1:
+                        point = _b.sent();
+                        map.centerAndZoom(point, zoom);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        map.centerAndZoom(point, zoom);
+                        _b.label = 3;
+                    case 3:
+                        if (!this.props.hideViewControl) {
+                            map.addControl(
+                            // @ts-ignore
+                            new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTROL_SMALL }));
+                        }
+                        geolocationControl = new BMap.GeolocationControl();
+                        geolocationControl.addEventListener('locationSuccess', function (e) {
+                            _this.getLocations(e.point, autoSelectCurrentLoc);
+                        });
+                        if (this.props.showGeoLoc === true) {
+                            map.addControl(geolocationControl);
+                        }
+                        map.addEventListener('click', function (e) {
+                            if (_this.props.onlySelectCurrentLoc) {
+                                return;
+                            }
+                            _this.getLocations(e.point, true);
+                        });
+                        input = document.createElement('input');
+                        input.className = 'invisible';
+                        this.placeholderInput = input;
+                        document.body.appendChild(input);
+                        this.ac = new BMap.Autocomplete({
+                            input: input,
+                            location: map,
+                            onSearchComplete: function (result) {
+                                // 说明已经销毁了。
+                                if (!_this.map) {
+                                    return;
+                                }
+                                var sugs = [];
+                                var poiLength = result.getNumPois();
+                                if (poiLength) {
+                                    for (var i = 0; i < poiLength; i++) {
+                                        var poi = result.getPoi(i);
+                                        if (poi) {
+                                            sugs.push([
+                                                poi.province,
+                                                poi.city,
+                                                poi.district,
+                                                poi.street,
+                                                poi.business
+                                            ].join(' '));
+                                        }
+                                    }
+                                    _this.setState({
+                                        sugs: sugs
+                                    });
+                                }
+                            }
+                        });
+                        value ? this.getLocations(point) : geolocationControl.location();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    BaiduMapPicker.prototype.getLocations = function (point, selectCurrentLoc) {
+        var _this = this;
+        var map = this.map;
+        map.clearOverlays();
+        var mk = new BMap.Marker(point);
+        map.addOverlay(mk);
+        map.panTo(point);
+        var geoc = new BMap.Geocoder();
+        geoc.getLocation(point, function (rs) {
+            // 说明已经销毁了。
+            if (!_this.map) {
+                return;
+            }
+            var index = 0;
+            var locs = [];
+            locs.push({
+                title: '当前位置',
+                address: rs.address,
+                city: rs.addressComponents.city,
+                lat: rs.point.lat,
+                lng: rs.point.lng
+            });
+            if (Array.isArray(rs.surroundingPois)) {
+                rs.surroundingPois.forEach(function (item) {
+                    locs.push({
+                        title: item.title,
+                        address: item.address,
+                        city: item.city,
+                        lat: item.point.lat,
+                        lng: item.point.lng
+                    });
+                });
+            }
+            _this.setState({
+                locIndex: index,
+                locs: locs
+            }, function () {
+                if (!selectCurrentLoc) {
+                    return;
+                }
+                _this.triggerOnChange(locs[0]);
+            });
+        });
+    };
+    BaiduMapPicker.prototype.handleChange = function (e) {
+        this.setState({
+            inputValue: e.currentTarget.value
+        }, this.search);
+    };
+    BaiduMapPicker.prototype.handleSelect = function (e) {
+        var _this = this;
+        var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+        var loc = this.state.locs[index];
+        this.setState({
+            locIndex: index,
+            innerValue: loc
+        }, function () {
+            _this.triggerOnChange(loc);
+        });
+    };
+    BaiduMapPicker.prototype.covertPoint = function (point, from, to) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            _this.convertor.translate([point], from, to, function (res) {
+                if (res.status === 0 && res.points.length) {
+                    resolve(new BMap.Point(res.points[0].lng, res.points[0].lat));
+                }
+                else {
+                    reject();
+                }
+            });
+        });
+    };
+    BaiduMapPicker.prototype.triggerOnChange = function (loc) {
+        var _this = this;
+        var _a, _b;
+        var point = new BMap.Point(loc.lng, loc.lat);
+        if (this.props.coordinatesType == 'gcj02') {
+            this.covertPoint(point, COORDINATES_BD09, COORDINATES_GCJ02).then(function (convertedPoint) {
+                var _a;
+                typeof ((_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === 'function' &&
+                    _this.props.onChange({
+                        address: loc.address.trim() || loc.title,
+                        lat: convertedPoint.lat,
+                        lng: convertedPoint.lng,
+                        city: loc.city
+                    });
+            });
+        }
+        else {
+            typeof ((_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === 'function' &&
+                ((_b = this.props) === null || _b === void 0 ? void 0 : _b.onChange({
+                    address: loc.address.trim() || loc.title,
+                    lat: loc.lat,
+                    lng: loc.lng,
+                    city: loc.city
+                }));
+        }
+    };
+    BaiduMapPicker.prototype.handleSugSelect = function (e) {
+        var _this = this;
+        var value = e.currentTarget.innerText;
+        this.setState({
+            inputValue: value
+        });
+        var local = new BMap.LocalSearch(this.map, {
+            // 智能搜索
+            onSearchComplete: function () {
+                var results = local.getResults();
+                var poi = results.getPoi(0);
+                _this.setState({
+                    inputValue: poi === null || poi === void 0 ? void 0 : poi.title,
+                    sugs: []
+                });
+                _this.getLocations(poi === null || poi === void 0 ? void 0 : poi.point, true);
+            }
+        });
+        local.search(value);
+    };
+    BaiduMapPicker.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var _c = this.props, cx = _c.classnames, mapStyle = _c.mapStyle, placeholder = _c.placeholder;
+        var onlySelectCurrentLoc = (_a = this.props.onlySelectCurrentLoc) !== null && _a !== void 0 ? _a : false;
+        var _d = this.state, locIndex = _d.locIndex, locs = _d.locs, inputValue = _d.inputValue, sugs = _d.sugs;
+        var showSug = (_b = this.props.showSug) !== null && _b !== void 0 ? _b : true;
+        var hasSug = Array.isArray(sugs) && sugs.length;
+        return (React__default.createElement("div", { className: cx('MapPicker') },
+            !onlySelectCurrentLoc && (React__default.createElement("div", { className: cx('MapPicker-search TextControl-control') },
+                React__default.createElement("div", { className: cx('TextControl-input') },
+                    React__default.createElement("input", { onChange: this.handleChange, value: inputValue, placeholder: placeholder || '搜索地点' })))),
+            React__default.createElement("div", { ref: this.mapRef, className: cx('MapPicker-map', {
+                    invisible: hasSug
+                }), style: mapStyle }),
+            !showSug ? null : (React__default.createElement("div", { className: cx('MapPicker-result', {
+                    invisible: hasSug
+                }) },
+                !onlySelectCurrentLoc &&
+                    locs.map(function (item, index) { return (React__default.createElement("div", { onClick: _this.handleSelect, key: index, "data-index": index, className: cx('MapPicker-item') },
+                        React__default.createElement("div", { className: cx('MapPicker-itemTitle') }, item.title),
+                        React__default.createElement("div", { className: cx('MapPicker-itemDesc') }, item.address),
+                        locIndex === index ? (React__default.createElement(Icon, { icon: "success", className: "icon" })) : null)); }),
+                onlySelectCurrentLoc && locs.length > 0 && (React__default.createElement("div", { onClick: this.handleSelect, key: "locs-current", "data-index": 0, className: cx('MapPicker-item') },
+                    React__default.createElement("div", { className: cx('MapPicker-itemTitle') }, locs[0].title),
+                    React__default.createElement("div", { className: cx('MapPicker-itemDesc') }, locs[0].address),
+                    locIndex === 0 ? (React__default.createElement(Icon, { icon: "success", className: "icon" })) : null)))),
+            showSug && hasSug && !onlySelectCurrentLoc ? (React__default.createElement("div", { className: cx('MapPicker-sug') }, sugs.map(function (item) { return (React__default.createElement("div", { onClick: _this.handleSugSelect, className: cx('MapPicker-sugItem'), key: item }, item)); }))) : null));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Promise)
+    ], BaiduMapPicker.prototype, "initMap", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Boolean]),
+        __metadata("design:returntype", void 0)
+    ], BaiduMapPicker.prototype, "getLocations", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaiduMapPicker.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaiduMapPicker.prototype, "handleSelect", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], BaiduMapPicker.prototype, "handleSugSelect", null);
+    return BaiduMapPicker;
+}(React__default.Component));
+var BaiduMapPicker$1 = themeable(BaiduMapPicker);
+
+export { BaiduMapPicker, BaiduMapPicker$1 as default };

package/esm/components/BarCode.js

@@ -0,0 +1,42 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { themeable } from 'amis-rev-core';
+import JsBarcode from 'jsbarcode';
+
+/**
+ * @file 基于实现 bar code
+ */
+var BarCode = /** @class */ (function (_super) {
+    __extends(BarCode, _super);
+    function BarCode(props) {
+        var _this = _super.call(this, props) || this;
+        _this.dom = React__default.createRef();
+        return _this;
+    }
+    BarCode.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.value !== prevProps.value ||
+            JSON.stringify(this.props.options) !== JSON.stringify(prevProps.options)) {
+            this.renderBarCode();
+        }
+    };
+    BarCode.prototype.renderBarCode = function () {
+        if (this.dom.current) {
+            JsBarcode(this.dom.current, this.props.value, this.props.options);
+        }
+    };
+    BarCode.prototype.componentDidMount = function () {
+        this.renderBarCode();
+    };
+    BarCode.prototype.render = function () {
+        return React__default.createElement("img", { ref: this.dom });
+    };
+    return BarCode;
+}(React__default.Component));
+var BarCode$1 = themeable(BarCode);
+
+export { BarCode, BarCode$1 as default };

package/esm/components/Breadcrumb.js

@@ -0,0 +1,160 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __rest, __assign, __spreadArray, __read } from 'tslib';
+import React__default from 'react';
+import TooltipWrapper from './TooltipWrapper.js';
+import { removeHTMLTag, RootClose, themeable } from 'amis-rev-core';
+import { Icon } from './icons.js';
+
+/**
+ * @file Breadcrumb 面包屑
+ */
+/**
+ * Breadcrumb 面包屑类
+ */
+var Breadcrumb = /** @class */ (function (_super) {
+    __extends(Breadcrumb, _super);
+    function Breadcrumb() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Breadcrumb.prototype.render = function () {
+        var cx = this.props.classnames;
+        var _a = this.props, className = _a.className, style = _a.style, separatorClassName = _a.separatorClassName, items = _a.items, separator = _a.separator, testIdBuilder = _a.testIdBuilder, restProps = __rest(_a, ["className", "style", "separatorClassName", "items", "separator", "testIdBuilder"]);
+        var crumbsLength = items === null || items === void 0 ? void 0 : items.length;
+        if (!crumbsLength) {
+            return React__default.createElement("div", { className: cx('Breadcrumb', className) });
+        }
+        var crumbs = items
+            .map(function (item, index) {
+            var itemTestIdBuilder = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(item.label || index));
+            var itemPlace = 'middle';
+            if (index === 0) {
+                itemPlace = 'start';
+            }
+            if (index === crumbsLength - 1) {
+                itemPlace = 'end';
+            }
+            return (React__default.createElement(BreadcrumbItem, __assign({}, restProps, { item: item, itemPlace: itemPlace, key: index, testIdBuilder: itemTestIdBuilder })));
+        })
+            .reduce(function (prev, curr, index) { return [
+            prev,
+            React__default.createElement("span", { className: cx('Breadcrumb-separator', separatorClassName), key: "separator-".concat(index) }, separator),
+            curr
+        ]; });
+        return (React__default.createElement("div", { className: cx('Breadcrumb', className), style: style }, crumbs));
+    };
+    Breadcrumb.defaultProps = {
+        separator: '>',
+        labelMaxLength: 16,
+        tooltipPosition: 'top'
+    };
+    return Breadcrumb;
+}(React__default.Component));
+/**
+ * BreadcrumbItem 面包项类
+ */
+var BreadcrumbItem = /** @class */ (function (_super) {
+    __extends(BreadcrumbItem, _super);
+    function BreadcrumbItem() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            tooltipTrigger: ['hover', 'focus'],
+            tooltipRootClose: false,
+            isOpened: false
+        };
+        _this.domRef = function (ref) {
+            _this.target = ref;
+        };
+        _this.toogle = function (e) {
+            e.preventDefault();
+            _this.setState({
+                isOpened: !_this.state.isOpened
+            });
+        };
+        _this.close = function () {
+            _this.setState({
+                isOpened: false
+            });
+        };
+        return _this;
+    }
+    /**
+     * 渲染基础面包项
+     * @param showHref 是否显示超链接
+     * @param itemType 基础面包项类型
+     * @param item 面包项
+     * @param label 渲染文本
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderBreadcrumbBaseItem = function (showHref, itemType, item, label) {
+        var _a = this.props, itemClassName = _a.itemClassName, dropdownItemClassName = _a.dropdownItemClassName, cx = _a.classnames, testIdBuilder = _a.testIdBuilder;
+        var baseItemClassName = itemType === 'default' ? itemClassName : dropdownItemClassName;
+        if (showHref) {
+            return (React__default.createElement("a", __assign({ href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
+                item.icon ? (React__default.createElement(Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
+                React__default.createElement("span", { className: cx('TplField fr-view') }, label)));
+        }
+        return (React__default.createElement("span", __assign({ className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
+            item.icon ? (React__default.createElement(Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
+            React__default.createElement("span", { className: cx('TplField fr-view') }, label)));
+    };
+    /**
+     * 渲染基础面包项完整节点
+     * @param item 面包项
+     * @param tooltipPosition 浮窗提示位置
+     * @param itemPlace 面包香所在相对位置
+     * @param itemType 基础面包项类型
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderBreadcrumbNode = function (item, tooltipPosition, itemPlace, itemType) {
+        if (tooltipPosition === void 0) { tooltipPosition = 'top'; }
+        var _a = this.props, labelMaxLength = _a.labelMaxLength, tooltipContainer = _a.tooltipContainer;
+        var _b = this.state, tooltipTrigger = _b.tooltipTrigger, tooltipRootClose = _b.tooltipRootClose;
+        var pureLabel = item.label ? removeHTMLTag(item.label) : '';
+        // 限制最大展示长度的最小值
+        var maxLength = labelMaxLength && +labelMaxLength > 1 ? +labelMaxLength : 1;
+        // 面包项相对位置为 middle ，且超过最大展示长度的面包项，进行缩略展示，并使用浮窗提示
+        if (pureLabel.length > maxLength && itemPlace === 'middle') {
+            return (React__default.createElement(TooltipWrapper, { tooltip: pureLabel, placement: tooltipPosition, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose }, this.renderBreadcrumbBaseItem(true, itemType, item, pureLabel.substring(0, maxLength) + '...')));
+        }
+        var showHref = !item.href || itemPlace === 'end';
+        return this.renderBreadcrumbBaseItem(!showHref, itemType, item, pureLabel);
+    };
+    /**
+     * 渲染下拉菜单节点
+     * @param dropdown 面包项下拉菜单
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderDropdownNode = function (dropdown) {
+        var _this = this;
+        var _a = this.props, dropdownClassName = _a.dropdownClassName, cx = _a.classnames;
+        return (React__default.createElement(RootClose, { disabled: !this.state.isOpened, onRootClose: this.close }, function (ref) {
+            return (React__default.createElement("ul", { className: cx('Breadcrumb-dropdown', dropdownClassName), onClick: _this.close, ref: ref }, Array.isArray(dropdown) &&
+                dropdown.map(function (menuItem, index) {
+                    return (React__default.createElement("li", { key: 'dropdown-item' + index }, _this.renderBreadcrumbNode(menuItem, 'right', 'middle', 'dropdown')));
+                })));
+        }));
+    };
+    BreadcrumbItem.prototype.render = function () {
+        var _a = this.props, item = _a.item, itemPlace = _a.itemPlace, tooltipPosition = _a.tooltipPosition, cx = _a.classnames;
+        var dropdown = item.dropdown, restItemProps = __rest(item, ["dropdown"]);
+        return (React__default.createElement("span", { className: cx('Breadcrumb-item', {
+                'is-opened': this.state.isOpened
+            }, {
+                'Breadcrumb-item-last': itemPlace === 'end'
+            }), ref: this.domRef },
+            this.renderBreadcrumbNode(__assign({}, restItemProps), tooltipPosition, itemPlace, 'default'),
+            dropdown ? (React__default.createElement("span", { onClick: this.toogle, className: cx('Breadcrumb-item-caret') },
+                React__default.createElement(Icon, { icon: "down", className: "icon" }))) : null,
+            dropdown && this.state.isOpened
+                ? this.renderDropdownNode(dropdown)
+                : null));
+    };
+    return BreadcrumbItem;
+}(React__default.Component));
+var Breadcrumb$1 = themeable(Breadcrumb);
+
+export { Breadcrumb, BreadcrumbItem, Breadcrumb$1 as default };

package/esm/components/Button.js

@@ -0,0 +1,64 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __rest, __assign } from 'tslib';
+import React__default from 'react';
+import TooltipWrapper from './TooltipWrapper.js';
+import { pickEventsProps, themeable } from 'amis-rev-core';
+import Spinner from './Spinner.js';
+
+/**
+ * @file Button
+ * @author fex
+ */
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Button.prototype.renderButton = function () {
+        var _a, _b;
+        var _c = this.props, level = _c.level, _d = _c.size, size = _d === void 0 ? 'default' : _d, disabled = _c.disabled, className = _c.className, style = _c.style, title = _c.title, Comp = _c.componentClass, cx = _c.classnames, children = _c.children; _c.disabledTip; var block = _c.block, type = _c.type, active = _c.active, iconOnly = _c.iconOnly, href = _c.href, loading = _c.loading, loadingClassName = _c.loadingClassName, overrideClassName = _c.overrideClassName, loadingConfig = _c.loadingConfig, testIdBuilder = _c.testIdBuilder, tabIndex = _c.tabIndex, rest = __rest(_c, ["level", "size", "disabled", "className", "style", "title", "componentClass", "classnames", "children", "disabledTip", "block", "type", "active", "iconOnly", "href", "loading", "loadingClassName", "overrideClassName", "loadingConfig", "testIdBuilder", "tabIndex"]);
+        if (href) {
+            Comp = 'a';
+        }
+        else if ((Comp === 'button' && disabled) || loading) {
+            Comp = 'div';
+        }
+        return (React__default.createElement(Comp, __assign({ type: Comp === 'input' || Comp === 'button' ? type : undefined }, pickEventsProps(rest), { onClick: rest.onClick && (disabled || loading) ? function () { } : rest.onClick, href: href }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { className: cx(overrideClassName
+                ? ''
+                : (_a = {
+                        'Button': true
+                    },
+                    _a["Button--".concat(level)] = level,
+                    _a["Button--size-".concat(size)] = size,
+                    _a["Button--block"] = block,
+                    _a["Button--iconOnly"] = iconOnly,
+                    _a['is-disabled'] = disabled,
+                    _a['is-active'] = active,
+                    _a['is-loading'] = loading,
+                    _a), className), style: style, title: title, disabled: disabled, tabIndex: tabIndex }),
+            loading && !disabled && (React__default.createElement(Spinner, { loadingConfig: loadingConfig, size: "sm", show: true, icon: "loading-outline", className: cx(overrideClassName
+                    ? ''
+                    : (_b = {}, _b["Button--loading Button--loading--".concat(level)] = level, _b), loadingClassName) })),
+            children));
+    };
+    Button.prototype.render = function () {
+        var _a = this.props, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, tooltipContainer = _a.tooltipContainer, tooltipTrigger = _a.tooltipTrigger, tooltipRootClose = _a.tooltipRootClose, disabled = _a.disabled, disabledTip = _a.disabledTip; _a.classnames;
+        return (React__default.createElement(TooltipWrapper, { placement: tooltipPlacement, tooltip: disabled ? disabledTip : tooltip, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose }, this.renderButton()));
+    };
+    Button.defaultProps = {
+        componentClass: 'button',
+        level: 'default',
+        type: 'button',
+        tooltipPlacement: 'top',
+        tooltipTrigger: ['hover', 'focus'],
+        tooltipRootClose: false
+    };
+    return Button;
+}(React__default.Component));
+var Button$1 = themeable(Button);
+
+export { Button, Button$1 as default };