amis-editor 5.2.5 → 5.3.0

package/lib/renderer/ButtonGroupControl.js

@@ -0,0 +1,46 @@
+/**
+ * amis-editor v5.3.0
+ * Copyright 2018-2023 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amis = require('amis');
+var cx = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var ButtonGroupControl = /** @class */ (function (_super) {
+    tslib.__extends(ButtonGroupControl, _super);
+    function ButtonGroupControl(props) {
+        return _super.call(this, props) || this;
+    }
+    ButtonGroupControl.prototype.render = function () {
+        var _a = this.props, options = _a.options, value = _a.value, onChange = _a.onChange, classnames = _a.classnames;
+        var cls = classnames || cx__default["default"];
+        return (React__default["default"].createElement("div", { className: cls('ButtonGroup', 'icon-ButtonList') }, options &&
+            options.map(function (item) { return (React__default["default"].createElement(amis.Button, { key: item.value, onClick: function () { return onChange(item.value); }, level: value === item.value ? 'primary' : 'default', tooltip: item.label, active: value === item.value }, item.icon ? (React__default["default"].createElement(amis.Icon, { icon: item.icon, className: cx__default["default"]('icon', item.iconClassName) })) : (item.label))); })));
+    };
+    return ButtonGroupControl;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(ButtonGroupControlRenderer, _super);
+    function ButtonGroupControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ButtonGroupControlRenderer = tslib.__decorate([
+        amis.FormItem({
+            type: 'icon-button-group'
+        })
+    ], ButtonGroupControlRenderer);
+    return ButtonGroupControlRenderer;
+})(ButtonGroupControl));
+
+exports["default"] = ButtonGroupControl;

package/lib/renderer/DataBindingControl.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="lodash" />
 import { FormControlProps, RendererProps } from 'amis-core';
 import React from 'react';
-import { EditorManager, EditorNodeType, DSField, DSFieldGroup } from 'amis-editor-core';
-import { SchemaCollection } from 'amis/lib/Schema';
+import { EditorManager, EditorNodeType } from 'amis-editor-core';
+import type { DSField, DSFieldGroup } from 'amis-editor-core';
+import type { SchemaCollection } from 'amis';
 export interface DataBindingProps extends FormControlProps {
     node: EditorNodeType;
     manager: EditorManager;

package/lib/renderer/DataBindingControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -32,139 +32,124 @@ var DataBindingControl = /** @class */function (_super) {
     };
     return _this;
   }
-  Object.defineProperty(DataBindingControl.prototype, "handleConfirm", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (result) {
-      var _a, _b;
-      var _c = this.props,
-        manager = _c.manager,
-        data = _c.data,
-        onChange = _c.onChange,
-        onBulkChange = _c.onBulkChange,
-        onBindingChange = _c.onBindingChange;
-      if (result === null || result === void 0 ? void 0 : result.value) {
-        onChange(result.value);
-        onBulkChange && (onBindingChange === null || onBindingChange === void 0 ? void 0 : onBindingChange(result, onBulkChange));
-        (_b = (_a = manager.config) === null || _a === void 0 ? void 0 : _a.dataBindingChange) === null || _b === void 0 ? void 0 : _b.call(_a, result.value, data, manager);
-      }
+  DataBindingControl.prototype.handleConfirm = function (result) {
+    var _a, _b;
+    var _c = this.props,
+      manager = _c.manager,
+      data = _c.data,
+      onChange = _c.onChange,
+      onBulkChange = _c.onBulkChange,
+      onBindingChange = _c.onBindingChange;
+    if (result === null || result === void 0 ? void 0 : result.value) {
+      onChange(result.value);
+      onBulkChange && (onBindingChange === null || onBindingChange === void 0 ? void 0 : onBindingChange(result, onBulkChange));
+      (_b = (_a = manager.config) === null || _a === void 0 ? void 0 : _a.dataBindingChange) === null || _b === void 0 ? void 0 : _b.call(_a, result.value, data, manager);
     }
-  });
-  Object.defineProperty(DataBindingControl.prototype, "handlePickerOpen", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      return tslib.__awaiter(this, void 0, void 0, function () {
-        var _a, manager, node, schema;
-        return tslib.__generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              _a = this.props, manager = _a.manager, node = _a.node;
-              this.setState({
-                loading: true,
-                schema: undefined
-              });
-              _b.label = 1;
-            case 1:
-              _b.trys.push([1, 3,, 4]);
-              return [4 /*yield*/, manager.getAvailableContextFields(node)];
-            case 2:
-              schema = _b.sent();
-              return [3 /*break*/, 4];
-            case 3:
-              _b.sent();
-              this.setState({
-                loading: false,
-                hint: i18nRuntime.i18n("005c50d1af6e833d6991ab882653b7ae")
-              });
-              return [2 /*return*/];
-            case 4:
-              this.setState({
-                loading: false,
-                hint: schema ? undefined : i18nRuntime.i18n("76f47297fe988267a26073a9aaf7911f"),
-                schema: schema !== null && schema !== void 0 ? schema : undefined
-              });
-              return [2 /*return*/];
-          }
-        });
+  };
+  DataBindingControl.prototype.handlePickerOpen = function () {
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      var _a, manager, node, schema;
+      return tslib.__generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            _a = this.props, manager = _a.manager, node = _a.node;
+            this.setState({
+              loading: true,
+              schema: undefined
+            });
+            _b.label = 1;
+          case 1:
+            _b.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, manager.getAvailableContextFields(node)];
+          case 2:
+            schema = _b.sent();
+            return [3 /*break*/, 4];
+          case 3:
+            _b.sent();
+            this.setState({
+              loading: false,
+              hint: i18nRuntime.i18n("005c50d1af6e833d6991ab882653b7ae")
+            });
+            return [2 /*return*/];
+          case 4:
+            this.setState({
+              loading: false,
+              hint: schema ? undefined : i18nRuntime.i18n("76f47297fe988267a26073a9aaf7911f"),
+              schema: schema !== null && schema !== void 0 ? schema : undefined
+            });
+            return [2 /*return*/];
+        }
       });
-    }
-  });
+    });
+  };
 
-  Object.defineProperty(DataBindingControl.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _this = this;
-      var _a = this.props,
-        className = _a.className;
-        _a.classnames;
-        var result = _a.value,
-        onChange = _a.onChange;
-        _a.multiple;
-        var disabled = _a.disabled,
-        render = _a.render;
-      var _b = this.state,
-        schema = _b.schema,
-        loading = _b.loading,
-        hint = _b.hint;
-      return React__default["default"].createElement(amis.PickerContainer, {
-        onPickerOpen: this.handlePickerOpen,
-        className: className,
-        title: "\u7ED1\u5B9A\u5B57\u6BB5",
-        bodyRender: function (_a) {
-          var value = _a.value,
-            isOpened = _a.isOpened,
-            onChange = _a.onChange;
-          if (!isOpened) {
-            return null;
-          }
-          if (loading) {
-            return React__default["default"].createElement(amis.Spinner, {
-              show: true,
-              icon: "reload",
-              spinnerClassName: "ae-DataBindingList-spinner"
-            });
-          }
-          if (hint) {
-            return React__default["default"].createElement("p", {
-              className: "ae-DataBindingList-hint"
-            }, hint);
-          }
-          return render('content', schema, {
-            onSelect: onChange,
-            value: value ? value.value : result
+  DataBindingControl.prototype.render = function () {
+    var _this = this;
+    var _a = this.props,
+      className = _a.className;
+      _a.classnames;
+      var result = _a.value,
+      onChange = _a.onChange;
+      _a.multiple;
+      var disabled = _a.disabled,
+      render = _a.render;
+    var _b = this.state,
+      schema = _b.schema,
+      loading = _b.loading,
+      hint = _b.hint;
+    return React__default["default"].createElement(amis.PickerContainer, {
+      onPickerOpen: this.handlePickerOpen,
+      className: className,
+      title: "\u7ED1\u5B9A\u5B57\u6BB5",
+      bodyRender: function (_a) {
+        var value = _a.value,
+          isOpened = _a.isOpened,
+          onChange = _a.onChange;
+        if (!isOpened) {
+          return null;
+        }
+        if (loading) {
+          return React__default["default"].createElement(amis.Spinner, {
+            show: true,
+            icon: "reload",
+            spinnerClassName: "ae-DataBindingList-spinner"
           });
-        },
+        }
+        if (hint) {
+          return React__default["default"].createElement("p", {
+            className: "ae-DataBindingList-hint"
+          }, hint);
+        }
+        return render('content', schema, {
+          onSelect: onChange,
+          value: value ? value.value : result
+        });
+      },
+      value: result,
+      onConfirm: this.handleConfirm
+    }, function (_a) {
+      var onClick = _a.onClick;
+      return React__default["default"].createElement(amis.InputBox, {
+        className: "ae-InputVariable",
+        clearable: false,
         value: result,
-        onConfirm: this.handleConfirm
-      }, function (_a) {
-        var onClick = _a.onClick;
-        return React__default["default"].createElement(amis.InputBox, {
-          className: "ae-InputVariable",
-          clearable: false,
-          value: result,
-          onChange: onChange,
-          disabled: disabled
-        }, React__default["default"].createElement("span", {
-          onClick: function (e) {
-            return tslib.__awaiter(_this, void 0, void 0, function () {
-              return tslib.__generator(this, function (_a) {
-                onClick(e);
-                return [2 /*return*/];
-              });
+        onChange: onChange,
+        disabled: disabled
+      }, React__default["default"].createElement("span", {
+        onClick: function (e) {
+          return tslib.__awaiter(_this, void 0, void 0, function () {
+            return tslib.__generator(this, function (_a) {
+              onClick(e);
+              return [2 /*return*/];
             });
-          }
-        }, React__default["default"].createElement(amis.Icon, {
-          icon: "info",
-          className: "icon cursor-pointer"
-        })));
-      });
-    }
-  });
+          });
+        }
+      }, React__default["default"].createElement(amis.Icon, {
+        icon: "info",
+        className: "icon cursor-pointer"
+      })));
+    });
+  };
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], DataBindingControl.prototype, "handleConfirm", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", Promise)], DataBindingControl.prototype, "handlePickerOpen", null);
   return DataBindingControl;
@@ -183,12 +168,6 @@ var SimpleDataBindingControl = /** @class */function (_super) {
   tslib.__extends(SimpleDataBindingControl, _super);
   function SimpleDataBindingControl(props) {
     var _this = _super.call(this, props) || this;
-    Object.defineProperty(_this, "handleSearchDebounced", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
     _this.handleSearchDebounced = _.debounce(_this.handleSearch, 250, {
       trailing: true,
       leading: false
@@ -198,83 +177,68 @@ var SimpleDataBindingControl = /** @class */function (_super) {
     };
     return _this;
   }
-  Object.defineProperty(SimpleDataBindingControl.prototype, "handleSearch", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (keywords) {
-      return tslib.__awaiter(this, void 0, void 0, function () {
-        return tslib.__generator(this, function (_a) {
-          this.setState({
-            filteredFields: matchSorter.matchSorter(this.props.fields, keywords, {
-              keys: ['label', 'value', 'children']
-            })
-          });
-          return [2 /*return*/];
+  SimpleDataBindingControl.prototype.handleSearch = function (keywords) {
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      return tslib.__generator(this, function (_a) {
+        this.setState({
+          filteredFields: matchSorter.matchSorter(this.props.fields, keywords, {
+            keys: ['label', 'value', 'children']
+          })
         });
+        return [2 /*return*/];
       });
-    }
-  });
+    });
+  };
 
-  Object.defineProperty(SimpleDataBindingControl.prototype, "handleSelect", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {}
-  });
-  Object.defineProperty(SimpleDataBindingControl.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        className = _a.className,
-        value = _a.value,
-        onSelect = _a.onSelect,
-        isSelected = _a.isSelected;
-      var filteredFields = this.state.filteredFields;
-      return React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-DataBindingList', className)
-      }, React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-DataBindingList-searchBox')
-      }, React__default["default"].createElement(amis.SearchBox, {
-        mini: false,
-        placeholder: i18nRuntime.i18n("91be693dd1ccea38f8f514318fd8a944"),
-        onSearch: this.handleSearchDebounced
-      })), React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-DataBindingList-body')
-      }, React__default["default"].createElement(amis.CollapseGroup, {
-        className: cx__default["default"]('ae-DataBindingList-collapseGroup'),
-        defaultActiveKey: filteredFields.map(function (item) {
-          return item.value || item.label;
-        }),
-        expandIcon: amisCore.generateIcon(cx__default["default"], 'fa fa-chevron-right expandIcon', 'Icon'),
-        expandIconPosition: "right"
-      }, filteredFields.map(function (item, index) {
-        return React__default["default"].createElement(amis.Collapse, {
-          className: cx__default["default"]('ae-DataBindingList-collapse'),
-          headingClassName: cx__default["default"]('ae-DataBindingList-collapse-title'),
-          bodyClassName: cx__default["default"]('ae-DataBindingList-collapse-body'),
-          propKey: item.value || item.label,
-          key: item.value || item.label,
-          header: React__default["default"].createElement("span", null, item.label)
-        }, Array.isArray(item.children) && item.children.length > 0 ? item.children.map(function (childItem) {
-          var checked = isSelected ? isSelected(childItem) : childItem.value === value;
-          return React__default["default"].createElement("div", {
-            className: cx__default["default"]('ae-DataBindingList-item', {
-              'is-active': checked
-            }),
-            onClick: function () {
-              return onSelect(childItem);
-            },
-            key: childItem.value
-          }, childItem.label);
-        }) : React__default["default"].createElement("p", {
-          className: cx__default["default"]('ae-DataBindingList-hint')
-        }, "\u6682\u65E0\u53EF\u7528\u5B57\u6BB5"));
-      }))));
-    }
-  });
+  SimpleDataBindingControl.prototype.handleSelect = function () {};
+  SimpleDataBindingControl.prototype.render = function () {
+    var _a = this.props,
+      className = _a.className,
+      value = _a.value,
+      onSelect = _a.onSelect,
+      isSelected = _a.isSelected;
+    var filteredFields = this.state.filteredFields;
+    return React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-DataBindingList', className)
+    }, React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-DataBindingList-searchBox')
+    }, React__default["default"].createElement(amis.SearchBox, {
+      mini: false,
+      placeholder: i18nRuntime.i18n("91be693dd1ccea38f8f514318fd8a944"),
+      onSearch: this.handleSearchDebounced
+    })), React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-DataBindingList-body')
+    }, React__default["default"].createElement(amis.CollapseGroup, {
+      className: cx__default["default"]('ae-DataBindingList-collapseGroup'),
+      defaultActiveKey: filteredFields.map(function (item) {
+        return item.value || item.label;
+      }),
+      expandIcon: amisCore.generateIcon(cx__default["default"], 'fa fa-chevron-right expandIcon', 'Icon'),
+      expandIconPosition: "right"
+    }, filteredFields.map(function (item, index) {
+      return React__default["default"].createElement(amis.Collapse, {
+        className: cx__default["default"]('ae-DataBindingList-collapse'),
+        headingClassName: cx__default["default"]('ae-DataBindingList-collapse-title'),
+        bodyClassName: cx__default["default"]('ae-DataBindingList-collapse-body'),
+        propKey: item.value || item.label,
+        key: item.value || item.label,
+        header: React__default["default"].createElement("span", null, item.label)
+      }, Array.isArray(item.children) && item.children.length > 0 ? item.children.map(function (childItem) {
+        var checked = isSelected ? isSelected(childItem) : childItem.value === value;
+        return React__default["default"].createElement("div", {
+          className: cx__default["default"]('ae-DataBindingList-item', {
+            'is-active': checked
+          }),
+          onClick: function () {
+            return onSelect(childItem);
+          },
+          key: childItem.value
+        }, childItem.label);
+      }) : React__default["default"].createElement("p", {
+        className: cx__default["default"]('ae-DataBindingList-hint')
+      }, "\u6682\u65E0\u53EF\u7528\u5B57\u6BB5"));
+    }))));
+  };
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", Promise)], SimpleDataBindingControl.prototype, "handleSearch", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], SimpleDataBindingControl.prototype, "handleSelect", null);
   return SimpleDataBindingControl;

package/lib/renderer/DataMappingControl.d.ts

@@ -4,8 +4,8 @@ export interface DataMappingProps extends FormControlProps {
     schema?: string;
 }
 export declare class DataMappingControl extends React.Component<DataMappingProps> {
-    renderValue(value: any, onChange: (value: any) => void, schema: any): JSX.Element;
-    render(): JSX.Element;
+    renderValue(value: any, onChange: (value: any) => void, schema: any): any;
+    render(): any;
 }
 export declare class DataMappingControlRenderer extends DataMappingControl {
 }

package/lib/renderer/DataMappingControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -21,43 +21,33 @@ var DataMappingControl = /** @class */ (function (_super) {
     function DataMappingControl() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(DataMappingControl.prototype, "renderValue", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (value, onChange, schema) {
-            var render = this.props.render;
-            return render('value', amisEditorCore.getSchemaTpl('DataPickerControl', {
-                inputOnly: true,
-                name: 'any'
-            }), {
-                value: value,
-                onChange: onChange
-            });
-        }
-    });
-    Object.defineProperty(DataMappingControl.prototype, "render", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _a = this.props, schema = _a.schema, render = _a.render, name = _a.name, description = _a.description, required = _a.required, rest = tslib.__rest(_a, ["schema", "render", "name", "description", "required"]);
-            return render('inner', {
-                type: 'json-schema',
-                schema: schema,
-                name: name,
-                description: description,
-                required: required
-            }, tslib.__assign(tslib.__assign({}, rest), { renderValue: this.renderValue }));
-            // return (
-            //   <InputJSONSchema
-            //     {...rest}
-            //     schema={this.state.schema}
-            //     renderValue={this.renderValue}
-            //   />
-            // );
-        }
-    });
+    DataMappingControl.prototype.renderValue = function (value, onChange, schema) {
+        var render = this.props.render;
+        return render('value', amisEditorCore.getSchemaTpl('DataPickerControl', {
+            inputOnly: true,
+            name: 'any'
+        }), {
+            value: value,
+            onChange: onChange
+        });
+    };
+    DataMappingControl.prototype.render = function () {
+        var _a = this.props, schema = _a.schema, render = _a.render, name = _a.name, description = _a.description, required = _a.required, rest = tslib.__rest(_a, ["schema", "render", "name", "description", "required"]);
+        return render('inner', {
+            type: 'json-schema',
+            schema: schema,
+            name: name,
+            description: description,
+            required: required
+        }, tslib.__assign(tslib.__assign({}, rest), { renderValue: this.renderValue }));
+        // return (
+        //   <InputJSONSchema
+        //     {...rest}
+        //     schema={this.state.schema}
+        //     renderValue={this.renderValue}
+        //   />
+        // );
+    };
     tslib.__decorate([
         amisEditorCore.autobind,
         tslib.__metadata("design:type", Function),