amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/esm/plugin/Others/Action.js

@@ -0,0 +1,358 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { Button } from 'amis-ui';
+import React__default from 'react';
+import { defaultValue, getSchemaTpl, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var ActionPlugin =
+/** @class */
+function (_super) {
+  __extends(ActionPlugin, _super);
+
+  function ActionPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.panelTitle = i18n("fa966345577ba81af19408f203db968f");
+
+    _this.panelBodyCreator = function (context) {
+      var isInDialog = /(?:\/|^)dialog\/.+$/.test(context.path);
+      /(?:\/|^)dropdown-button\/.+$/.test(context.path);
+      var schema = [{
+        label: i18n("88d1257b0cf667319085f3e0033b9607"),
+        type: 'select',
+        name: 'actionType',
+        pipeIn: defaultValue(''),
+        options: [{
+          label: i18n("18c63459a2c069022c7790430f761214"),
+          value: ''
+        }, {
+          label: i18n("ab3aec075a09d055b2a28c8b61925ee0"),
+          value: 'dialog'
+        }, {
+          label: i18n("f10f0be4aa9684eef9d78234072fe08b"),
+          value: 'drawer'
+        }, {
+          label: i18n("4f02d2efe05a20232ab9da63c090595c"),
+          value: 'ajax'
+        }, {
+          label: i18n("5dfd5a78e2ba1bc8afb482a8745454ea"),
+          value: 'download'
+        }, {
+          label: i18n("4e58f9c94d345e14e2d69cc8496b7b5a"),
+          value: 'link'
+        }, {
+          label: i18n("982db3084a2c470d1a9b34efa024511c"),
+          value: 'url'
+        }, {
+          label: i18n("f20d9579ebdc9dfc30a212ae6cae931f"),
+          value: 'reload'
+        }, {
+          label: i18n("6a086902a84969a835423002718e86b4"),
+          value: 'copy'
+        }, {
+          label: i18n("939d5345ad4345dbaabe14798f6ac0f1"),
+          value: 'submit'
+        }, {
+          label: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+          value: 'reset'
+        }, {
+          label: i18n("a56c9f13b1566009fdc7640bc551709e"),
+          value: 'reset-and-submit'
+        }, {
+          label: i18n("30313d6fa06603604db18086bbcad9d3"),
+          value: 'clear-and-submit'
+        }, {
+          label: i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+          value: 'confirm'
+        }, {
+          label: i18n("625fb26b4b3340f7872b411f401e754c"),
+          value: 'cancel'
+        }, {
+          label: i18n("0fc26855080a4219bbfad638029a795c"),
+          value: 'next'
+        }, {
+          label: i18n("8ba8a1bead7ca55554cff1c85246ae09"),
+          value: 'prev'
+        }]
+      }, {
+        type: 'input-text',
+        name: 'content',
+        visibleOn: 'data.actionType == "copy"',
+        label: i18n("deb65aca8dba2ff9d0cfaed0a3441068")
+      }, {
+        type: 'select',
+        name: 'copyFormat',
+        options: [{
+          label: i18n("ffb01e5bcf4c00447f5150d3cba81371"),
+          value: 'text/plain'
+        }, {
+          label: i18n("e2591e971f4c28db7c80a5f546084a1d"),
+          value: 'text/html'
+        }],
+        visibleOn: 'data.actionType == "copy"',
+        label: i18n("c28f4d63beabc4833b17aaa10ca550db")
+      }, {
+        type: 'input-text',
+        name: 'target',
+        visibleOn: 'data.actionType == "reload"',
+        label: i18n("21fa07f18f80bee50695686831ae1286"),
+        required: true
+      }, {
+        name: 'dialog',
+        pipeIn: defaultValue({
+          title: i18n("8a089992349df754f182a5d02de8e8e0"),
+          body: i18n("b680997c50ca749acd4e6075cdca244e"),
+          showCloseButton: true,
+          showErrorMsg: true,
+          showLoading: true
+        }),
+        asFormItem: true,
+        children: function (_a) {
+          var value = _a.value,
+              onChange = _a.onChange,
+              data = _a.data;
+          return data.actionType === 'dialog' ? React__default.createElement(Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            onClick: function () {
+              return _this.manager.openSubEditor({
+                title: i18n("c3c8422fcecd8c1cc922cba15ab5cbc0"),
+                value: __assign({
+                  type: 'dialog'
+                }, value),
+                onChange: function (value) {
+                  return onChange(value);
+                }
+              });
+            },
+            block: true
+          }, "\u914D\u7F6E\u5F39\u6846\u5185\u5BB9") : null;
+        }
+      }, {
+        visibleOn: 'data.actionType == "drawer"',
+        name: 'drawer',
+        pipeIn: defaultValue({
+          title: i18n("8a089992349df754f182a5d02de8e8e0"),
+          body: i18n("b680997c50ca749acd4e6075cdca244e")
+        }),
+        asFormItem: true,
+        children: function (_a) {
+          var value = _a.value,
+              onChange = _a.onChange,
+              data = _a.data;
+          return data.actionType == 'drawer' ? React__default.createElement(Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            onClick: function () {
+              return _this.manager.openSubEditor({
+                title: i18n("262c7c7b9874ae5607fb51da468d0e8c"),
+                value: __assign({
+                  type: 'drawer'
+                }, value),
+                onChange: function (value) {
+                  return onChange(value);
+                }
+              });
+            },
+            block: true
+          }, "\u914D\u7F6E\u62BD\u51FA\u5F0F\u5F39\u6846\u5185\u5BB9") : null;
+        }
+      }, getSchemaTpl('api', {
+        label: i18n("5eb694a4252528628929ced97ca95823"),
+        visibleOn: 'data.actionType == "ajax" || data.actionType == "download"'
+      }), {
+        name: 'feedback',
+        pipeIn: defaultValue({
+          title: i18n("8a089992349df754f182a5d02de8e8e0"),
+          body: i18n("84d38979bed546b93c4b3a399844419e")
+        }),
+        asFormItem: true,
+        children: function (_a) {
+          var onChange = _a.onChange,
+              value = _a.value,
+              data = _a.data;
+          return data.actionType == 'ajax' ? React__default.createElement("div", {
+            className: "m-b"
+          }, React__default.createElement(Button, {
+            size: "sm",
+            level: value ? 'danger' : 'info',
+            onClick: function () {
+              return _this.manager.openSubEditor({
+                title: i18n("0cc0fff6eb667b140d3fd06e34a8c69f"),
+                value: __assign({
+                  type: 'dialog'
+                }, value),
+                onChange: function (value) {
+                  return onChange(value);
+                }
+              });
+            }
+          }, "\u914D\u7F6E\u53CD\u9988\u5F39\u6846\u5185\u5BB9"), value ? React__default.createElement(Button, {
+            size: "sm",
+            level: "link",
+            className: "m-l",
+            onClick: function () {
+              return onChange('');
+            }
+          }, "\u6E05\u7A7A\u8BBE\u7F6E") : null) : null;
+        }
+      }, {
+        name: 'feedback.visibleOn',
+        label: i18n("7984d95c01b725a2709fb8f5ee330fb4"),
+        type: 'input-text',
+        visibleOn: 'this.feedback',
+        autoComplete: false,
+        description: i18n("dfa07586a471e24b23fe68e11f5dc41a")
+      }, {
+        name: 'feedback.skipRestOnCancel',
+        label: i18n("47186f00df86d3edad3b5595ba8c2a0a"),
+        type: 'switch',
+        mode: 'inline',
+        className: 'block',
+        visibleOn: 'this.feedback'
+      }, {
+        name: 'feedback.skipRestOnConfirm',
+        label: i18n("4f21e04fe35d39c79e7779cdf2f4e232"),
+        type: 'switch',
+        mode: 'inline',
+        className: 'block',
+        visibleOn: 'this.feedback'
+      }, {
+        type: 'input-text',
+        label: i18n("6ab20dc4b64021b85886ad9c12b6e0cc"),
+        name: 'link',
+        visibleOn: 'data.actionType == "link"'
+      }, {
+        type: 'input-text',
+        label: i18n("6ab20dc4b64021b85886ad9c12b6e0cc"),
+        name: 'url',
+        visibleOn: 'data.actionType == "url"',
+        placeholder: 'http://'
+      }, {
+        type: 'switch',
+        name: 'blank',
+        visibleOn: 'data.actionType == "url"',
+        mode: 'inline',
+        className: 'w-full',
+        label: i18n("0bbc3ec26c36a87c9df3183def6ca9e0"),
+        value: true
+      }, isInDialog ? {
+        visibleOn: 'data.actionType == "submit" || data.type == "submit"',
+        name: 'close',
+        type: 'switch',
+        mode: 'inline',
+        className: 'w-full',
+        pipeIn: defaultValue(true),
+        label: i18n("d0c3025a64b26e5fbf22005f400c06d7")
+      } : null, {
+        name: 'confirmText',
+        type: 'textarea',
+        label: i18n("0c15a924dc3bedefb79c958972bef2b9"),
+        description: i18n("06b13b11740f7663af325bf5426930ba")
+      }, {
+        type: 'input-text',
+        name: 'reload',
+        label: i18n("fa9a0a79f29fef72e3060ea1af93c305"),
+        visibleOn: 'data.actionType != "link" && data.actionType != "url"',
+        description: i18n("437d629f00e62cf99b3ad288f84ade46")
+      }, {
+        type: 'input-text',
+        name: 'target',
+        visibleOn: 'data.actionType != "reload"',
+        label: i18n("b01f08bf5b9f8e3ef9d49e31d89bf770"),
+        description: i18n("f667748a8e9717498da714d4e5087af2")
+      }, {
+        type: 'js-editor',
+        allowFullscreen: true,
+        name: 'onClick',
+        label: i18n("80ddab8a52f74d707765501b0caae21f"),
+        description: i18n("babbd439bc04241ed3536f892668c250")
+      }, {
+        type: 'input-text',
+        name: 'hotKey',
+        label: i18n("867ade50f0bbb10bac65a5c3bc7895e9")
+      }];
+      return [{
+        type: 'container',
+        className: 'p-3',
+        body: schema
+      }];
+    };
+
+    return _this;
+  }
+
+  ActionPlugin.prototype.buildEditorPanel = function (context, panels) {
+    // 多选时不处理
+    if (context.selections.length) {
+      return;
+    }
+
+    if (~['action', 'button', 'submit', 'reset', 'sparkline'].indexOf(context.info.renderer.name)) {
+      this.panelBodyCreator(context); // sparkline 的 action 配置是放 clickAction 参数下的，所以需要加一层
+
+      if (context.info.renderer.name === 'sparkline') ; // panels.push({
+      //   key: 'action',
+      //   icon: 'fa fa-gavel',
+      //   title: '动作',
+      //   render: this.manager.makeSchemaFormRender({
+      //     body: body
+      //   }),
+      //   order: 100
+      // });
+
+    } else {
+      _super.prototype.buildEditorPanel.call(this, context, panels);
+    }
+  };
+
+  ActionPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var _this = this;
+
+    var id = _a.id,
+        schema = _a.schema,
+        info = _a.info;
+
+    if (~['action', 'button', 'submit', 'reset'].indexOf(info.renderer.name) && schema.actionType === 'dialog') {
+      toolbars.push({
+        iconSvg: 'dialog',
+        tooltip: "\u914D\u7F6E\u5F39\u6846\u5185\u5BB9",
+        placement: 'bottom',
+        onClick: function () {
+          return _this.editDetail(id);
+        }
+      });
+    }
+  };
+
+  ActionPlugin.prototype.editDetail = function (id) {
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+    node && value && this.manager.openSubEditor({
+      title: i18n("c3c8422fcecd8c1cc922cba15ab5cbc0"),
+      value: __assign({
+        type: 'dialog'
+      }, value.dialog),
+      onChange: function (newValue) {
+        newValue = __assign(__assign({}, value), {
+          dialog: newValue
+        });
+        manager.panelChangeValue(newValue, diff(value, newValue));
+      }
+    });
+  };
+
+  return ActionPlugin;
+}(BasePlugin);
+registerEditorPlugin(ActionPlugin);
+
+export { ActionPlugin };

package/esm/plugin/Others/TableCell.d.ts

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicRendererInfo, BaseEventContext, RendererInfoResolveEventContext, ReplaceEventContext, PluginEvent } from 'amis-editor-core';
+export declare class TableCellPlugin extends BasePlugin {
+    panelTitle: string;
+    panelIcon: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    getRendererInfo({ renderer, schema }: RendererInfoResolveEventContext): BasicRendererInfo | void;
+    beforeReplace(event: PluginEvent<ReplaceEventContext>): void;
+}