amis-editor 5.2.5 → 5.4.0

package/esm/renderer/SwitchMoreControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.4.0
  * Copyright 2018-2023 @fex
  */
 
@@ -21,442 +21,340 @@ var SwitchMore = /** @class */function (_super) {
   __extends(SwitchMore, _super);
   function SwitchMore(props) {
     var _this = _super.call(this, props) || this;
-    Object.defineProperty(_this, "overlay", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(_this, "formNames", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
     _this.state = _this.initState();
     return _this;
   }
-  Object.defineProperty(SwitchMore.prototype, "initState", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        data = _a.data,
-        value = _a.value,
-        trueValue = _a.trueValue;
-        _a.falseValue;
-        var name = _a.name,
-        bulk = _a.bulk;
-        _a.hiddenOnDefault;
-      var checked = false;
-      var show = false;
-      // 这个开关 无具体属性对应
-      if (!name) {
-        // 子表单项是组件根属性，遍历看是否有值
-        if (bulk) {
-          var formNames = this.getFormItemNames();
-          checked = some(formNames, function (key) {
-            return data[key] !== undefined;
-          });
-          show = checked;
-        } else {
-          checked = value === trueValue;
-        }
+  SwitchMore.prototype.initState = function () {
+    var _a = this.props,
+      data = _a.data,
+      value = _a.value,
+      trueValue = _a.trueValue;
+      _a.falseValue;
+      var name = _a.name,
+      bulk = _a.bulk;
+      _a.hiddenOnDefault;
+    var checked = false;
+    var show = false;
+    // 这个开关 无具体属性对应
+    if (!name) {
+      // 子表单项是组件根属性，遍历看是否有值
+      if (bulk) {
+        var formNames = this.getFormItemNames();
+        checked = some(formNames, function (key) {
+          return data[key] !== undefined;
+        });
+        show = checked;
       } else {
-        checked = !!value === trueValue;
+        checked = value === trueValue;
       }
-      // 开关有属性对应
-      return {
-        checked: checked,
-        show: show
-      };
+    } else {
+      checked = !!value === trueValue;
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "getFormItemNames", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var form = this.props.form;
-      var formNames = form && Array.isArray(form === null || form === void 0 ? void 0 : form.body) ? form.body.map(function (item) {
-        return typeof item === 'string' ? undefined : item === null || item === void 0 ? void 0 : item.name;
-      }).filter(function (name) {
-        return name;
-      }) : [];
-      return formNames;
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "overlayRef", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (ref) {
-      this.overlay = ref ? findDOMNode(ref) : null;
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "openPopover", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      this.setState({
-        show: true
-      });
+    // 开关有属性对应
+    return {
+      checked: checked,
+      show: show
+    };
+  };
+  SwitchMore.prototype.getFormItemNames = function () {
+    var form = this.props.form;
+    var formNames = form && Array.isArray(form === null || form === void 0 ? void 0 : form.body) ? form.body.map(function (item) {
+      return typeof item === 'string' ? undefined : item === null || item === void 0 ? void 0 : item.name;
+    }).filter(function (name) {
+      return name;
+    }) : [];
+    return formNames;
+  };
+  SwitchMore.prototype.overlayRef = function (ref) {
+    this.overlay = ref ? findDOMNode(ref) : null;
+  };
+  SwitchMore.prototype.openPopover = function () {
+    this.setState({
+      show: true
+    });
+  };
+  SwitchMore.prototype.toogleExtend = function () {
+    this.setState({
+      show: !this.state.show
+    });
+  };
+  SwitchMore.prototype.closePopover = function () {
+    this.setState({
+      show: false
+    });
+  };
+  SwitchMore.prototype.handleDelete = function (e) {
+    var onRemove = this.props.onRemove;
+    onRemove && onRemove(e);
+  };
+  SwitchMore.prototype.handleSwitchChange = function (checked) {
+    var _a = this.props,
+      onBulkChange = _a.onBulkChange,
+      onChange = _a.onChange,
+      bulk = _a.bulk,
+      defaultData = _a.defaultData,
+      name = _a.name,
+      trueValue = _a.trueValue,
+      falseValue = _a.falseValue;
+    this.setState({
+      checked: checked
+    });
+    // 子表单项是组件根属性，用bulk处理所有属性
+    if (bulk) {
+      // 选中后，给一个默认 {} 或 配置的默认值
+      if (checked) {
+        var data = defaultData ? __assign({}, defaultData) : {};
+        name && (data[name] = trueValue);
+        onBulkChange && onBulkChange(data);
+      }
+      // 取消选中后，讲所有字段重置
+      else {
+        var values = fromPairs(this.getFormItemNames().map(function (i) {
+          return [i, undefined];
+        }));
+        name && (values[name] = falseValue);
+        onBulkChange && onBulkChange(values);
+      }
+      return;
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "toogleExtend", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      this.setState({
-        show: !this.state.show
-      });
+    onChange(checked ? defaultData || true : undefined);
+  };
+  SwitchMore.prototype.handleSubmit = function (values) {
+    var _a = this.props,
+      onChange = _a.onChange,
+      onBulkChange = _a.onBulkChange,
+      bulk = _a.bulk;
+    if (bulk) {
+      onBulkChange && onBulkChange(values);
+    } else {
+      onChange && onChange(values);
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "closePopover", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
+  };
+  SwitchMore.prototype.handleAction = function (e, action, data, throwErrors, delegate) {
+    var onClose = this.props.onClose;
+    if (action.actionType === 'close') {
       this.setState({
         show: false
       });
+      onClose && onClose(e);
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "handleDelete", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (e) {
-      var onRemove = this.props.onRemove;
-      onRemove && onRemove(e);
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "handleSwitchChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (checked) {
-      var _a = this.props,
-        onBulkChange = _a.onBulkChange,
-        onChange = _a.onChange,
-        bulk = _a.bulk,
-        defaultData = _a.defaultData,
-        name = _a.name,
-        trueValue = _a.trueValue,
-        falseValue = _a.falseValue;
-      this.setState({
-        checked: checked
-      });
-      // 子表单项是组件根属性，用bulk处理所有属性
-      if (bulk) {
-        // 选中后，给一个默认 {} 或 配置的默认值
-        if (checked) {
-          var data = defaultData ? __assign({}, defaultData) : {};
-          name && (data[name] = trueValue);
-          onBulkChange && onBulkChange(data);
-        }
-        // 取消选中后，讲所有字段重置
-        else {
-          var values = fromPairs(this.getFormItemNames().map(function (i) {
-            return [i, undefined];
-          }));
-          name && (values[name] = falseValue);
-          onBulkChange && onBulkChange(values);
-        }
-        return;
-      }
-      onChange(checked ? defaultData || true : undefined);
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "handleSubmit", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (values) {
-      var _a = this.props,
-        onChange = _a.onChange,
-        onBulkChange = _a.onBulkChange,
-        bulk = _a.bulk;
-      if (bulk) {
-        onBulkChange && onBulkChange(values);
-      } else {
-        onChange && onChange(values);
-      }
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "handleAction", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (e, action, data, throwErrors, delegate) {
-      var onClose = this.props.onClose;
-      if (action.actionType === 'close') {
-        this.setState({
-          show: false
-        });
-        onClose && onClose(e);
-      }
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderActions", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        render = _a.render,
-        removable = _a.removable,
-        disabled = _a.disabled,
-        form = _a.form,
-        formType = _a.formType,
-        hiddenOnDefault = _a.hiddenOnDefault,
-        bulk = _a.bulk;
-      var _b = this.state,
-        checked = _b.checked,
-        show = _b.show;
-      if (!form || !checked || disabled) {
-        return null;
-      }
-      var actions = [];
-      if (formType === 'dialog') {
-        actions.push(render('switch-more-form', this.renderDialogMore(), {
-          key: 'edit',
-          onSubmit: this.handleSubmit
-        }));
-      } else if (formType === 'pop') {
-        actions.push(React__default.createElement(Button, {
-          key: "edit",
-          level: "link",
-          size: "sm",
-          className: "action-btn",
-          ref: this.overlayRef,
-          onClick: this.openPopover
-        }, React__default.createElement(Icon, {
-          icon: "pencil",
-          className: "icon"
-        })));
-      } else if (bulk && hiddenOnDefault && formType === 'extend') {
-        actions.push(React__default.createElement("div", {
-          key: "open",
-          "data-tooltip": !show ? i18n("311f6d1fa5f13b0e280d7b3c9d40c5be") : undefined,
-          "data-position": "bottom"
-        }, React__default.createElement(Button, {
-          level: "link",
-          size: "sm",
-          className: 'action-btn open-btn' + (show ? ' opening' : ''),
-          onClick: this.toogleExtend
-        }, React__default.createElement(Icon, {
-          icon: "caret",
-          className: "icon"
-        }))));
-      }
-      if (removable) {
-        actions.push(React__default.createElement(Button, {
-          key: "remove",
-          level: "link",
-          size: "sm",
-          onClick: this.handleDelete
-        }, React__default.createElement(Icon, {
-          icon: "delete-btn",
-          className: "icon ae-SwitchMore-icon"
-        })));
-      }
-      return actions;
+  };
+  SwitchMore.prototype.renderActions = function () {
+    var _a = this.props,
+      render = _a.render,
+      removable = _a.removable,
+      disabled = _a.disabled,
+      form = _a.form,
+      formType = _a.formType,
+      hiddenOnDefault = _a.hiddenOnDefault,
+      bulk = _a.bulk;
+    var _b = this.state,
+      checked = _b.checked,
+      show = _b.show;
+    if (!form || !checked || disabled) {
+      return null;
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderPopover", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        render = _a.render,
-        popOverclassName = _a.popOverclassName,
-        overlay = _a.overlay,
-        offset = _a.offset,
-        target = _a.target,
-        container = _a.container,
-        placement = _a.placement,
-        rootClose = _a.rootClose,
-        style = _a.style,
-        title = _a.title;
-      return React__default.createElement(Overlay, {
-        show: true,
-        rootClose: rootClose,
-        placement: placement,
-        target: target || this.overlay,
-        container: container
-      }, React__default.createElement(PopOver, {
-        className: cx('ae-SwitchMore-popover', popOverclassName),
-        placement: placement,
-        overlay: overlay,
-        offset: offset,
-        style: style
-      }, React__default.createElement("header", null, React__default.createElement("p", {
-        className: "ae-SwitchMore-title"
-      }, title || i18n("38aa9dc2a0f14555322061d2ff997349")), React__default.createElement("a", {
-        onClick: this.closePopover,
-        className: "ae-SwitchMore-close"
+    var actions = [];
+    if (formType === 'dialog') {
+      actions.push(render('switch-more-form', this.renderDialogMore(), {
+        key: 'edit',
+        onSubmit: this.handleSubmit
+      }));
+    } else if (formType === 'pop') {
+      actions.push(React__default.createElement(Button, {
+        key: "edit",
+        level: "link",
+        size: "sm",
+        className: "action-btn",
+        ref: this.overlayRef,
+        onClick: this.openPopover
       }, React__default.createElement(Icon, {
-        icon: "close",
+        icon: "pencil",
         className: "icon"
-      }))), render('switch-more-form', this.renderForm(), {
-        onSubmit: this.handleSubmit
       })));
+    } else if (bulk && hiddenOnDefault && formType === 'extend') {
+      actions.push(React__default.createElement("div", {
+        key: "open",
+        "data-tooltip": !show ? i18n("311f6d1fa5f13b0e280d7b3c9d40c5be") : undefined,
+        "data-position": "bottom"
+      }, React__default.createElement(Button, {
+        level: "link",
+        size: "sm",
+        className: 'action-btn open-btn' + (show ? ' opening' : ''),
+        onClick: this.toogleExtend
+      }, React__default.createElement(Icon, {
+        icon: "caret",
+        className: "icon"
+      }))));
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderExtend", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        render = _a.render;
-        _a.form;
-        _a.bulk;
-        var hiddenOnDefault = _a.hiddenOnDefault;
-      var show = this.state.show;
-      if (hiddenOnDefault && !show) {
-        return null;
-      }
-      return React__default.createElement("div", null, React__default.createElement("div", {
-        className: cx('ae-SwitchMore-content', 'inFormItem')
-      }, render('switch-more-form', this.renderForm(), {
-        onSubmit: this.handleSubmit
+    if (removable) {
+      actions.push(React__default.createElement(Button, {
+        key: "remove",
+        level: "link",
+        size: "sm",
+        onClick: this.handleDelete
+      }, React__default.createElement(Icon, {
+        icon: "delete-btn",
+        className: "icon ae-SwitchMore-icon"
       })));
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderDialogMore", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      return {
-        type: 'input-sub-form',
-        btnLabel: '',
-        className: 'inline-block m-0 h-6 bg-white ',
-        itemClassName: 'bg-white hover:bg-white m-0 p-0',
-        icon: 'fa fa-cog',
-        form: __assign({
-          title: this.props.label
-        }, this.renderForm())
-      };
-    }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderForm", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a;
-      var _b = this.props,
-        form = _b.form,
-        name = _b.name,
-        formType = _b.formType,
-        ctx = _b.data,
-        bulk = _b.bulk,
-        defaultData = _b.defaultData,
-        autoFocus = _b.autoFocus;
-      return __assign({
-        type: 'form',
-        wrapWithPanel: false,
-        panelClassName: 'border-none shadow-none mb-0',
-        actionsClassName: 'border-none mt-2.5',
-        wrapperComponent: 'div',
-        mode: 'horizontal',
-        horizontal: {
-          justify: true,
-          left: 4
-        },
-        autoFocus: autoFocus,
-        formLazyChange: true,
-        preventEnterSubmit: true,
-        submitOnChange: ['pop', 'extend'].includes(formType),
-        data: ctx && name && !bulk ? (_a = ctx[name]) !== null && _a !== void 0 ? _a : defaultData : defaultData !== null && defaultData !== void 0 ? defaultData : {}
-      }, form);
+    return actions;
+  };
+  SwitchMore.prototype.renderPopover = function () {
+    var _a = this.props,
+      render = _a.render,
+      popOverclassName = _a.popOverclassName,
+      overlay = _a.overlay,
+      offset = _a.offset,
+      target = _a.target,
+      container = _a.container,
+      placement = _a.placement,
+      rootClose = _a.rootClose,
+      style = _a.style,
+      title = _a.title;
+    return React__default.createElement(Overlay, {
+      show: true,
+      rootClose: rootClose,
+      placement: placement,
+      target: target || this.overlay,
+      container: container
+    }, React__default.createElement(PopOver, {
+      className: cx('ae-SwitchMore-popover', popOverclassName),
+      placement: placement,
+      overlay: overlay,
+      offset: offset,
+      style: style
+    }, React__default.createElement("header", null, React__default.createElement("p", {
+      className: "ae-SwitchMore-title"
+    }, title || i18n("38aa9dc2a0f14555322061d2ff997349")), React__default.createElement("a", {
+      onClick: this.closePopover,
+      className: "ae-SwitchMore-close"
+    }, React__default.createElement(Icon, {
+      icon: "close",
+      className: "icon"
+    }))), render('switch-more-form', this.renderForm(), {
+      onSubmit: this.handleSubmit
+    })));
+  };
+  SwitchMore.prototype.renderExtend = function () {
+    var _a = this.props,
+      render = _a.render;
+      _a.form;
+      _a.bulk;
+      var hiddenOnDefault = _a.hiddenOnDefault;
+    var show = this.state.show;
+    if (hiddenOnDefault && !show) {
+      return null;
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "renderMoreSection", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var formType = this.props.formType;
-      var _a = this.state,
-        show = _a.show,
-        checked = _a.checked;
-      if (!checked) {
-        return null;
-      }
-      if (formType === 'pop') {
-        return show ? this.renderPopover() : null;
-      } else if (formType === 'extend') {
-        return this.renderExtend();
-      }
+    return React__default.createElement("div", null, React__default.createElement("div", {
+      className: cx('ae-SwitchMore-content', 'inFormItem')
+    }, render('switch-more-form', this.renderForm(), {
+      onSubmit: this.handleSubmit
+    })));
+  };
+  SwitchMore.prototype.renderDialogMore = function () {
+    return {
+      type: 'input-sub-form',
+      btnLabel: '',
+      className: 'inline-block m-0 h-6 bg-white ',
+      itemClassName: 'bg-white hover:bg-white m-0 p-0',
+      icon: 'fa fa-cog',
+      form: __assign({
+        title: this.props.label
+      }, this.renderForm())
+    };
+  };
+  SwitchMore.prototype.renderForm = function () {
+    var _a;
+    var _b = this.props,
+      form = _b.form,
+      name = _b.name,
+      formType = _b.formType,
+      ctx = _b.data,
+      bulk = _b.bulk,
+      defaultData = _b.defaultData,
+      autoFocus = _b.autoFocus;
+    return __assign({
+      type: 'form',
+      wrapWithPanel: false,
+      panelClassName: 'border-none shadow-none mb-0',
+      actionsClassName: 'border-none mt-2.5',
+      wrapperComponent: 'div',
+      mode: 'horizontal',
+      horizontal: {
+        justify: true,
+        left: 4
+      },
+      autoFocus: autoFocus,
+      formLazyChange: true,
+      preventEnterSubmit: true,
+      submitOnChange: ['pop', 'extend'].includes(formType),
+      data: ctx && name && !bulk ? (_a = ctx[name]) !== null && _a !== void 0 ? _a : defaultData : defaultData !== null && defaultData !== void 0 ? defaultData : {}
+    }, form);
+  };
+  SwitchMore.prototype.renderMoreSection = function () {
+    var formType = this.props.formType;
+    var _a = this.state,
+      show = _a.show,
+      checked = _a.checked;
+    if (!checked) {
       return null;
     }
-  });
-  Object.defineProperty(SwitchMore.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a;
-      var _b = this.props,
-        render = _b.render,
-        disabled = _b.disabled,
-        className = _b.className,
-        body = _b.body,
-        env = _b.env,
-        hidden = _b.hidden,
-        formType = _b.formType,
-        onText = _b.onText,
-        offText = _b.offText;
-      if (hidden) {
-        return null;
-      }
-      var _c = this.state;
-        _c.show;
-        var checked = _c.checked;
-      var actions = this.renderActions();
-      (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
-      return React__default.createElement("div", {
-        className: cx('ae-SwitchMore', 'ae-SwitchMore-' + formType, className)
-      }, React__default.createElement("div", {
-        className: cx('ae-SwitchMore-switch')
-      }, body ? render('body', body) : null, actions && actions.length ? React__default.createElement("div", {
-        className: "ae-SwitchMore-actions"
-      }, actions, checked ? React__default.createElement("hr", null) : null) : null, React__default.createElement(Switch, {
-        value: checked,
-        onChange: this.handleSwitchChange,
-        disabled: disabled,
-        onText: onText,
-        offText: offText
-      })), this.renderMoreSection());
+    if (formType === 'pop') {
+      return show ? this.renderPopover() : null;
+    } else if (formType === 'extend') {
+      return this.renderExtend();
     }
-  });
-  Object.defineProperty(SwitchMore, "defaultProps", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: {
-      // btnIcon: 'pencil',
-      // iconPosition: 'right',
-      container: document.body,
-      autoFocus: true,
-      // placement: 'left',
-      overlay: true,
-      rootClose: false,
-      trueValue: true,
-      falseValue: false,
-      formType: 'pop',
-      bulk: true
-      // editable: true
+    return null;
+  };
+  SwitchMore.prototype.render = function () {
+    var _a;
+    var _b = this.props,
+      render = _b.render,
+      disabled = _b.disabled,
+      className = _b.className,
+      body = _b.body,
+      env = _b.env,
+      hidden = _b.hidden,
+      formType = _b.formType,
+      onText = _b.onText,
+      offText = _b.offText;
+    if (hidden) {
+      return null;
     }
-  });
+    var _c = this.state;
+      _c.show;
+      var checked = _c.checked;
+    var actions = this.renderActions();
+    (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+    return React__default.createElement("div", {
+      className: cx('ae-SwitchMore', 'ae-SwitchMore-' + formType, className)
+    }, React__default.createElement("div", {
+      className: cx('ae-SwitchMore-switch')
+    }, body ? render('body', body) : null, actions && actions.length ? React__default.createElement("div", {
+      className: "ae-SwitchMore-actions"
+    }, actions, checked ? React__default.createElement("hr", null) : null) : null, React__default.createElement(Switch, {
+      value: checked,
+      onChange: this.handleSwitchChange,
+      disabled: disabled,
+      onText: onText,
+      offText: offText
+    })), this.renderMoreSection());
+  };
+  SwitchMore.defaultProps = {
+    // btnIcon: 'pencil',
+    // iconPosition: 'right',
+    container: document.body,
+    autoFocus: true,
+    // placement: 'left',
+    overlay: true,
+    rootClose: false,
+    trueValue: true,
+    falseValue: false,
+    formType: 'pop',
+    bulk: true
+    // editable: true
+  };
 
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], SwitchMore.prototype, "overlayRef", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], SwitchMore.prototype, "openPopover", null);