amis 2.3.1 → 2.4.0

package/lib/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -15,6 +15,7 @@ var matchSorter = require('match-sorter');
 var debouce = require('lodash/debounce');
 var find = require('lodash/find');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -147,43 +148,96 @@ var TextControl = /** @class */ (function (_super) {
         onChange(this.normalizeValue(newValue));
     };
     TextControl.prototype.handleClick = function () {
-        // 已经 focus 的就不重复执行，否则总重新定位光标
-        this.state.isFocused || this.focus();
-        this.setState({
-            isOpen: true
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var _a, dispatchEvent, value, rendererEvent;
+            return tslib.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value;
+                        return [4 /*yield*/, dispatchEvent('click', amisCore.resolveEventData(this.props, {
+                                value: value
+                            }, 'value'))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        // 已经 focus 的就不重复执行，否则总重新定位光标
+                        this.state.isFocused || this.focus();
+                        this.setState({
+                            isOpen: true
+                        });
+                        return [2 /*return*/];
+                }
+            });
         });
     };
     TextControl.prototype.handleFocus = function (e) {
-        this.setState({
-            isOpen: true,
-            isFocused: true
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var _a, dispatchEvent, onFocus, value, rendererEvent;
+            return tslib.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, onFocus = _a.onFocus, value = _a.value;
+                        this.setState({
+                            isOpen: true,
+                            isFocused: true
+                        });
+                        return [4 /*yield*/, dispatchEvent('focus', amisCore.resolveEventData(this.props, {
+                                value: value
+                            }, 'value'))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                        return [2 /*return*/];
+                }
+            });
         });
-        this.props.onFocus && this.props.onFocus(e);
     };
     TextControl.prototype.handleBlur = function (e) {
-        var _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange;
-        this.setState({
-            isFocused: false
-        }, function () {
-            if (trimContents && value && typeof value === 'string') {
-                onChange(value.trim());
-            }
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var _a, onBlur, trimContents, value, onChange, dispatchEvent, rendererEvent;
+            return tslib.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
+                        this.setState({
+                            isFocused: false
+                        }, function () {
+                            if (trimContents && value && typeof value === 'string') {
+                                onChange(value.trim());
+                            }
+                        });
+                        return [4 /*yield*/, dispatchEvent('blur', amisCore.resolveEventData(this.props, {
+                                value: value
+                            }, 'value'))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onBlur && onBlur(e);
+                        return [2 /*return*/];
+                }
+            });
         });
-        onBlur && onBlur(e);
     };
     TextControl.prototype.handleInputChange = function (evt) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var value, _a, creatable, multiple, onChange, dispatcher;
+            var value, _a, creatable, multiple, onChange, dispatchEvent, rendererEvent;
             var _this = this;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         value = this.transformValue(evt.currentTarget.value);
-                        _a = this.props, creatable = _a.creatable, multiple = _a.multiple, onChange = _a.onChange;
-                        return [4 /*yield*/, amisCore.rendererEventDispatcher(this.props, 'change', { value: value })];
+                        _a = this.props, creatable = _a.creatable, multiple = _a.multiple, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
+                        return [4 /*yield*/, dispatchEvent('change', amisCore.resolveEventData(this.props, { value: value }, 'value'))];
                     case 1:
-                        dispatcher = _b.sent();
-                        if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
                         this.setState({
@@ -201,11 +255,11 @@ var TextControl = /** @class */ (function (_super) {
     };
     TextControl.prototype.handleKeyDown = function (evt) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, selectedOptions, onChange, multiple, creatable, newValue, value_1, newValue, dispatcher;
+            var _a, selectedOptions, onChange, multiple, creatable, dispatchEvent, newValue, value_1, newValue, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, selectedOptions = _a.selectedOptions, onChange = _a.onChange, multiple = _a.multiple, creatable = _a.creatable;
+                        _a = this.props, selectedOptions = _a.selectedOptions, onChange = _a.onChange, multiple = _a.multiple, creatable = _a.creatable, dispatchEvent = _a.dispatchEvent;
                         if (!(selectedOptions.length && !this.state.inputValue && evt.keyCode === 8)) return [3 /*break*/, 1];
                         evt.preventDefault();
                         newValue = selectedOptions.concat();
@@ -232,10 +286,10 @@ var TextControl = /** @class */ (function (_super) {
                             });
                             value_1 = this.normalizeValue(newValue).concat();
                         }
-                        return [4 /*yield*/, amisCore.rendererEventDispatcher(this.props, 'enter', { value: value_1 })];
+                        return [4 /*yield*/, dispatchEvent('enter', amisCore.resolveEventData(this.props, { value: value_1 }, 'value'))];
                     case 2:
-                        dispatcher = _b.sent();
-                        if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
                         onChange(value_1);
@@ -311,19 +365,27 @@ var TextControl = /** @class */ (function (_super) {
     };
     TextControl.prototype.handleNormalInputChange = function (e) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var onChange, value, dispatcher;
-            return tslib.__generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, onChange, dispatchEvent, trimContents, clearValueOnEmpty, value, rendererEvent;
+            return tslib.__generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        onChange = this.props.onChange;
-                        value = e.currentTarget.value;
-                        return [4 /*yield*/, amisCore.rendererEventDispatcher(this.props, 'change', { value: this.transformValue(value) })];
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, trimContents = _a.trimContents, clearValueOnEmpty = _a.clearValueOnEmpty;
+                        value = this.transformValue(e.currentTarget.value);
+                        if (typeof value === 'string') {
+                            if (trimContents) {
+                                value = value.trim();
+                            }
+                            if (clearValueOnEmpty && value === '') {
+                                value = undefined;
+                            }
+                        }
+                        return [4 /*yield*/, dispatchEvent('change', amisCore.resolveEventData(this.props, { value: value }, 'value'))];
                     case 1:
-                        dispatcher = _a.sent();
-                        if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
-                        onChange(this.transformValue(value));
+                        onChange(value);
                         return [2 /*return*/];
                 }
             });
@@ -490,37 +552,46 @@ var TextControl = /** @class */ (function (_super) {
             showCounter ? (React__default["default"].createElement("span", { className: cx('TextControl-counter') }, "".concat((_c = this.valueToString(value)) === null || _c === void 0 ? void 0 : _c.length).concat(typeof maxLength === 'number' && maxLength ? "/".concat(maxLength) : ''))) : null,
             suffix ? (React__default["default"].createElement("span", { className: cx('TextControl-inputSuffix') }, amisCore.filter(suffix, data))) : null));
     };
-    TextControl.prototype.render = function () {
-        var _a;
-        var _b = this.props, cx = _b.classnames, className = _b.className, ns = _b.classPrefix, options = _b.options, source = _b.source, autoComplete = _b.autoComplete, addOnRaw = _b.addOn, render = _b.render, data = _b.data, disabled = _b.disabled, inputOnly = _b.inputOnly;
+    TextControl.prototype.renderBody = function (body) {
+        var _a, _b;
+        var _c = this.props, cx = _c.classnames, className = _c.className, ns = _c.classPrefix, addOnRaw = _c.addOn, render = _c.render, data = _c.data, disabled = _c.disabled, inputOnly = _c.inputOnly, isStatic = _c.static;
         var addOn = typeof addOnRaw === 'string'
             ? {
                 label: addOnRaw,
                 type: 'plain'
             }
             : addOnRaw;
-        var input = autoComplete !== false && (source || options.length || autoComplete)
-            ? this.renderSugestMode()
-            : this.renderNormal();
         var iconElement = amisCore.generateIcon(cx, addOn === null || addOn === void 0 ? void 0 : addOn.icon, 'Icon');
-        var addOnDom = addOn ? (addOn.actionType ||
+        var addOnDom = addOn && !isStatic ? (addOn.actionType ||
             ~['button', 'submit', 'reset', 'action'].indexOf(addOn.type) ? (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-button"), addOn.className) }, render('addOn', addOn, {
             disabled: disabled
         }))) : (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-addOn"), addOn.className) },
             iconElement,
             addOn.label ? amisCore.filter(addOn.label, data) : null))) : null;
         if (inputOnly) {
-            return input;
+            return body;
         }
-        return (React__default["default"].createElement("div", { className: cx(className, "".concat(ns, "TextControl"), (_a = {},
+        var classNames = !isStatic
+            ? cx(className, "".concat(ns, "TextControl"), (_a = {},
                 _a["".concat(ns, "TextControl--withAddOn")] = !!addOnDom,
                 _a['is-focused'] = this.state.isFocused,
                 _a['is-disabled'] = disabled,
-                _a)) },
+                _a))
+            : cx("".concat(ns, "TextControl"), (_b = {},
+                _b["".concat(ns, "TextControl--withAddOn")] = !!addOnDom,
+                _b));
+        return (React__default["default"].createElement("div", { className: classNames },
             addOn && addOn.position === 'left' ? addOnDom : null,
-            input,
+            body,
             addOn && addOn.position !== 'left' ? addOnDom : null));
     };
+    TextControl.prototype.render = function () {
+        var _a = this.props, options = _a.options, source = _a.source, autoComplete = _a.autoComplete;
+        var input = autoComplete !== false && (source || (options === null || options === void 0 ? void 0 : options.length) || autoComplete)
+            ? this.renderSugestMode()
+            : this.renderNormal();
+        return this.renderBody(input);
+    };
     TextControl.defaultProps = {
         resetValue: '',
         labelField: 'label',
@@ -529,30 +600,18 @@ var TextControl = /** @class */ (function (_super) {
         allowInputText: true,
         trimContents: true
     };
-    tslib.__decorate([
-        amisCore.bindRendererEvent('click'),
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], TextControl.prototype, "handleClick", null);
-    tslib.__decorate([
-        amisCore.bindRendererEvent('focus'),
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], TextControl.prototype, "handleFocus", null);
-    tslib.__decorate([
-        amisCore.bindRendererEvent('blur'),
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], TextControl.prototype, "handleBlur", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
     ], TextControl.prototype, "handleNormalInputChange", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", Object)
+    ], TextControl.prototype, "render", null);
     return TextControl;
 }(React__default["default"].PureComponent));
 function mapItemIndex(items, values, valueField) {

package/lib/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -12,6 +12,7 @@ var React = require('react');
 var cx = require('classnames');
 var amisUi = require('amis-ui');
 var amisCore = require('amis-core');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,14 +47,12 @@ var TreeControl = /** @class */ (function (_super) {
     };
     TreeControl.prototype.handleChange = function (value) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, onChange, dispatchEvent, data, rendererEvent;
+            var _a, onChange, dispatchEvent, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
-                        return [4 /*yield*/, dispatchEvent('change', amisCore.createObject(data, {
-                                value: value
-                            }))];
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
+                        return [4 /*yield*/, dispatchEvent('change', amisCore.resolveEventData(this.props, { value: value }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -111,6 +110,12 @@ var TreeControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
     ], TreeControl.prototype, "domRef", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TreeControl.prototype, "render", null);
     return TreeControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputYearRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var amisCore = require('amis-core');
 var cx = require('classnames');
 var InputDateRange = require('./InputDateRange.js');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +30,12 @@ var YearRangeControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "DateRangeControl"), className) },
             React__default["default"].createElement(amisUi.DateRangePicker, tslib.__assign({ viewMode: "years", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? amisCore.filterDate(minDate, data, format) : undefined, maxDate: maxDate ? amisCore.filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? amisCore.parseDuration(minDuration) : undefined, maxDuration: maxDuration ? amisCore.parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], YearRangeControl.prototype, "render", null);
     return YearRangeControl;
 }(InputDateRange["default"]));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/JSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/ListSelect.d.ts

@@ -39,6 +39,7 @@ export default class ListControl extends React.Component<ListProps, any> {
     handleDBClick(option: Option, e: React.MouseEvent<HTMLElement>): void;
     handleClick(option: Option, e: React.MouseEvent<HTMLElement>): void;
     reload(): void;
+    renderStatic(displayValue?: string): string | JSX.Element;
     render(): JSX.Element;
 }
 export declare class ListControlRenderer extends ListControl {

package/lib/renderers/Form/ListSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -10,6 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,6 +48,33 @@ var ListControl = /** @class */ (function (_super) {
         var reload = this.props.reloadOptions;
         reload && reload();
     };
+    ListControl.prototype.renderStatic = function (displayValue) {
+        if (displayValue === void 0) { displayValue = '-'; }
+        var _a = this.props, itemSchema = _a.itemSchema, labelField = _a.labelField; _a.valueField; var imageClassName = _a.imageClassName, itemClassName = _a.itemClassName, selectedOptions = _a.selectedOptions, cx = _a.classnames, render = _a.render, data = _a.data;
+        if (!selectedOptions.length) {
+            return displayValue;
+        }
+        var itemRender = function (option, key) {
+            var label = option[labelField || 'label'];
+            label = label || "\u9009\u9879".concat(key + 1);
+            if (itemSchema || option.body || option.image) {
+                return (React__default["default"].createElement("div", { key: key, className: cx('ListControl-static-item', itemClassName) }, itemSchema
+                    ? render("".concat(key, "/body"), itemSchema, {
+                        data: amisCore.createObject(data, option)
+                    })
+                    : option.body
+                        ? render("".concat(key, "/body"), option.body)
+                        : [(option.image
+                                ? React__default["default"].createElement("div", { key: "image", className: cx('ListControl-itemImage', imageClassName) },
+                                    React__default["default"].createElement("img", { src: option.image, alt: label }))
+                                : null),
+                            (React__default["default"].createElement("div", { key: "label", className: cx('ListControl-itemLabel') }, label))
+                        ]));
+            }
+            return (React__default["default"].createElement("div", { key: key, className: cx("ListControl-static-item") }, label));
+        };
+        return React__default["default"].createElement("div", { className: cx('StaticList') }, selectedOptions.map(itemRender));
+    };
     ListControl.prototype.render = function () {
         var _this = this;
         var _a = this.props, render = _a.render, itemClassName = _a.itemClassName, cx = _a.classnames, className = _a.className, disabled = _a.disabled, options = _a.options, placeholder = _a.placeholder, selectedOptions = _a.selectedOptions, imageClassName = _a.imageClassName, submitOnDBClick = _a.submitOnDBClick, itemSchema = _a.itemSchema, data = _a.data, labelField = _a.labelField, listClassName = _a.listClassName, __ = _a.translate;
@@ -78,6 +106,12 @@ var ListControl = /** @class */ (function (_super) {
         imageClassName: '',
         submitOnDBClick: false
     };
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], ListControl.prototype, "render", null);
     return ListControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/LocationPicker.d.ts

@@ -29,6 +29,16 @@ export declare class LocationControl extends React.Component<LocationControlProp
         vendor: string;
         coordinatesType: string;
     };
+    domRef: React.RefObject<HTMLDivElement>;
+    state: {
+        isOpened: boolean;
+    };
+    close(): void;
+    open(): void;
+    handleClick(): void;
+    getParent(): HTMLElement | null | undefined;
+    getTarget(): HTMLDivElement | null;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class LocationRenderer extends LocationControl {

package/lib/renderers/Form/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,8 +20,48 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var LocationControl = /** @class */ (function (_super) {
     tslib.__extends(LocationControl, _super);
     function LocationControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.domRef = React__default["default"].createRef();
+        _this.state = {
+            isOpened: false
+        };
+        return _this;
     }
+    LocationControl.prototype.close = function () {
+        this.setState({
+            isOpened: false
+        });
+    };
+    LocationControl.prototype.open = function () {
+        this.setState({
+            isOpened: true
+        });
+    };
+    LocationControl.prototype.handleClick = function () {
+        this.state.isOpened ? this.close() : this.open();
+    };
+    LocationControl.prototype.getParent = function () {
+        var _a;
+        return (_a = this.domRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    };
+    LocationControl.prototype.getTarget = function () {
+        return this.domRef.current;
+    };
+    LocationControl.prototype.renderStatic = function (displayValue) {
+        var _a;
+        if (displayValue === void 0) { displayValue = '-'; }
+        var _b = this.props, cx = _b.classnames, value = _b.value, vendor = _b.vendor, ak = _b.ak, coordinatesType = _b.coordinatesType, popOverContainer = _b.popOverContainer;
+        var __ = this.props.translate;
+        if (!value) {
+            return React__default["default"].createElement(React__default["default"].Fragment, null, displayValue);
+        }
+        return (React__default["default"].createElement("div", { className: this.props.classnames('LocationControl'), ref: this.domRef },
+            React__default["default"].createElement("span", null, value.address),
+            React__default["default"].createElement("a", { className: cx('LocationPicker-toggler', 'ml-1'), onClick: this.handleClick },
+                React__default["default"].createElement(amisUi.Icon, { icon: "location", className: "icon" })),
+            React__default["default"].createElement(amisCore.Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, show: this.state.isOpened },
+                React__default["default"].createElement(amisCore.PopOver, { className: cx('LocationPicker-popover'), onHide: this.close, overlay: true, style: { width: (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.offsetWidth } }, vendor === 'baidu' ? (React__default["default"].createElement(amisUi.BaiduMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType })) : (React__default["default"].createElement(amisUi.Alert2, null, __('${vendor} 地图控件不支持', { vendor: vendor })))))));
+    };
     LocationControl.prototype.render = function () {
         return (React__default["default"].createElement("div", { className: this.props.classnames('LocationControl') },
             React__default["default"].createElement(amisUi.LocationPicker, tslib.__assign({}, this.props, { ak: amisCore.filter(this.props.ak, this.props.data) }))));
@@ -29,6 +70,42 @@ var LocationControl = /** @class */ (function (_super) {
         vendor: 'baidu',
         coordinatesType: 'bd09'
     };
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "close", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "open", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "handleClick", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "getParent", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "getTarget", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "render", null);
     return LocationControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/MatrixCheckboxes.d.ts

@@ -72,7 +72,8 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     initOptions(data: any): Promise<void>;
     reload(): Promise<void>;
     toggleItem(checked: boolean, x: number, y: number): Promise<void>;
-    renderInput(): JSX.Element;
+    renderInput(forceDisabled?: boolean): JSX.Element;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class MatrixRenderer extends MatrixCheckbox {