amis-ui 3.2.0 → 3.3.0

package/lib/components/TransferDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,16 +10,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amisCore = require('amis-core');
 var Transfer = require('./Transfer.js');
-var React = require('react');
+require('react');
 var ResultBox = require('./ResultBox.js');
 var icons = require('./icons.js');
 var InputBox = require('./InputBox.js');
 var PopOverContainer = require('./PopOverContainer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TransferDropDown = /** @class */ (function (_super) {
     tslib.__extends(TransferDropDown, _super);
     function TransferDropDown(props) {
@@ -65,20 +64,20 @@ var TransferDropDown = /** @class */ (function (_super) {
         var _a = this.props, cx = _a.classnames, value = _a.value, itemRender = _a.itemRender, __ = _a.translate, disabled = _a.disabled, clearable = _a.clearable, className = _a.className, onChange = _a.onChange, onSearch = _a.onSearch, multiple = _a.multiple, borderMode = _a.borderMode, useMobileUI = _a.useMobileUI, popOverContainer = _a.popOverContainer, placeholder = _a.placeholder, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover; _a.itemHeight; _a.virtualThreshold; var showInvalidMatch = _a.showInvalidMatch, overlay = _a.overlay;
         var _b = this.state, inputValue = _b.inputValue, searchResult = _b.searchResult;
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return (React__default["default"].createElement(PopOverContainer.PopOverContainer, { onAfterHide: this.handleAfterPopoverHide, useMobileUI: useMobileUI, popOverContainer: popOverContainer, overlayWidth: overlay && (overlay === null || overlay === void 0 ? void 0 : overlay.width), align: overlay && (overlay === null || overlay === void 0 ? void 0 : overlay.align), popOverClassName: cx('TransferDropDown-popover'), showConfirm: true, onConfirm: this.onConfirm, popOverRender: function (_a) {
+        return (_J$X_(PopOverContainer.PopOverContainer, { onAfterHide: this.handleAfterPopoverHide, useMobileUI: useMobileUI, popOverContainer: popOverContainer, overlayWidth: overlay && (overlay === null || overlay === void 0 ? void 0 : overlay.width), align: overlay && (overlay === null || overlay === void 0 ? void 0 : overlay.align), popOverClassName: cx('TransferDropDown-popover'), showConfirm: true, onConfirm: this.onConfirm, popOverRender: function (_a) {
                 var onClose = _a.onClose;
-                return (React__default["default"].createElement("div", { className: cx('TransferDropDown-content', {
+                return (_J$X_("div", { className: cx('TransferDropDown-content', {
                         'is-mobile': mobileUI
                     }) },
-                    onSearch ? (React__default["default"].createElement("div", { className: cx('Transfer-search') },
-                        React__default["default"].createElement(InputBox["default"], { value: inputValue, onChange: _this.handleSearch, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown, useMobileUI: true }, searchResult !== null ? (React__default["default"].createElement("a", { onClick: _this.handleSeachCancel },
-                            React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" }))) : (React__default["default"].createElement(icons.Icon, { icon: "search", className: "icon" }))))) : null,
+                    onSearch ? (_J$X_("div", { className: cx('Transfer-search') },
+                        _J$X_(InputBox["default"], { value: inputValue, onChange: _this.handleSearch, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown, useMobileUI: true }, searchResult !== null ? (_J$X_("a", { onClick: _this.handleSeachCancel },
+                            _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : (_J$X_(icons.Icon, { icon: "search", className: "icon" }))))) : null,
                     searchResult !== null
                         ? _this.renderSearchResult(tslib.__assign(tslib.__assign({}, _this.props), { value: _this.state.tempValue, onChange: function (value) { return _this.handleChange(value, onClose); }, multiple: multiple }))
                         : _this.renderOptions(tslib.__assign(tslib.__assign({}, _this.props), { value: _this.state.tempValue, onChange: function (value) { return _this.handleChange(value, onClose); }, multiple: multiple }))));
             } }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
-            return (React__default["default"].createElement(ResultBox["default"], { className: cx('TransferDropDown', className, isOpened ? 'is-opened' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, popOverContainer: popOverContainer, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI, hasDropDownArrow: !mobileUI, showInvalidMatch: showInvalidMatch }));
+            return (_J$X_(ResultBox["default"], { className: cx('TransferDropDown', className, isOpened ? 'is-opened' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, popOverContainer: popOverContainer, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI, hasDropDownArrow: !mobileUI, showInvalidMatch: showInvalidMatch }));
         }));
     };
     tslib.__decorate([

package/lib/components/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TransferPicker = /** @class */ (function (_super) {
     tslib.__extends(TransferPicker, _super);
     function TransferPicker() {
@@ -43,9 +46,9 @@ var TransferPicker = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, borderMode = _a.borderMode, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, useMobileUI = _a.useMobileUI, popOverContainer = _a.popOverContainer, rest = tslib.__rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "borderMode", "labelField", "useMobileUI", "popOverContainer"]);
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return (React__default["default"].createElement(PickerContainer["default"], { title: __('Select.placeholder'), onFocus: this.onFoucs, onClose: this.onBlur, useMobileUI: useMobileUI, popOverContainer: popOverContainer, bodyRender: function (_a) {
+        return (_J$X_(PickerContainer["default"], { title: __('Select.placeholder'), onFocus: this.onFoucs, onClose: this.onBlur, useMobileUI: useMobileUI, popOverContainer: popOverContainer, bodyRender: function (_a) {
                 _a.onClose; var value = _a.value, onChange = _a.onChange, setState = _a.setState, states = tslib.__rest(_a, ["onClose", "value", "onChange", "setState"]);
-                return (React__default["default"].createElement(Transfer["default"], tslib.__assign({ useMobileUI: useMobileUI }, rest, states, { value: value, labelField: labelField, onChange: function (value, optionModified) {
+                return (_J$X_(Transfer["default"], tslib.__assign({ useMobileUI: useMobileUI }, rest, states, { value: value, labelField: labelField, onChange: function (value, optionModified) {
                         if (optionModified) {
                             var options = amisCore.mapTree(rest.options, function (item) {
                                 return (value.find(function (a) { return a.value === item.value; }) || item);
@@ -59,8 +62,8 @@ var TransferPicker = /** @class */ (function (_super) {
                     } })));
             }, value: value, onConfirm: this.handleConfirm, size: size }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (React__default["default"].createElement(ResultBox["default"], { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, borderMode: borderMode, itemRender: function (option) { return (React__default["default"].createElement("span", null, (option && option[labelField]) || 'undefined')); }, useMobileUI: useMobileUI }, !mobileUI ? (React__default["default"].createElement("span", { className: cx('TransferPicker-icon') },
-                React__default["default"].createElement(icons.Icon, { icon: "pencil", className: "icon" }))) : null));
+            return (_J$X_(ResultBox["default"], { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, borderMode: borderMode, itemRender: function (option) { return (_J$X_("span", null, (option && option[labelField]) || 'undefined')); }, useMobileUI: useMobileUI }, !mobileUI ? (_J$X_("span", { className: cx('TransferPicker-icon') },
+                _J$X_(icons.Icon, { icon: "pencil", className: "icon" }))) : null));
         }));
     };
     tslib.__decorate([

package/lib/components/TransferSearch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var _ = require('lodash');
+var debounce = require('lodash/debounce');
 var amisCore = require('amis-core');
 var icons = require('./icons.js');
 var InputBox = require('./InputBox.js');
@@ -17,7 +17,11 @@ var InputBox = require('./InputBox.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TransferSearch = /** @class */ (function (_super) {
     tslib.__extends(TransferSearch, _super);
     function TransferSearch() {
@@ -25,7 +29,7 @@ var TransferSearch = /** @class */ (function (_super) {
         _this.state = {
             inputValue: ''
         };
-        _this.lazySearch = _.debounce(function () {
+        _this.lazySearch = debounce__default["default"](function () {
             var inputValue = _this.state.inputValue;
             // 防止由于防抖导致空值问题
             if (!inputValue) {
@@ -68,9 +72,9 @@ var TransferSearch = /** @class */ (function (_super) {
     TransferSearch.prototype.render = function () {
         var _a = this.props, cx = _a.classnames; _a.translate; var placeholder = _a.placeholder;
         var inputValue = this.state.inputValue;
-        return (React__default["default"].createElement("div", { className: cx('Transfer-search') },
-            React__default["default"].createElement(InputBox["default"], { value: inputValue, onChange: this.handleSearch, clearable: false, onKeyDown: this.handleSearchKeyDown, placeholder: placeholder, useMobileUI: true }, !!inputValue ? (React__default["default"].createElement("a", { onClick: this.handleSeachCancel },
-                React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" }))) : (React__default["default"].createElement(icons.Icon, { icon: "search", className: "icon" })))));
+        return (_J$X_("div", { className: cx('Transfer-search') },
+            _J$X_(InputBox["default"], { value: inputValue, onChange: this.handleSearch, clearable: false, onKeyDown: this.handleSearchKeyDown, placeholder: placeholder, useMobileUI: true }, !!inputValue ? (_J$X_("a", { onClick: this.handleSeachCancel },
+                _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : (_J$X_(icons.Icon, { icon: "search", className: "icon" })))));
     };
     tslib.__decorate([
         amisCore.autobind,