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

package/esm/plugin/Panel.js

@@ -0,0 +1,213 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { Button } from 'amis';
+import React__default from 'react';
+import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var PanelPlugin =
+/** @class */
+function (_super) {
+  __extends(PanelPlugin, _super);
+
+  function PanelPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'panel';
+    _this.$schema = '/schemas/panelSchema.json';
+    _this.name = i18n("cd6f79e7bff1337c12c86a15ceedd6da");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-window-maximize';
+    _this.pluginIcon = 'panel-plugin';
+    _this.description = i18n("e04a2f1662121e5a3c397d496114185b");
+    _this.docLink = '/amis/zh-CN/components/panel';
+    _this.tags = i18n("22c799040acdb2601b437ed5449de076");
+    _this.scaffold = {
+      type: 'panel',
+      title: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+      body: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+    };
+    _this.previewSchema = {
+      type: 'panel',
+      title: i18n("4e9bb0326ab4d3a2af94d901c7f1b6a7"),
+      body: i18n("5bf5f1fd54476671bd6fd9d97e3e6b6b"),
+      className: 'Panel--default text-left m-b-none',
+      actions: [{
+        label: i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0"),
+        type: 'button'
+      }, {
+        label: i18n("ce35a17d2ba7caac95092a7a66ac9a0d"),
+        type: 'button'
+      }]
+    };
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      // 复写渲染器里面的 renderBody 方法
+      renderMethod: 'renderBody',
+      // 这个 case 很另类，要自己写。form 里面直接复用了 Panel 来输出内容。
+      // 这种 case 应该跳过包裹 Region
+      // 只有他自己输出时才包裹，form 调用进来是下发了 children 来完成渲染
+      // 自己的话是其他方式。
+      renderMethodOverride: function (regions, insertRegion) {
+        return function () {
+          var args = [];
+
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+
+          var info = this.props.$$editor;
+          var dom = this.super.apply(this, args);
+
+          if (info && !this.props.children) {
+            return insertRegion(this, dom, regions, info, info.plugin.manager);
+          }
+
+          return dom;
+        };
+      }
+    }, {
+      key: 'actions',
+      label: i18n("c8caf94205105bac5833ab31cc2129d7"),
+      renderMethod: 'renderActions',
+      preferTag: i18n("fa966345577ba81af19408f203db968f")
+    }];
+    _this.panelTitle = i18n("cd6f79e7bff1337c12c86a15ceedd6da");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var _a;
+
+      var isForm = /(?:^|\/)form$/.test(context.path) || ((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.type) === 'form';
+      return [getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [getSchemaTpl('collapseGroup', [{
+          className: 'p-none',
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            name: 'title',
+            type: 'input-text'
+          }, isForm ? null : {
+            children: React__default.createElement(Button, {
+              size: "sm",
+              level: "info",
+              className: "m-b",
+              onClick: function () {
+                // this.manager.showInsertPanel('body')
+                _this.manager.showRendererPanel('');
+              },
+              block: true
+            }, "\u5185\u5BB9\u533A\u65B0\u589E\u5185\u5BB9")
+          }]
+        }, getSchemaTpl('status')])]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('collapseGroup', [{
+          className: 'p-none',
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('switch', {
+            name: 'affixFooter',
+            label: i18n("1fae678397df046c1754092f15a71d98"),
+            value: false
+          }), getSchemaTpl('horizontal', {
+            visibleOn: '(data.mode || data.$$formMode) == "horizontal" && data.$$mode == "form"'
+          })]
+        }, {
+          className: 'p-none',
+          title: i18n("68744acedf015b8cfc445af30583815e"),
+          body: [getSchemaTpl('subFormItemMode', {
+            label: i18n("5a0fbcaaeb439684bb4ae5be579e4cd4")
+          }), getSchemaTpl('subFormHorizontalMode', {
+            label: i18n("f99d7e5f15906ca78c45753ee3b04a8b")
+          }), getSchemaTpl('subFormHorizontal')]
+        }, {
+          className: 'p-none',
+          title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [{
+            name: isForm ? 'panelClassName' : 'className',
+            label: i18n("9970ad07468267e2f309f1467c75bb80"),
+            type: 'select',
+            size: 'sm',
+            pipeIn: function (value) {
+              return typeof value === 'string' && /(?:^|\s)(Panel\-\-(\w+))(?:$|\s)/.test(value) ? RegExp.$1 : 'Panel--default';
+            },
+            pipeOut: function (value, origin) {
+              return origin ? "".concat(origin.replace(/(?:^|\s)(Panel\-\-(\w+))(?=($|\s))/g, ''), " ").concat(value).replace(/\s+/g, ' ').trim() : value;
+            },
+            options: [{
+              label: i18n("18c63459a2c069022c7790430f761214"),
+              value: 'Panel--default'
+            }, {
+              label: i18n("fbae87bcc352f6933541fb77a07418ed"),
+              value: 'Panel--primary'
+            }, {
+              label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+              value: 'Panel--info'
+            }, {
+              label: i18n("330363dfc524cff2488f2ebde0500896"),
+              value: 'Panel--success'
+            }, {
+              label: i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+              value: 'Panel--warning'
+            }, {
+              label: i18n("540f84ddc0883866b229f71c2844199a"),
+              value: 'Panel--danger'
+            }]
+          }, getSchemaTpl('className', {
+            label: i18n("5e5d3f13111593b2710673006d4c8297"),
+            name: isForm ? 'panelClassName' : 'className',
+            pipeIn: defaultValue('Panel--default')
+          }), getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18n("65810a32a98f09be550b0c421df6c540")
+          }), getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18n("33be689a0f0de129ce37f7a96052002e")
+          }), getSchemaTpl('className', {
+            name: 'footerClassName',
+            label: i18n("f3b9889baa6d17ec63f05ea7d326bcfa")
+          }), getSchemaTpl('className', {
+            name: 'actionsClassName',
+            label: i18n("da71dcbb13405815476cef28a8b9c4f6")
+          })]
+        }])]
+      }])];
+    };
+
+    return _this;
+  }
+
+  PanelPlugin.prototype.buildEditorPanel = function (context, panels) {
+    var plugin = this;
+    var schema = context.schema;
+    var store = this.manager.store;
+
+    if (context.info.renderer.name === 'form' && schema.wrapWithPanel !== false && !context.selections.length && false) {
+      /** Panel相关的配置融合到From中了 */
+      panels.push({
+        key: 'panel',
+        icon: 'fa fa-list-alt',
+        pluginIcon: plugin.pluginIcon,
+        title: this.panelTitle,
+        render: this.manager.makeSchemaFormRender({
+          body: this.panelBodyCreator(context),
+          panelById: store.activeId
+        })
+      });
+    } else {
+      _super.prototype.buildEditorPanel.call(this, context, panels);
+    }
+  };
+
+  return PanelPlugin;
+}(BasePlugin);
+registerEditorPlugin(PanelPlugin);
+
+export { PanelPlugin };

package/esm/plugin/Plain.d.ts

@@ -0,0 +1,22 @@
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+export declare class PlainPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    disabledRendererPlugin: boolean;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    previewSchema: {
+        type: string;
+        text: string;
+        className: string;
+        inline: boolean;
+    };
+    scaffold: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/esm/plugin/Plain.js

@@ -0,0 +1,82 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var PlainPlugin =
+/** @class */
+function (_super) {
+  __extends(PlainPlugin, _super);
+
+  function PlainPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'plain';
+    _this.$schema = '/schemas/PlainSchema.json';
+    _this.disabledRendererPlugin = true; // 组件面板不显示
+    // 组件名称
+
+    _this.name = i18n("ffb01e5bcf4c00447f5150d3cba81371");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-file-text-o';
+    _this.pluginIcon = 'plain-plugin';
+    _this.description = i18n("6c5b1f0e8e361a801fa75da070d1cba5");
+    _this.docLink = '/amis/zh-CN/components/plain';
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.previewSchema = {
+      type: 'plain',
+      text: i18n("67e77a196826a8880e47ad949ce08ac0"),
+      className: 'text-center',
+      inline: false
+    };
+    _this.scaffold = {
+      type: 'plain',
+      tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+      inline: false
+    };
+    _this.panelTitle = i18n("ffb01e5bcf4c00447f5150d3cba81371");
+
+    _this.panelBodyCreator = function (context) {
+      var isTableCell = context.info.renderer.name === 'table-cell';
+      return getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          label: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+          type: 'textarea',
+          pipeIn: function (value, data) {
+            return value || data && data.text;
+          },
+          name: 'tpl',
+          description: i18n("f8fc21a9fd40881e8fd3d7f15919465c")
+        }, {
+          name: 'placeholder',
+          label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+          type: 'input-text',
+          pipeIn: defaultValue('-')
+        }]
+      }, isTableCell ? null : {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('switch', {
+          name: 'inline',
+          label: i18n("2fb0853874c2cc8cc42f0c7520af662a"),
+          value: true
+        }), getSchemaTpl('className')]
+      }, isTableCell ? null : {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return PlainPlugin;
+}(BasePlugin);
+registerEditorPlugin(PlainPlugin);
+
+export { PlainPlugin };

package/esm/plugin/Progress.d.ts

@@ -0,0 +1,26 @@
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+export declare class ProgressPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    searchKeywords: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        value: number;
+        strokeWidth: number;
+    };
+    previewSchema: {
+        type: string;
+        value: number;
+        strokeWidth: number;
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/esm/plugin/Progress.js

@@ -0,0 +1,225 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, tipedLabel, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var ProgressPlugin =
+/** @class */
+function (_super) {
+  __extends(ProgressPlugin, _super);
+
+  function ProgressPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'progress';
+    _this.$schema = '/schemas/ProgressSchema.json'; // 组件名称
+
+    _this.name = i18n("83077805e05ac6bedad69b47fca4462b");
+    _this.searchKeywords = i18n("c77048def6e8a2d6c556a3fcc9c66730");
+    _this.isBaseComponent = true;
+    _this.description = i18n("b1aefb18d4bf96dc283a26d67abc41a8");
+    _this.docLink = '/amis/zh-CN/components/progress';
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-angle-double-right';
+    _this.pluginIcon = 'progress-plugin';
+    _this.scaffold = {
+      type: 'progress',
+      value: 66,
+      strokeWidth: 6
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("c7bff79d059a0b7ff9b02441959d8be2");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var isFormItem = !!(context === null || context === void 0 ? void 0 : context.info.renderer.isFormItem);
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("226b0912184333c81babf2f1894ec0c1"),
+            name: 'mode',
+            type: 'select',
+            option: i18n("2dde3029c4170a1c8e961a90766e0194"),
+            value: 'line',
+            tiled: true,
+            options: [{
+              label: i18n("ce179eca04fab0d584506b0d19736836"),
+              value: 'line'
+            }, {
+              label: i18n("2db0fcd5342b479688fd999a0108ef5a"),
+              value: 'circle'
+            }, {
+              label: i18n("3fa8b34a2744f62fe93dd599a275af39"),
+              value: 'dashboard'
+            }],
+            onChange: function (value, oldValue, model, form) {
+              if (value === 'circle') {
+                form.setValueByName('gapDegree', 0);
+                form.setValueByName('gapPosition', '');
+              } else if (value === 'dashboard') {
+                form.setValueByName('gapDegree', 75);
+                form.setValueByName('gapPosition', 'bottom');
+              }
+            }
+          }, {
+            type: 'input-number',
+            name: 'value',
+            label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+            min: 0,
+            max: 100
+          }, getSchemaTpl('menuTpl', {
+            name: 'valueTpl'
+          }), getSchemaTpl('switch', {
+            name: 'showLabel',
+            label: i18n("1ca3fa86d8faa46cc75792bcf90d7fff"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('placeholder', {
+            value: '-',
+            placeholder: i18n("b0932e5bb7f7d95e3636d82d1a039854"),
+            label: tipedLabel(i18n("940b12c19fcf7aced0cdd164edc9acbc"), i18n("9cf66e7783e4c9b1d74bcd411edb6950"))
+          })]
+        }, getSchemaTpl('status', {
+          isFormItem: isFormItem
+        })])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'select',
+            name: 'progressClassName',
+            label: i18n("c8339fd2a85af4ba66084d28df808de4"),
+            value: '',
+            options: [{
+              label: i18n("23ecf42cada8bf2715792d718544d107"),
+              value: 'w-xs'
+            }, {
+              label: i18n("391b8fa9c747a1799353ab856e666ad5"),
+              value: 'w-sm'
+            }, {
+              label: i18n("aed1dfbc31703955e64806b799b67645"),
+              value: 'w-md'
+            }, {
+              label: i18n("ab18e30c0dc4093ceeda8961fac3d1f4"),
+              value: 'w-lg'
+            }, {
+              label: i18n("18c63459a2c069022c7790430f761214"),
+              value: ''
+            }]
+          }, {
+            type: 'input-number',
+            name: 'strokeWidth',
+            label: i18n("2f0faae87508471abce4384b60900e15"),
+            value: 6,
+            min: 0,
+            max: 100
+          }, {
+            type: 'input-number',
+            name: 'gapDegree',
+            visibleOn: 'data.mode === "dashboard"',
+            label: i18n("bd9b3f7e564c9eeaedd72f1bcbb7fc9f"),
+            value: 75,
+            min: 0,
+            max: 295
+          }, {
+            label: i18n("31a088147dc0006e4775d066980fa688"),
+            name: 'gapPosition',
+            type: 'button-group-select',
+            visibleOn: 'data.mode === "dashboard"',
+            value: defaultValue('bottom'),
+            tiled: true,
+            options: [{
+              label: i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+              value: 'top'
+            }, {
+              label: i18n("3850a186c3235bc646d4c2f79cebac36"),
+              value: 'bottom'
+            }, {
+              label: i18n("d2aff1417831aa621c16cd5b95306b4b"),
+              value: 'left'
+            }, {
+              label: i18n("4d9c32c23df5d234e629c922c58d8e12"),
+              value: 'right'
+            }]
+          }, getSchemaTpl('switch', {
+            name: 'animate',
+            label: i18n("77a7419dd4fad70c3f3e4b075b2c3fcb"),
+            visibleOn: 'data.mode === "line"'
+          }), {
+            type: 'button-group-select',
+            name: 'style',
+            label: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            visibleOn: 'data.mode === "line"',
+            options: [{
+              label: i18n("a04564aaca658461333b00cbcd071518"),
+              value: 'purity'
+            }, {
+              label: i18n("0a9fc7083e2768107fc178ff36f29ba0"),
+              value: 'stripe'
+            }],
+            pipeIn: function (value, form) {
+              var _a;
+
+              return ((_a = form.data) === null || _a === void 0 ? void 0 : _a.stripe) ? 'stripe' : 'purity';
+            },
+            onChange: function (value, oldValue, model, form) {
+              form.setValueByName('stripe', value === 'stripe');
+            }
+          }, {
+            name: 'map',
+            type: 'combo',
+            mode: 'normal',
+            multiple: true,
+            label: tipedLabel(i18n("6b36c6f7ec834692ec6c8e3816349fdd"), i18n("c035fb9e67c0b566fd5d35889035424e")),
+            items: [{
+              type: 'input-number',
+              name: 'value',
+              placeholder: 'value',
+              required: true,
+              columnClassName: 'w-xs',
+              unique: true,
+              min: 0,
+              step: 10,
+              precision: 0
+            }, {
+              placeholder: 'color',
+              type: 'input-color',
+              name: 'color',
+              required: true
+            }],
+            value: [{
+              color: '#dc3545',
+              value: 20
+            }, {
+              color: '#fad733',
+              value: 60
+            }, {
+              color: '#28a745',
+              value: 100
+            }],
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value : [];
+            }
+          }]
+        }, getSchemaTpl('style:classNames', {
+          schema: [],
+          isFormItem: isFormItem
+        })])
+      }]);
+    };
+
+    return _this;
+  }
+
+  return ProgressPlugin;
+}(BasePlugin);
+registerEditorPlugin(ProgressPlugin);
+
+export { ProgressPlugin };

package/esm/plugin/Property.d.ts

@@ -0,0 +1,28 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class PropertyPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        title: string;
+        items: ({
+            label: string;
+            content: string;
+            span?: undefined;
+        } | {
+            label: string;
+            content: string;
+            span: number;
+        })[];
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBody: any[];
+}