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

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "amis-editor",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "amis 可视化编辑器",
   "main": "lib/index.js",
+  "module": "esm/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
-    "clean-dist": "rimraf lib/* esm/*"
+    "clean-dist": "rimraf lib/* esm/*",
+    "i18n:update": "npx i18n update --config=./i18nConfig.js",
+    "i18n:translate": "npx i18n translate --config=./i18nConfig.js --l=en-US",
+    "i18n:merge": "npx i18n merge --config=./i18nConfig.js --l=en-US"
   },
   "keywords": [
     "amis",
@@ -16,18 +20,22 @@
   "author": "@fex",
   "license": "ISC",
   "files": [
-    "lib"
+    "lib",
+    "esm"
   ],
   "lint-staged": {
     "{src,scss,examples}/**/**/*.{js,jsx,ts,tsx,scss,json}": [
       "prettier --write"
+    ],
+    "{src,scss,examples}/**/**/*.scss": [
+      "stylelint"
     ]
   },
   "dependencies": {
-    "amis-editor-comp": "*",
+    "@webcomponents/webcomponentsjs": "^2.6.0",
     "amis-editor-core": "*",
-    "lodash": "^4.17.15",
-    "@webcomponents/webcomponentsjs": "^2.6.0"
+    "i18n-runtime": "0.0.12",
+    "lodash": "^4.17.15"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^5.15.3",
@@ -53,10 +61,10 @@
     "@types/sortablejs": "^1.10.7",
     "@types/tinycolor2": "^1.4.3",
     "ajv": "^8.8.2",
-    "amis": "^2.0.0-rc.10",
-    "amis-core": "^2.0.0-rc.10",
-    "amis-formula": "^2.0.0-rc.10",
-    "amis-ui": "^2.0.0-rc.10",
+    "amis": "^2.2.0",
+    "amis-core": "^2.2.0",
+    "amis-formula": "^2.2.0",
+    "amis-ui": "^2.2.0",
     "axios": "0.21.1",
     "concurrently": "^6.2.0",
     "css-loader": "^6.2.0",
@@ -87,6 +95,7 @@
     "sass": "^1.49.7",
     "sass-loader": "^12.5.0",
     "style-loader": "^3.2.1",
+    "stylelint": "^14.11.0",
     "ts-jest": "^28.0.3",
     "ts-json-schema-generator": "0.96.0",
     "ts-loader": "^9.2.5",
@@ -102,6 +111,7 @@
     "amis": "*",
     "amis-core": "*",
     "amis-formula": "*",
-    "amis-ui": "*"
+    "amis-ui": "*",
+    "i18n-runtime": "*"
   }
 }

package/README.md

@@ -1,74 +0,0 @@
-# amis Editor
-
-amis 可视化编辑工具
-
-## 如何使用
-
-```jsx
-import {Editor} from 'amis-editor';
-
-
-render() {
-  return (
-    <Editor
-      {...props}
-    />
-  )
-}
-```
-
-属性说明：
-
-- `value: any` 值，amis 的 json 配置。
-- `onChange: (value: any) => void`。 当编辑器修改的时候会触发。
-- `preview?: boolean` 是否为预览状态。
-- `autoFocus?: boolean` 是否自动聚焦第一个可编辑的组件。
-
-## 开发相关
-
-```
-# 设置 @fex npm 包走 内部 registry
-npm config set @fex:registry http://registry.efe.tech
-
-# 安装项目 npm 依赖。
-npm i
-
-# 启动项目，请通过 http://127.0.0.1:8888/examples/pages/simple 访问。
-npm start
-```
-
-## 测试
-
-目前还没有集成测试用例，请在 exmples 目录添加相应的示例。
-
-## 编辑 npm 版本
-
-```
-npm run build
-```
-
-## 使用本地 amis
-
-在 amis 目录运行
-
-```
-./node_modules/.bin/fis3 release publish -cwd ../editor/node_modules/amis/lib/
-```
-
-## 内网版本发版
-
-1. 注册帐号并登陆，内网仓库是没帐号密码的
-
-   npm adduser --registry=http://registry.npm.baidu-int.com
-   npm login --registry=http://registry.npm.baidu-int.com
-
-2. 查看最新版本号
-
-   npm view @fex/amis-editor versions --registry=http://registry.npm.baidu-int.com
-
-3. 修改 package.json 里的版本号
-4. 运行 `npm run publish-to-internal`
-
-如果要发外网版本，需要使用 `npm login --registry=npm login --registry=http://registry.npmjs.com`，帐号是 fis-dev，密码问群里.
-
-然后使用 `npm publish --registry=http://registry.npmjs.com` 发版

package/lib/event-action/actions.d.ts

@@ -1,3 +0,0 @@
-import type { ActionTypeNode } from 'amis-editor-comp/dist/renderers/event-action';
-declare const ACTION_TYPE_TREE: ActionTypeNode[];
-export default ACTION_TYPE_TREE;

package/lib/event-action/actions.js

@@ -1,188 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// 表单类动作
-var formActions = [
-    {
-        actionLabel: '提交',
-        actionType: 'submit',
-        description: '提交表单数据至数据源'
-    },
-    {
-        actionLabel: '清空',
-        actionType: 'clear',
-        description: '清空表单数据'
-    },
-    {
-        actionLabel: '重置',
-        actionType: 'reset',
-        description: '重置表单数据'
-    },
-    {
-        actionLabel: '校验',
-        actionType: 'validate',
-        description: '校验表单数据'
-    }
-];
-// 页面类动作
-var pageActions = [
-    {
-        actionLabel: '打开页面',
-        actionType: 'openPage',
-        description: '打开/跳转至指定页面'
-    },
-    {
-        actionLabel: '刷新页面',
-        actionType: 'refresh',
-        description: '触发浏览器刷新页面'
-    },
-    {
-        actionLabel: '回退',
-        actionType: 'goBack',
-        description: '浏览器回退'
-    }
-];
-// 弹框类动作
-var dialogActions = [
-    {
-        actionLabel: '打开弹窗',
-        actionType: 'dialog',
-        description: '打开弹框，弹窗内支持复杂的交互设计'
-    },
-    {
-        actionLabel: '关闭弹窗',
-        actionType: 'closeDialog',
-        description: '关闭当前弹窗' // 或者关闭指定弹窗
-    },
-    {
-        actionLabel: '打开抽屉',
-        actionType: 'drawer',
-        description: '打开抽屉，抽屉内支持复杂的交互设计'
-    },
-    {
-        actionLabel: '关闭抽屉',
-        actionType: 'closeDrawer',
-        description: '关闭当前抽屉' // 或者关闭指定抽屉
-    },
-    // 暂时下掉，看后面具体设计
-    // {
-    //   actionLabel: '打开提示对话框',
-    //   actionType: 'alert',
-    //   description: '弹个提示对话框'
-    // },
-    // {
-    //   actionLabel: '打开确认对话框',
-    //   actionType: 'confirm',
-    //   description: '弹个确认对话框'
-    // },
-    {
-        actionLabel: '消息提醒',
-        actionType: 'toast',
-        description: '弹出消息提醒'
-    }
-];
-// 服务类动作
-var serviceActions = [
-    {
-        actionLabel: '发送请求',
-        actionType: 'ajax',
-        description: '配置并发送API请求'
-    },
-    {
-        actionLabel: '下载文件',
-        actionType: 'download',
-        description: '触发下载文件'
-    }
-];
-var ACTION_TYPE_TREE = [
-    {
-        actionLabel: '页面',
-        actionType: 'page',
-        children: pageActions
-    },
-    {
-        actionLabel: '弹框消息',
-        actionType: 'form',
-        children: dialogActions
-    },
-    {
-        actionLabel: '表单',
-        actionType: 'form',
-        children: formActions
-    },
-    {
-        actionLabel: '服务',
-        actionType: 'service',
-        children: serviceActions
-    },
-    {
-        actionLabel: '组件',
-        actionType: 'cmpt',
-        children: [
-            {
-                actionLabel: '刷新',
-                actionType: 'reload',
-                description: '请求并重新加载所选组件的数据'
-            },
-            {
-                actionLabel: '显示',
-                actionType: 'show',
-                description: '显示所选的组件'
-            },
-            {
-                actionLabel: '隐藏',
-                actionType: 'hidden',
-                description: '隐藏所选的组件'
-            },
-            {
-                actionLabel: '启用',
-                actionType: 'enabled',
-                description: '启用所选的组件'
-            },
-            {
-                actionLabel: '禁用',
-                actionType: 'disabled',
-                description: '禁用所选的组件'
-            },
-            {
-                actionLabel: '变量赋值',
-                actionType: 'setValue',
-                description: '修改所选组件的数据值'
-            },
-            {
-                actionLabel: '组件特性动作',
-                actionType: 'component',
-                description: '触发所选组件的特性动作'
-            }
-        ]
-    },
-    // {
-    //   actionLabel: '广播',
-    //   actionType: 'broadcast',
-    //   description: '发送广播事件'
-    // },
-    {
-        actionLabel: '自定义JS',
-        actionType: 'custom',
-        description: '通过JavaScript自定义动作逻辑'
-    },
-    {
-        actionLabel: '其他',
-        actionType: 'others',
-        children: [
-            {
-                actionLabel: '复制内容',
-                actionType: 'copy',
-                description: '复制文本内容至粘贴板'
-            }
-        ]
-    }
-];
-
-exports["default"] = ACTION_TYPE_TREE;

package/lib/event-action/schema.d.ts

@@ -1,13 +0,0 @@
-import type { ActionConfigItemsMap } from 'amis-editor-comp/dist/renderers/event-action';
-export declare const getComboWrapper: (items: any, multiple?: boolean) => {
-    type: string;
-    name: string;
-    multiple: boolean;
-    strictMode: boolean;
-    items: any[];
-};
-/**
- * 获取动作配置项map
- * @param manager
- */
-export declare function getActionConfigItemsMap(manager: any): ActionConfigItemsMap;

package/lib/event-action/schema.js

@@ -1,134 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amis = require('amis');
-var AMisCodeEditor = require('amis-editor-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var getComboWrapper = function (items, multiple) {
-    if (multiple === void 0) { multiple = false; }
-    return ({
-        type: 'combo',
-        name: 'args',
-        // label: '动作参数',
-        multiple: multiple,
-        strictMode: false,
-        items: Array.isArray(items) ? items : [items]
-    });
-};
-/**
- * 获取动作配置项map
- * @param manager
- */
-function getActionConfigItemsMap(manager) {
-    return {
-        ajax: {
-            config: ['api'],
-            desc: function (info) {
-                var _a, _b, _c, _d;
-                return (React__default["default"].createElement("div", null,
-                    "\u53D1\u9001",
-                    React__default["default"].createElement("span", { className: "variable-right variable-left" }, (_b = (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.method),
-                    "\u8BF7\u6C42\uFF1A",
-                    React__default["default"].createElement("span", { className: "variable-left" }, (_d = (_c = info === null || info === void 0 ? void 0 : info.args) === null || _c === void 0 ? void 0 : _c.api) === null || _d === void 0 ? void 0 : _d.url)));
-            },
-            schema: {
-                type: 'wrapper',
-                style: { padding: '0 0 0 32px' },
-                body: [
-                    getComboWrapper(AMisCodeEditor.getSchemaTpl('apiControl', {
-                        name: 'api'
-                    }))
-                ]
-            }
-        },
-        download: {
-            config: ['api'],
-            schema: {
-                type: 'wrapper',
-                style: { padding: '0 0 0 32px' },
-                body: [
-                    getComboWrapper(AMisCodeEditor.getSchemaTpl('apiControl', {
-                        name: 'api'
-                    }))
-                ]
-            }
-        },
-        dialog: {
-            schema: {
-                name: 'dialog',
-                label: '弹框内容',
-                mode: 'horizontal',
-                required: true,
-                pipeIn: AMisCodeEditor.defaultValue({
-                    title: '弹框标题',
-                    body: '<p>对，你刚刚点击了</p>'
-                }),
-                asFormItem: true,
-                children: function (_a) {
-                    var value = _a.value, onChange = _a.onChange; _a.data;
-                    return (React__default["default"].createElement(amis.Button, { size: "sm", className: "action-btn-width", onClick: function () {
-                            return manager.openSubEditor({
-                                title: '配置弹框内容',
-                                value: tslib.__assign({ type: 'dialog' }, value),
-                                onChange: function (value) { return onChange(value); }
-                            });
-                        }, block: true }, "\u53BB\u914D\u7F6E"));
-                }
-            }
-        },
-        drawer: {
-            schema: {
-                name: 'drawer',
-                label: '抽屉内容',
-                mode: 'horizontal',
-                required: true,
-                pipeIn: AMisCodeEditor.defaultValue({
-                    title: '弹框标题',
-                    body: '<p>对，你刚刚点击了</p>'
-                }),
-                asFormItem: true,
-                children: function (_a) {
-                    var value = _a.value, onChange = _a.onChange; _a.data;
-                    return (React__default["default"].createElement(amis.Button, { size: "sm", className: "action-btn-width", onClick: function () {
-                            return manager.openSubEditor({
-                                title: '配置抽出式弹框内容',
-                                value: tslib.__assign({ type: 'drawer' }, value),
-                                onChange: function (value) { return onChange(value); }
-                            });
-                        }, block: true }, "\u53BB\u914D\u7F6E"));
-                }
-            }
-        },
-        link: {
-            config: ['link', 'params'],
-            desc: function (info) {
-                return (React__default["default"].createElement("div", null,
-                    "\u6253\u5F00",
-                    React__default["default"].createElement("span", { className: "variable-left variable-right" }, info === null || info === void 0 ? void 0 : info.__pageName),
-                    "\u9875\u9762"));
-            },
-            schema: getComboWrapper([
-                {
-                    type: 'wrapper',
-                    className: 'p-none',
-                    body: [AMisCodeEditor.getSchemaTpl('app-page'), AMisCodeEditor.getSchemaTpl('app-page-args')]
-                }
-            ])
-        }
-    };
-}
-
-exports.getActionConfigItemsMap = getActionConfigItemsMap;
-exports.getComboWrapper = getComboWrapper;

package/lib/plugin/ButtonToolbar.js

@@ -1,89 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-
-/** @class */ ((function (_super) {
-    tslib.__extends(ButtonToolbarPlugin, _super);
-    function ButtonToolbarPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'button-toolbar';
-        _this.$schema = '/schemas/ButtonToolbarSchema.json';
-        // 组件名称
-        _this.name = '按钮工具栏';
-        _this.isBaseComponent = true;
-        _this.description = '可以用来放置多个按钮或者按钮组，按钮之间会存在一定的间隔';
-        _this.tags = ['按钮'];
-        _this.icon = 'fa fa-ellipsis-h';
-        /**
-         * 组件选择面板中隐藏，和ButtonGroup合并
-         */
-        _this.disabledRendererPlugin = true;
-        _this.scaffold = {
-            type: 'button-toolbar',
-            buttons: [
-                {
-                    type: 'button',
-                    label: '按钮1'
-                },
-                {
-                    type: 'button',
-                    label: '按钮2'
-                }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = '按钮工具栏';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            name: 'buttons',
-                            type: 'combo',
-                            label: '按钮管理',
-                            multiple: true,
-                            addable: true,
-                            draggable: true,
-                            draggableTip: '可排序、可移除、如要编辑请在预览区选中编辑',
-                            editable: false,
-                            visibleOn: 'this.buttons && this.buttons.length',
-                            items: [
-                                {
-                                    type: 'tpl',
-                                    inline: false,
-                                    className: 'p-t-xs',
-                                    tpl: '<span class="label label-default"><% if (data.type === "button-group") { %> 按钮组 <% } else { %><%= data.label %><% if (data.icon) { %><i class="<%= data.icon %>"/><% }%><% } %></span>'
-                                }
-                            ],
-                            addButtonText: '新增按钮',
-                            scaffold: {
-                                type: 'button',
-                                label: '按钮'
-                            }
-                        }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [AMisCodeEditor.getSchemaTpl('className')]
-                },
-                {
-                    title: '显隐',
-                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                }
-            ])
-        ];
-        return _this;
-    }
-    return ButtonToolbarPlugin;
-})(AMisCodeEditor.BasePlugin));
-// 和plugin/Form/ButtonToolbar.tsx的重复了
-// registerEditorPlugin(ButtonToolbarPlugin);

package/lib/renderer/PopoverEdit.d.ts

@@ -1,57 +0,0 @@
-/**
- * @file 浮窗编辑
- */
-import React from 'react';
-import type { Action } from 'amis/lib/types';
-import type { IScopedContext } from 'amis-core';
-import type { FormControlProps } from 'amis-core';
-import type { FormSchema } from 'amis/lib/Schema';
-import type { Offset } from 'amis-ui/lib/components/PopOver';
-export interface PopoverEditProps extends FormControlProps {
-    className?: string;
-    popOverclassName?: string;
-    btnLabel?: string;
-    btnIcon?: string;
-    iconPosition?: 'right' | 'left';
-    mode: 'popover' | 'dialog';
-    form: Omit<FormSchema, 'type'>;
-    rootClose?: boolean;
-    placement?: string;
-    offset?: ((clip: object, offset: object) => Offset) | Offset;
-    style?: object;
-    overlay?: boolean;
-    container?: React.ReactNode | Function;
-    target?: React.ReactNode | Function;
-    trueValue?: any;
-    falseValue?: any;
-    enableEdit?: boolean;
-    removable?: boolean;
-    onClose: (e: React.UIEvent<any> | void) => void;
-}
-interface PopoverEditState {
-    /**
-     * 是否展示编辑窗口
-     */
-    show: boolean;
-    /**
-     * 是否开启编辑
-     */
-    checked: boolean;
-}
-export declare class PopoverEdit extends React.Component<PopoverEditProps, PopoverEditState> {
-    static defaultProps: Pick<PopoverEditProps, 'btnIcon' | 'iconPosition' | 'container' | 'placement' | 'overlay' | 'rootClose' | 'mode' | 'trueValue' | 'falseValue' | 'enableEdit'>;
-    overlay: HTMLElement | null;
-    constructor(props: PopoverEditProps);
-    overlayRef(ref: any): void;
-    openPopover(): void;
-    closePopover(): void;
-    handleDelete(e: React.UIEvent<any> | void): void;
-    handleSwitchChange(checked: boolean): void;
-    handleSubmit(values: any, action: any): void;
-    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
-    renderPopover(): JSX.Element;
-    render(): JSX.Element;
-}
-export declare class PopoverEditRenderer extends PopoverEdit {
-}
-export {};

package/lib/util.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { BaseEventContext, EditorManager } from 'amis-editor-core';
-/**
- * 获取事件动作面板所需属性配置
- */
-export declare const getEventControlConfig: (manager: EditorManager, context: BaseEventContext) => {
-    actions: import("amis-editor-comp/dist/renderers/event-action").PluginActions;
-    events: import("amis-editor-comp/dist/renderers/event-action").PluginEvents;
-    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<import("json-schema").JSONSchema7[] | import("amis").DataSchema>;
-    getComponents: () => any[];
-    actionTree: import("amis-editor-comp/dist/renderers/event-action").ActionTypeNode[];
-    actionConfigItemsMap: {
-        [x: string]: {
-            schema?: any;
-            config?: string[] | undefined;
-            desc?: ((info: any) => string | JSX.Element) | undefined;
-            withComponentId?: boolean | undefined;
-            supportComponents?: string[] | undefined;
-        };
-    };
-    owner: string;
-    addBroadcast: (event: import("amis-editor-comp/dist/renderers/event-action").RendererEvent) => void;
-    removeBroadcast: (id: string) => void;
-};