amis-editor 5.2.4-beta.31 → 5.2.5-beta.3

package/esm/renderer/NavSourceControl.js

@@ -0,0 +1,464 @@
+/**
+ * amis-editor v5.2.5-beta.3
+ * Copyright 2018-2023 @fex
+ */
+
+import { __extends, __spreadArray, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import cx from 'classnames';
+import set from 'lodash/set';
+import get from 'lodash/get';
+import { InputBox, Switch, Button, FormItem } from 'amis';
+import { getSchemaTpl, autobind } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file 组件选项组件的可视化编辑控件
+ */
+var NavSourceControl = /** @class */function (_super) {
+  __extends(NavSourceControl, _super);
+  function NavSourceControl(props) {
+    var _this = _super.call(this, props) || this;
+    Object.defineProperty(_this, "sortable", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "drag", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "target", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "$comp", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    }); // 记录一下路径，不再从外部同步内部，只从内部同步外部
+    Object.defineProperty(_this, "internalProps", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['checked', 'editing']
+    });
+    var source = 'custom';
+    if (props.data.hasOwnProperty('source') && props.data.source) {
+      var api = props.data.source;
+      var url = typeof api === 'string' ? api : typeof api === 'object' ? api.url || '' : '';
+      source = !url.indexOf('api://') ? 'apicenter' : 'api';
+    }
+    _this.state = {
+      links: _this.transformOptions(props),
+      api: props.data.source,
+      source: source
+    };
+    return _this;
+  }
+  Object.defineProperty(NavSourceControl.prototype, "transformOptions", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var data = props.data;
+      return Array.isArray(data.links) ? data.links : [];
+    }
+  });
+  /**
+   * 更新options字段的统一出口
+   */
+  Object.defineProperty(NavSourceControl.prototype, "onChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var onBulkChange = this.props.onBulkChange;
+      var source = this.state.source;
+      var data = {
+        source: undefined,
+        links: undefined
+      };
+      if (source === 'custom') {
+        var links = this.state.links;
+        data.links = links;
+      }
+      if (source === 'api' || source === 'apicenter') {
+        var api = this.state.api;
+        data.source = api;
+      }
+      onBulkChange && onBulkChange(data);
+      return;
+    }
+  });
+  /**
+   * 切换选项类型
+   */
+  Object.defineProperty(NavSourceControl.prototype, "handleSourceChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source) {
+      this.setState({
+        source: source
+      }, this.onChange);
+    }
+  });
+  /**
+   * 删除选项
+   */
+  Object.defineProperty(NavSourceControl.prototype, "handleDelete", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (index) {
+      var _this = this;
+      var links = this.state.links.concat();
+      var indexArr = typeof index === 'string' ? index.split('_') : [index];
+      var str = '';
+      for (var i = 1; i < indexArr.length; i++) {
+        var id = indexArr[i];
+        if (i === indexArr.length - 1) {
+          str += "children";
+        } else {
+          str += "children[".concat(id, "].");
+        }
+      }
+      var originChildren = get(links[parseInt(indexArr[0])], str);
+      originChildren.splice(indexArr[indexArr.length - 1], 1);
+      this.setState({
+        links: links
+      }, function () {
+        return _this.onChange();
+      });
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "handleAdd", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var links = this.state.links;
+      links.push({
+        label: '',
+        to: '',
+        target: '',
+        icon: '',
+        unfolded: false,
+        active: false,
+        children: []
+      });
+      this.setState({
+        links: links
+      }, function () {
+        _this.onChange();
+      });
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "renderHeader", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a;
+      var _b = this.props,
+        render = _b.render,
+        label = _b.label,
+        labelRemark = _b.labelRemark,
+        useMobileUI = _b.useMobileUI,
+        env = _b.env,
+        popOverContainer = _b.popOverContainer,
+        hasApiCenter = _b.hasApiCenter;
+      var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+      var source = this.state.source;
+      var optionSourceList = __spreadArray([{
+        label: i18n("01820262aa9ad5b130f8f5b86bfd2968"),
+        value: 'custom'
+      }, {
+        label: i18n("f99603414a616bdee85de0e6e3938b65"),
+        value: 'api'
+      }], hasApiCenter ? [{
+        label: i18n("e6ff6a97bf600c02942db3126a7077b8"),
+        value: 'apicenter'
+      }] : [], true).map(function (item) {
+        return __assign(__assign({}, item), {
+          onClick: function () {
+            return _this.handleSourceChange(item.value);
+          }
+        });
+      });
+      return React__default.createElement("header", {
+        className: "ae-NavControl-header"
+      }, React__default.createElement("label", {
+        className: cx("".concat(classPrefix, "Form-label"))
+      }, label || '', labelRemark ? render('label-remark', {
+        type: 'remark',
+        icon: labelRemark.icon || 'warning-mark',
+        tooltip: labelRemark,
+        className: cx("Form-lableRemark", labelRemark === null || labelRemark === void 0 ? void 0 : labelRemark.className),
+        useMobileUI: useMobileUI,
+        container: popOverContainer ? popOverContainer : env && env.getModalContainer ? env.getModalContainer : undefined
+      }) : null), React__default.createElement("div", null, render('validation-control-addBtn', {
+        type: 'dropdown-button',
+        level: 'link',
+        size: 'sm',
+        label: '${selected}',
+        align: 'right',
+        closeOnClick: true,
+        closeOnOutside: true,
+        buttons: optionSourceList
+      }, {
+        popOverContainer: null,
+        data: {
+          selected: optionSourceList.find(function (item) {
+            return item.value === source;
+          }).label
+        }
+      })));
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "handleEditLabel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (index, value, key) {
+      var _this = this;
+      var links = this.state.links.concat();
+      var indexArr = typeof index === 'string' ? index.split('_') : [index];
+      var str = '';
+      for (var i = 1; i < indexArr.length; i++) {
+        var id = indexArr[i];
+        str += "children[".concat(id, "].");
+      }
+      str += key;
+      set(links[parseInt(indexArr[0])], str, value);
+      this.setState({
+        links: links
+      }, function () {
+        return _this.onChange();
+      });
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "handleAddChildren", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (index, value) {
+      var _this = this;
+      var links = this.state.links.concat();
+      var indexArr = typeof index === 'string' ? index.split('_') : [index];
+      var str = '';
+      for (var i = 1; i < indexArr.length; i++) {
+        var id = indexArr[i];
+        str += "children[".concat(id, "].");
+      }
+      str += 'children';
+      var originChildren = get(links[parseInt(indexArr[0])], str) || [];
+      originChildren.push({
+        label: '',
+        to: '',
+        target: '',
+        icon: '',
+        unfolded: false,
+        active: false,
+        children: []
+      });
+      if (value) {
+        set(links[parseInt(indexArr[0])], str, originChildren);
+      } else {
+        set(links[parseInt(indexArr[0])], str, []);
+      }
+      this.setState({
+        links: links
+      }, function () {
+        return _this.onChange();
+      });
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "renderNav", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var _this = this;
+      var index = props.index;
+      var render = this.props.render;
+      return React__default.createElement("div", {
+        key: index
+      }, React__default.createElement("div", {
+        className: "ae-closeBtn",
+        onClick: function () {
+          _this.handleDelete(index);
+        }
+      }, "\u00D7"), React__default.createElement("div", {
+        className: "ae-navControlLinks"
+      }, "\u83DC\u5355\u540D\u79F0:", React__default.createElement(InputBox, {
+        className: "ae-OptionControlItem-input",
+        value: props.label,
+        placeholder: "\u8BF7\u8F93\u5165\u83DC\u5355\u540D\u79F0",
+        onChange: function (value) {
+          return _this.handleEditLabel(index, value, 'label');
+        }
+      })), React__default.createElement("div", {
+        className: "ae-navControlLinks"
+      }, "\u8DF3\u8F6C\u5730\u5740:", React__default.createElement(InputBox, {
+        className: "ae-OptionControlItem-input",
+        value: props.to,
+        placeholder: "\u8BF7\u8F93\u5165\u8DF3\u8F6C\u5730\u5740",
+        onChange: function (value) {
+          return _this.handleEditLabel(index, value, 'to');
+        }
+      })), React__default.createElement("div", {
+        className: "ae-navControlLinks"
+      }, "\u662F\u5426\u9700\u8981\u65B0\u5F00\u9875\u9762:", React__default.createElement(Switch, {
+        value: props.target === '_parent',
+        onChange: function (value) {
+          return _this.handleEditLabel(index, value ? '_parent' : '_blank', 'target');
+        }
+      })), React__default.createElement("div", {
+        style: {
+          height: 40
+        }
+      }, render('container', getSchemaTpl('icon', {
+        name: 'icon',
+        label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+        mode: 'horizontal',
+        onChange: function (icon) {
+          _this.handleEditLabel(index, icon, 'icon');
+        },
+        horizontal: {
+          justify: true,
+          left: 4
+        }
+      }))), React__default.createElement("div", {
+        className: "ae-navControlLinks"
+      }, "\u521D\u59CB\u662F\u5426\u6298\u53E0:", React__default.createElement(Switch, {
+        value: props.unfolded,
+        onChange: function (value) {
+          return _this.handleEditLabel(index, value, 'unfolded');
+        }
+      })));
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "renderOption", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var _this = this;
+      var index = props.index,
+        children = props.children;
+      return React__default.createElement("div", {
+        className: "ae-OptionControlItem",
+        key: index
+      }, this.renderNav(props), React__default.createElement("div", {
+        className: "ae-navControlLinks"
+      }, "\u5305\u542B\u5B50\u83DC\u5355:", React__default.createElement(Switch, {
+        value: !!(children && children.length),
+        onChange: function (value) {
+          return _this.handleAddChildren(index, value);
+        }
+      })), children && children.length ? React__default.createElement(React__default.Fragment, null, children.map(function (item, id) {
+        return _this.renderOption(__assign(__assign({}, item), {
+          index: "".concat(index, "_").concat(id)
+        }));
+      }), React__default.createElement(Button, {
+        onClick: function () {
+          return _this.handleAddChildren(index, true);
+        }
+      }, "\u65B0\u589E\u5B50\u83DC\u5355")) : null);
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "handleAPIChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source) {
+      this.setState({
+        api: source
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "renderApiPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var render = this.props.render;
+      var _a = this.state,
+        source = _a.source,
+        api = _a.api;
+      if (source === 'custom') {
+        return null;
+      }
+      return render('api', getSchemaTpl('apiControl', {
+        label: i18n("54ea89b497ec3bb319c68844dfa3687f"),
+        name: 'source',
+        mode: 'normal',
+        className: 'ae-ExtendMore',
+        visibleOn: 'data.autoComplete !== false',
+        value: api,
+        onChange: this.handleAPIChange,
+        sourceType: source
+      }));
+    }
+  });
+  Object.defineProperty(NavSourceControl.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a = this.state,
+        links = _a.links,
+        source = _a.source;
+      var className = this.props.className;
+      return React__default.createElement("div", {
+        className: cx('ae-NavControl', className)
+      }, this.renderHeader(), source === 'custom' ? React__default.createElement("div", {
+        className: "ae-NavControl-wrapper"
+      }, Array.isArray(links) && links.length ? React__default.createElement("div", {
+        className: "ae-NavControl-content"
+      }, links.map(function (option, index) {
+        return _this.renderOption(__assign(__assign({}, option), {
+          index: index
+        }));
+      })) : React__default.createElement("div", {
+        className: "ae-NavControl-placeholder"
+      }, "\u65E0\u9009\u9879"), React__default.createElement("div", {
+        className: "ae-NavControl-footer"
+      }, React__default.createElement(Button, {
+        level: "enhance",
+        onClick: this.handleAdd
+      }, "\u6DFB\u52A0\u83DC\u5355"))) : null, this.renderApiPanel());
+    }
+  });
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleSourceChange", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleDelete", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleAdd", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String, Object, String]), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleEditLabel", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String, Boolean]), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleAddChildren", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleAPIChange", null);
+  return NavSourceControl;
+}(React__default.Component);
+/** @class */(function (_super) {
+  __extends(NavSourceControlRenderer, _super);
+  function NavSourceControlRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  NavSourceControlRenderer = __decorate([FormItem({
+    type: 'ae-navSourceControl',
+    renderLabel: false
+  })], NavSourceControlRenderer);
+  return NavSourceControlRenderer;
+})(NavSourceControl);
+
+export { NavSourceControl as default };

package/esm/renderer/OptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 
@@ -226,8 +226,8 @@ var OptionControl = /** @class */function (_super) {
           labelField = _a.labelField,
           valueField = _a.valueField;
         data.source = api;
-        data.labelField = labelField;
-        data.valueField = valueField;
+        data.labelField = labelField || undefined;
+        data.valueField = valueField || undefined;
       }
       onBulkChange && onBulkChange(data);
       return;

package/esm/renderer/RangePartsControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/StatusControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/SwitchMoreControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/TimelineItemControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/TransferTableControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 
@@ -65,8 +65,8 @@ function BaseOptionControl(Cmpt) {
               labelField = _a.labelField,
               valueField = _a.valueField;
             data.source = api;
-            data.labelField = labelField;
-            data.valueField = valueField;
+            data.labelField = labelField || undefined;
+            data.valueField = valueField || undefined;
           }
           onBulkChange && onBulkChange(data);
           return;

package/esm/renderer/TreeOptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 
@@ -122,8 +122,8 @@ var TreeOptionControl = /** @class */function (_super) {
           valueField = _a.valueField,
           iconField = _a.iconField;
         data.source = api;
-        data.labelField = labelField;
-        data.valueField = valueField;
+        data.labelField = labelField || undefined;
+        data.valueField = valueField || undefined;
         data.iconField = iconField;
       }
       onBulkChange && onBulkChange(data);
@@ -377,19 +377,26 @@ var TreeOptionControl = /** @class */function (_super) {
       }, React__default.createElement(Icon, {
         icon: "drag-bar",
         className: "icon"
-      })), render({
-        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+      })), i18nEnabled ? render({
+        type: 'input-text-i18n',
         className: 'ae-TreeOptionControlItem-input-label',
         value: option.label,
         placeholder: i18n("f69608e93e9728f4fbef583bfa1326c1"),
         clearable: false,
         onBlur: function (event) {
-          // 这里使用onBlur替代onChange 减少渲染次数
           _this.handleEditLabelOrValue(event.target.value, path, 'label');
         },
-        onI18nChange: i18nEnabled ? function (value) {
+        onI18nChange: function (value) {
           _this.handleEditLabelOrValue(value, path, 'label');
-        } : undefined
+        }
+      }) : React__default.createElement(InputBox, {
+        className: "ae-TreeOptionControlItem-input-label",
+        value: option.label,
+        placeholder: "\u9009\u9879\u540D\u79F0",
+        clearable: false,
+        onBlur: function (event) {
+          _this.handleEditLabelOrValue(event.target.value, path, 'label');
+        }
       }), React__default.createElement(InputBox, {
         className: "ae-TreeOptionControlItem-input-value",
         value: option.value,

package/esm/renderer/ValidationControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/ValidationItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/action-config-dialog.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/action-config-panel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/comp-action-select.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.5-beta.3
  * Copyright 2018-2023 @fex
  */