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

package/esm/plugin/Link.d.ts

@@ -0,0 +1,23 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class LinkPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        value: string;
+    };
+    previewSchema: {
+        label: string;
+        type: string;
+        value: string;
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBody: any[];
+}

package/esm/plugin/Link.js

@@ -0,0 +1,105 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var LinkPlugin =
+/** @class */
+function (_super) {
+  __extends(LinkPlugin, _super);
+
+  function LinkPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'link';
+    _this.$schema = '/schemas/LinkSchema.json'; // 组件名称
+
+    _this.name = i18n("bfe68d5844f8e54602760e18f45954f7");
+    _this.isBaseComponent = true;
+    _this.description = i18n("6dfe63d8c039df37787c87afe4c68604");
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-link';
+    _this.pluginIcon = 'url-plugin';
+    _this.scaffold = {
+      type: 'link',
+      value: 'http://www.baidu.com/'
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      label: _this.name
+    });
+    _this.panelTitle = i18n("bfe68d5844f8e54602760e18f45954f7");
+    _this.panelJustify = true;
+    _this.panelBody = [getSchemaTpl('tabs', [{
+      title: i18n("24d67862f87f439db7ca957aecb77cce"),
+      body: getSchemaTpl('collapseGroup', [{
+        title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+        body: [{
+          name: 'href',
+          type: 'input-text',
+          label: tipedLabel(i18n("6ab20dc4b64021b85886ad9c12b6e0cc"), i18n("78ce29fdc55e6d0980b591a264c537a8"))
+        }, {
+          name: 'body',
+          type: 'input-text',
+          label: tipedLabel(i18n("2d711b09bd0db0ad240cc83b30dd8014"), i18n("5d809212900f3bc3ba122fe93638394d"))
+        }, getSchemaTpl('switch', {
+          name: 'blank',
+          label: i18n("88a5126f6a1463fc9986b590ee4ab99f")
+        }), {
+          label: i18n("0431ee7033364800e261d1e560808231"),
+          type: 'button-group-select',
+          name: 'position',
+          pipeIn: defaultValue('rightIcon'),
+          size: 'sm',
+          value: 'rightIcon',
+          options: [{
+            label: i18n("39a2cb79c6d9762783e20522ea86dcff"),
+            value: 'icon'
+          }, {
+            label: i18n("de2a774bf98944b8f0ec8755d5f59d64"),
+            value: 'rightIcon'
+          }]
+        }, getSchemaTpl('iconLink', {
+          name: 'icon',
+          visibleOn: 'this.position == "icon"'
+        }), getSchemaTpl('iconLink', {
+          name: 'rightIcon',
+          visibleOn: 'this.position == "rightIcon"'
+        })]
+      }, getSchemaTpl('status', {
+        disabled: true
+      }), getSchemaTpl('collapseGroup', [{
+        title: i18n("e370757f933a8ecd87bf0255c3ce45d0"),
+        body: [{
+          name: 'htmlTarget',
+          type: 'input-text',
+          label: tipedLabel(i18n("6be15e9949e4be7fc485e1eaae472942"), i18n("e35dbea2b0c097d7fb76173da0e0bba1"))
+        }]
+      }])])
+    }, {
+      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
+        isFormItem: false,
+        schema: [getSchemaTpl('className', {
+          name: 'iconClassName',
+          label: i18n("c182ad6b97f0909596a523b1f04c28d2"),
+          visibleOn: 'this.icon'
+        }), getSchemaTpl('className', {
+          name: 'rightIconClassName',
+          label: i18n("ad7e6f016bc1d9a9bbc6e18224d73247"),
+          visibleOn: 'this.rightIcon'
+        })]
+      })])
+    }])];
+    return _this;
+  }
+
+  return LinkPlugin;
+}(BasePlugin);
+registerEditorPlugin(LinkPlugin);
+
+export { LinkPlugin };

package/esm/plugin/List.d.ts

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

package/esm/plugin/List.js

@@ -0,0 +1,245 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign, __rest } from 'tslib';
+import { Button, resolveVariable } from 'amis';
+import React__default from 'react';
+import { getSchemaTpl, defaultValue, repeatArray, JSONPipeOut, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var ListPlugin =
+/** @class */
+function (_super) {
+  __extends(ListPlugin, _super);
+
+  function ListPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'list';
+    _this.$schema = '/schemas/ListSchema.json'; // 组件名称
+
+    _this.name = i18n("3712972d84adf48acbd6ad24b4d75ad0");
+    _this.isBaseComponent = true;
+    _this.description = i18n("9f556fb46ecef854282d17e631578b1c");
+    _this.docLink = '/amis/zh-CN/components/list';
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-list';
+    _this.pluginIcon = 'list-plugin';
+    _this.scaffold = {
+      type: 'list',
+      listItem: {
+        body: [{
+          type: 'tpl',
+          tpl: i18n("3bb4d608c6bee2b7b6d788417cde04e3")
+        }],
+        actions: [{
+          icon: 'fa fa-eye',
+          type: 'button'
+        }]
+      }
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      items: [{
+        a: 1,
+        b: 2
+      }, {
+        a: 3,
+        b: 4
+      }, {
+        a: 5,
+        b: 6
+      }]
+    });
+    _this.panelTitle = i18n("3712972d84adf48acbd6ad24b4d75ad0");
+
+    _this.panelBodyCreator = function (context) {
+      var isCRUDBody = context.schema.type === 'crud';
+      return getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          children: React__default.createElement(Button, {
+            level: "danger",
+            size: "sm",
+            block: true,
+            onClick: _this.editDetail.bind(_this, context.id)
+          }, "\u914D\u7F6E\u6210\u5458\u8BE6\u60C5")
+        }, {
+          type: 'divider'
+        }, {
+          name: 'title',
+          type: 'input-text',
+          label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+        }, isCRUDBody ? null : {
+          name: 'source',
+          type: 'input-text',
+          label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+          pipeIn: defaultValue('${items}'),
+          description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
+        }, {
+          name: 'placeholder',
+          pipeIn: defaultValue(i18n("1ac0e1626be43287983fe3e5559320eb")),
+          type: 'input-text',
+          label: i18n("35ba83e053cef95e55dfffde279822b5")
+        }]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('switch', {
+          name: 'showHeader',
+          label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
+          pipeIn: defaultValue(true)
+        }), getSchemaTpl('switch', {
+          name: 'showFooter',
+          label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
+          pipeIn: defaultValue(true)
+        }), getSchemaTpl('className', {
+          label: i18n("4434b33a8731a73613ba5fa1eb984efb")
+        }), getSchemaTpl('className', {
+          name: 'listClassName',
+          label: i18n("4e53bfe03e30bb3eae63d90d1f7f2a1c")
+        }), getSchemaTpl('className', {
+          name: 'headerClassName',
+          label: i18n("e494f1aa112068688ca863db7f39a0b5")
+        }), getSchemaTpl('className', {
+          name: 'footerClassName',
+          label: i18n("d267231d2d8b60e267acc7d7d9955ae2")
+        })]
+      }, {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+      }]);
+    };
+
+    return _this;
+  }
+
+  ListPlugin.prototype.filterProps = function (props) {
+    if (props.isSlot) {
+      props.value = [props.data];
+      return props;
+    }
+
+    var data = __assign(__assign({}, props.defaultData), props.data);
+
+    var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, data) : resolveVariable('items', data);
+
+    if (!Array.isArray(arr) || !arr.length) {
+      var mockedData = this.buildMockData();
+      props.value = repeatArray(mockedData, 1).map(function (item, index) {
+        return __assign(__assign({}, item), {
+          id: index + 1
+        });
+      });
+    }
+
+    var $schema = props.$schema,
+        rest = __rest(props, ["$schema"]);
+
+    return __assign(__assign({}, JSONPipeOut(rest)), {
+      $schema: $schema
+    });
+  };
+
+  ListPlugin.prototype.buildMockData = function () {
+    return {
+      id: 666,
+      title: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      description: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      a: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      b: i18n("6cb01692eea2fa7066d20fe2b6ccaea3")
+    };
+  };
+
+  ListPlugin.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("84c04f1e9ce6a6a228228dd3fb96b99e"),
+      value: __assign({}, value.listItem),
+      slot: {
+        type: 'list',
+        listItem: '$$'
+      },
+      onChange: function (newValue) {
+        newValue = __assign(__assign({}, value), {
+          listItem: newValue
+        });
+        manager.panelChangeValue(newValue, diff(value, newValue));
+      },
+      data: {
+        // TODO  默认数据不对
+        items: [this.buildMockData()]
+      }
+    });
+  };
+
+  ListPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info,
+        schema = _a.schema;
+
+    if (info.renderer.name === 'list' || info.renderer.name === 'crud' && schema.mode === 'list') {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  ListPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var id = _a.id,
+        schema = _a.schema;
+        _a.region;
+        var info = _a.info,
+        selections = _a.selections;
+
+    if (selections.length || (info === null || info === void 0 ? void 0 : info.plugin) !== this) {
+      return;
+    }
+
+    if (info.renderer.name === 'list' || info.renderer.name === 'crud' && schema.mode === 'list') {
+      menus.push('|', {
+        label: i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  }; // 为了能够自动注入数据。
+
+
+  ListPlugin.prototype.getRendererInfo = function (context) {
+    var _a;
+
+    var plugin = this;
+    var renderer = context.renderer,
+        schema = context.schema;
+
+    if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'list') {
+      return __assign(__assign({}, {
+        id: schema.$$editor.id
+      }), {
+        name: plugin.name,
+        regions: plugin.regions,
+        patchContainers: plugin.patchContainers,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer
+      });
+    }
+
+    return _super.prototype.getRendererInfo.call(this, context);
+  };
+
+  return ListPlugin;
+}(BasePlugin);
+registerEditorPlugin(ListPlugin);
+
+export { ListPlugin };

package/esm/plugin/ListItem.d.ts

@@ -0,0 +1,16 @@
+import { BasePlugin, BasicRendererInfo, InsertEventContext, PluginEvent, RegionConfig, RendererInfoResolveEventContext, VRendererConfig } from 'amis-editor-core';
+export declare class ListItemPlugin extends BasePlugin {
+    rendererName: string;
+    isBaseComponent: boolean;
+    $schema: string;
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    panelBody: any;
+    getRendererInfo({ renderer, schema }: RendererInfoResolveEventContext): BasicRendererInfo | void;
+    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/esm/plugin/ListItem.js

@@ -0,0 +1,206 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import { getSchemaTpl, defaultValue, VRenderer, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var ListItemPlugin =
+/** @class */
+function (_super) {
+  __extends(ListItemPlugin, _super);
+
+  function ListItemPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'list-item';
+    _this.isBaseComponent = true;
+    _this.$schema = '/schemas/ListItemSchema.json';
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      renderMethod: 'renderBody',
+      preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7")
+    }, {
+      key: 'actions',
+      label: i18n("3b49c8cece3f495f0e76b73823c68bfa"),
+      preferTag: i18n("fa966345577ba81af19408f203db968f"),
+      renderMethod: 'renderRight',
+      insertPosition: 'inner'
+    }];
+    _this.panelTitle = i18n("d9eac94850a74ec881198f4ffe4edcfa");
+    _this.panelBody = getSchemaTpl('tabs', [{
+      title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+      body: [// {
+      //   children: (
+      //     <Button
+      //       size="sm"
+      //       className="m-b-sm"
+      //       level="info"
+      //       block
+      //       onClick={() => {
+      //         this.pickChild('actions', 'actions', undefined, ['button']);
+      //       }}
+      //     >
+      //       新增按钮
+      //     </Button>
+      //   )
+      // },
+      // {
+      //   children: (
+      //     <div>
+      //       <Button
+      //         level="primary"
+      //         size="sm"
+      //         block
+      //         onClick={this.handleAdd}
+      //       >
+      //         新增内容
+      //       </Button>
+      //     </div>
+      //   )
+      // },
+      // {
+      //   type: 'divider'
+      // },
+      {
+        name: 'title',
+        type: 'input-text',
+        label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+        descrition: i18n("3ed7b428165499a1b91ed1eb287ba343")
+      }, {
+        name: 'subTitle',
+        type: 'input-text',
+        label: i18n("72cf373be86a38b29f6d2f15900b0da1"),
+        descrition: i18n("3ed7b428165499a1b91ed1eb287ba343")
+      }, {
+        name: 'avatar',
+        type: 'input-text',
+        label: i18n("f7a82c9758acc4ff4c5350182f2ca378"),
+        descrition: i18n("3ed7b428165499a1b91ed1eb287ba343")
+      }, {
+        name: 'desc',
+        type: 'textarea',
+        label: i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+        descrition: i18n("3ed7b428165499a1b91ed1eb287ba343")
+      }]
+    }, {
+      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [getSchemaTpl('className', {
+        name: 'avatarClassName',
+        label: i18n("b8e1e46cbdea20de4e5fc130d31b7bcc"),
+        pipeIn: defaultValue('thumb-sm avatar m-r')
+      }), getSchemaTpl('className', {
+        name: 'titleClassName',
+        label: i18n("620868e5e60e5c22249c3277c971bb13")
+      })]
+    }]);
+
+    _this.fieldWrapperResolve = function (dom) {
+      return dom;
+    };
+
+    _this.overrides = {
+      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.createElement(VRenderer, {
+          type: info.type,
+          plugin: info.plugin,
+          renderer: info.renderer,
+          multifactor: true,
+          key: id,
+          "$schema": "/schemas/ListBodyField.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);
+      }
+    };
+    _this.vRendererConfig = {
+      panelTitle: i18n("9caecd931b956381e0763d05aa42835c"),
+      panelBodyCreator: function (context) {
+        return [getSchemaTpl('label'), getSchemaTpl('className', {
+          name: 'labelClassName',
+          label: 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;
+  }
+
+  ListItemPlugin.prototype.getRendererInfo = function (_a) {
+    var renderer = _a.renderer,
+        schema = _a.schema;
+
+    if (schema.$$id && this.rendererName === renderer.name) {
+      // 复制部分信息出去
+      return {
+        name: this.panelTitle,
+        regions: this.regions,
+        // patchContainers: plugin.patchContainers,
+        // // wrapper: plugin.wrapper,
+        // vRendererConfig: plugin.vRendererConfig,
+        // wrapperProps: plugin.wrapperProps,
+        // wrapperResolve: plugin.wrapperResolve,
+        // filterProps: plugin.filterProps,
+        $schema: this.$schema // renderRenderer: plugin.renderRenderer
+
+      };
+    }
+  };
+  /*exchangeRenderer(id: string) {
+    this.manager.showReplacePanel(id, '展示');
+  }*/
+  // 自动插入 label
+
+
+  ListItemPlugin.prototype.beforeInsert = 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 = __assign(__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 : i18n("bcee820bc20342a4d388a35ed32a35fe")
+      });
+    }
+  };
+
+  return ListItemPlugin;
+}(BasePlugin);
+registerEditorPlugin(ListItemPlugin);
+
+export { ListItemPlugin };

package/esm/plugin/Log.d.ts

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