amis-editor 5.2.0 → 5.2.1-beta.15

package/lib/plugin/Card.d.ts

@@ -0,0 +1,55 @@
+import { BasePlugin, InsertEventContext, PluginEvent, RegionConfig, VRendererConfig } from 'amis-editor-core';
+export declare class CardPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        header: {
+            title: string;
+            subTitle: string;
+        };
+        body: string;
+        actions: {
+            type: string;
+            label: string;
+            actionType: string;
+            dialog: {
+                title: string;
+                body: string;
+            };
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        header: {
+            title: string;
+            subTitle: string;
+        };
+        body: string;
+        actions: {
+            type: string;
+            label: string;
+            actionType: string;
+            dialog: {
+                title: string;
+                body: string;
+            };
+        }[];
+    };
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    fieldWrapperResolve: (dom: HTMLElement) => HTMLElement;
+    overrides: {
+        renderFeild: (this: any, region: string, field: any, index: any, props: any) => any;
+    };
+    vRendererConfig: VRendererConfig;
+    beforeInsert(event: PluginEvent<InsertEventContext>): void;
+}

package/lib/plugin/Card.js

@@ -0,0 +1,323 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisUi = require('amis-ui');
+var React = require('react');
+var amisEditorCore = require('amis-editor-core');
+var flatten = require('lodash/flatten');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var flatten__default = /*#__PURE__*/_interopDefaultLegacy(flatten);
+
+var CardPlugin = /** @class */function (_super) {
+  tslib.__extends(CardPlugin, _super);
+  function CardPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'card'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/CardSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("f49d40842a3c66c4de2e57a48157c707")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/card'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ''
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'card-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'card',
+        header: {
+          title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+          subTitle: i18nRuntime.i18n("72cf373be86a38b29f6d2f15900b0da1")
+        },
+        body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+        actions: [{
+          type: 'button',
+          label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+          actionType: 'dialog',
+          dialog: {
+            title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+          }
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+        renderMethod: 'renderBody',
+        preferTag: i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")
+      }, {
+        key: 'actions',
+        label: i18nRuntime.i18n("c8caf94205105bac5833ab31cc2129d7"),
+        renderMethod: 'renderActions',
+        wrapperResolve: function (dom) {
+          return dom;
+        },
+        preferTag: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: flatten__default["default"]([{
+            children: React__default["default"].createElement(amisUi.Button, {
+              size: "sm",
+              className: "m-b-sm",
+              level: "info",
+              block: true,
+              onClick: function () {
+                // this.manager.showInsertPanel('actions', context.id)
+                return _this.manager.showRendererPanel(i18nRuntime.i18n("fa966345577ba81af19408f203db968f"), i18nRuntime.i18n("0212e8c9b113143a031d1f3e25167794"));
+              }
+            }, "\u65B0\u589E\u6309\u94AE")
+          }, {
+            children: React__default["default"].createElement("div", null, React__default["default"].createElement(amisUi.Button, {
+              block: true,
+              level: "primary",
+              size: "sm",
+              onClick: function () {
+                // this.manager.showInsertPanel('body', context.id)
+                return _this.manager.showRendererPanel(i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"), i18nRuntime.i18n("6312e80e416fa79ff3383e1577c243b8"));
+              }
+            }, "\u65B0\u589E\u5185\u5BB9"))
+          }, {
+            type: 'divider'
+          }, {
+            name: 'header.title',
+            type: 'input-text',
+            label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            description: i18nRuntime.i18n("00a1f644f34b9ee43adf82cb3449158c")
+          }, {
+            name: 'header.subTitle',
+            type: 'input-text',
+            label: i18nRuntime.i18n("72cf373be86a38b29f6d2f15900b0da1"),
+            description: i18nRuntime.i18n("00a1f644f34b9ee43adf82cb3449158c")
+          }, {
+            name: 'header.avatar',
+            type: 'input-text',
+            label: i18nRuntime.i18n("f7a82c9758acc4ff4c5350182f2ca378"),
+            description: i18nRuntime.i18n("00a1f644f34b9ee43adf82cb3449158c")
+          }, {
+            name: 'header.desc',
+            type: 'textarea',
+            label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+            description: i18nRuntime.i18n("00a1f644f34b9ee43adf82cb3449158c")
+          }, {
+            name: 'header.highlight',
+            type: 'input-text',
+            label: i18nRuntime.i18n("d85562778760b00b1372af642c4630e6"),
+            description: i18nRuntime.i18n("4011e5fb23b422f755d81269a5242d22")
+          }])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [{
+            type: 'input-range',
+            name: 'actionsCount',
+            pipeIn: amisEditorCore.defaultValue(4),
+            min: 1,
+            max: 10,
+            step: 1,
+            label: i18nRuntime.i18n("d4f223e0619836d03d488c89558f38e7")
+          }, amisEditorCore.getSchemaTpl('className', {
+            name: 'titleClassName',
+            label: i18nRuntime.i18n("620868e5e60e5c22249c3277c971bb13")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'highlightClassName',
+            label: i18nRuntime.i18n("1fee6fa022c97f5dd7f48e362cea5acf")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'subTitleClassName',
+            label: i18nRuntime.i18n("2a3c7d647a29fb7dc5aedabac216575e")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'descClassName',
+            label: i18nRuntime.i18n("0e627e6a0ff773ee76bc4cc0871cb48d")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'avatarClassName',
+            label: i18nRuntime.i18n("a5680444d449b2099b067e9963fe43aa")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'imageClassName',
+            label: i18nRuntime.i18n("b8e1e46cbdea20de4e5fc130d31b7bcc")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18nRuntime.i18n("a31119cb2fddee3366163a311f317cf7")
+          }), amisEditorCore.getSchemaTpl('className')]
+        }, {
+          title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+          body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+        }])];
+      }
+    });
+    /*exchangeRenderer(id: string) {
+      this.manager.showReplacePanel(id, '展示');
+    }*/
+    Object.defineProperty(_this, "fieldWrapperResolve", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (dom) {
+        return dom;
+      }
+    });
+    Object.defineProperty(_this, "overrides", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        renderFeild: function (region, field, index, props) {
+          var dom = this.super(region, field, index, props);
+          var info = this.props.$$editor;
+          if (!info || !field.$$id) {
+            return dom;
+          }
+          var plugin = info.plugin;
+          var id = field.$$id;
+          return React__default["default"].createElement(amisEditorCore.VRenderer, {
+            type: info.type,
+            plugin: info.plugin,
+            renderer: info.renderer,
+            multifactor: true,
+            key: id,
+            "$schema": "/schemas/CardBodyField.json",
+            hostId: info.id,
+            memberIndex: index,
+            name: "".concat("\u5B57\u6BB5".concat(index + 1)),
+            id: id,
+            draggable: false,
+            wrapperResolve: plugin.fieldWrapperResolve,
+            schemaPath: "".concat(info.schemaPath, "/body/").concat(index),
+            path: "".concat(this.props.$path, "/").concat(index),
+            data: this.props.data
+          }, dom);
+        }
+      }
+    });
+    Object.defineProperty(_this, "vRendererConfig", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        panelTitle: i18nRuntime.i18n("9caecd931b956381e0763d05aa42835c"),
+        panelBodyCreator: function (context) {
+          return [amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('className', {
+            name: 'labelClassName',
+            label: i18nRuntime.i18n("6d0034a2419e1f394dedab07994b9665"),
+            visibleOn: 'this.label'
+          })
+          /*{
+            children: (
+              <Button
+                size="sm"
+                level="info"
+                className="m-b"
+                block
+                onClick={this.exchangeRenderer.bind(this, context.id)}
+              >
+                更改渲染器类型
+              </Button>
+            )
+          }*/];
+        }
+      }
+    });
+
+    return _this;
+  }
+  // 自动插入 label
+  Object.defineProperty(CardPlugin.prototype, "beforeInsert", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var _a, _b, _c, _d;
+      var context = event.context;
+      if ((context.info.plugin === this || ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) && context.region === 'body') {
+        context.data = tslib.__assign(tslib.__assign({}, context.data), {
+          label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : i18nRuntime.i18n("bcee820bc20342a4d388a35ed32a35fe")
+        });
+      }
+    }
+  });
+  return CardPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(CardPlugin);
+
+exports.CardPlugin = CardPlugin;

package/lib/plugin/Card2.d.ts

@@ -0,0 +1,23 @@
+import { BasePlugin, RegionConfig } from 'amis-editor-core';
+export declare class Card2Plugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    disabledRendererPlugin: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    scaffold: {
+        type: string;
+        body: string;
+    };
+    previewSchema: {
+        type: string;
+        body: string;
+    };
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/lib/plugin/Card2.js

@@ -0,0 +1,160 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+var Card2Plugin = /** @class */function (_super) {
+  tslib.__extends(Card2Plugin, _super);
+  function Card2Plugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'card2'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/Card2Schema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("f49d40842a3c66c4de2e57a48157c707")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ''
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'card2',
+        body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+        renderMethod: 'renderBody',
+        preferTag: i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              type: 'button-group-select',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("97d03d4621f0024cf045afbd901197a5"), i18nRuntime.i18n("44705bb94d83e7bd6b3b6c1480ebfb38")),
+              name: 'checkOnItemClick',
+              options: [{
+                label: i18nRuntime.i18n("e30a958a6397e53fae9d5316e851d3aa"),
+                value: true
+              }, {
+                label: i18nRuntime.i18n("31ad7a215f3df84c33b8c28223147b8e"),
+                value: false
+              }],
+              pipeIn: amisEditorCore.defaultValue(false)
+            }, amisEditorCore.getSchemaTpl('switch', {
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("563ae5ccda5004fa1fce77c1ed5bf057"), i18nRuntime.i18n("aeca6900b9e45f7f235eb9d443f0dd61")),
+              name: 'hideCheckToggler',
+              visibleOn: 'this.checkOnItemClick'
+            })]
+          }, amisEditorCore.getSchemaTpl('status', {
+            isFormItem: false
+          })])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+            isFormItem: false,
+            schema: [amisEditorCore.getSchemaTpl('className', {
+              name: 'bodyClassName',
+              label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+              visibleOn: 'this.icon'
+            }),
+            // TODO
+            amisEditorCore.getSchemaTpl('className', {
+              name: 'selectedClassName',
+              label: i18nRuntime.i18n("1d4103a96a70de2cb69dd597d679fefe"),
+              visibleOn: 'this.icon'
+            })]
+          })])
+        }])];
+      }
+    });
+    return _this;
+  }
+  return Card2Plugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(Card2Plugin);
+
+exports.Card2Plugin = Card2Plugin;

package/lib/plugin/Cards.d.ts

@@ -0,0 +1,72 @@
+import { BaseEventContext, BasePlugin, BasicRendererInfo, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem, RendererInfoResolveEventContext } from 'amis-editor-core';
+export declare class CardsPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        data: {
+            items: {
+                a: number;
+                b: number;
+            }[];
+        };
+        columnsCount: number;
+        card: {
+            type: string;
+            className: string;
+            header: {
+                title: string;
+                subTitle: string;
+            };
+            body: {
+                name: string;
+                label: string;
+            }[];
+            actions: {
+                label: string;
+                type: string;
+            }[];
+        };
+    };
+    previewSchema: {
+        className: string;
+        type: string;
+        data: {
+            items: {
+                a: number;
+                b: number;
+            }[];
+        };
+        columnsCount: number;
+        card: {
+            type: string;
+            className: string;
+            header: {
+                title: string;
+                subTitle: string;
+            };
+            body: {
+                name: string;
+                label: string;
+            }[];
+            actions: {
+                label: string;
+                type: string;
+            }[];
+        };
+    };
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    editDetail(id: string): void;
+    buildEditorToolbar({ id, info, schema }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
+    buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    filterProps(props: any): any;
+    getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
+}