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

package/lib/event-action/actions.js

@@ -0,0 +1,188 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * 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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,134 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * 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/{dist → lib}/index.d.ts

@@ -1,22 +1,7 @@
-/**
- * @file 总入口
- */
-import Editor from './component/Editor';
-import './component/ClassNameControl';
-import './component/Control/OptionControl';
-import './component/Control/APIControl';
-import './component/Control/ValidationControl';
-import './component/Control/PopoverEdit';
-import './plugin/Others/BasicToolbar';
-import './plugin/Others/Unknown';
+export * from 'amis-editor-core';
+import './tpl/index';
 import './plugin/Others/Action';
 import './plugin/Others/TableCell';
-import './plugin/Others/DataDebug';
-import './plugin/Panel/AvailableRenderers';
-import './plugin/Panel/Code';
-import './plugin/Panel/Outline';
-import './plugin/Panel/Name';
-import './plugin/ErrorRenderer';
 import './plugin/Form/InputArray';
 import './plugin/Form/ButtonGroupSelect';
 import './plugin/Form/ButtonToolbar';
@@ -72,10 +57,12 @@ import './plugin/Form/TabsTransfer';
 import './plugin/Form/Textarea';
 import './plugin/Form/Transfer';
 import './plugin/Form/InputTime';
+import './plugin/Form/InputTimeRange';
 import './plugin/Form/InputTree';
 import './plugin/Form/TreeSelect';
 import './plugin/Form/InputURL';
 import './plugin/Form/InputYear';
+import './plugin/Form/InputYearRange';
 import './plugin/Form/InputExcel';
 import './plugin/Form/InputKV';
 import './plugin/Alert';
@@ -118,6 +105,7 @@ import './plugin/Markdown';
 import './plugin/Nav';
 import './plugin/Operation';
 import './plugin/Page';
+import './plugin/Pagination';
 import './plugin/Panel';
 import './plugin/Plain';
 import './plugin/Progress';
@@ -142,20 +130,25 @@ import './plugin/TooltipWrapper';
 import './plugin/TableView';
 import './plugin/CodeView';
 import './plugin/WebComponent';
-import * as utils from './util';
-import { getSchemaTpl, defaultValue, setSchemaTpl } from './component/schemaTpl';
-import { registerEditorPlugin, unRegisterEditorPlugin, getEditorPlugins } from './manager';
-import { BasePlugin } from './plugin';
-import { BasicEditor, RendererEditor } from './compat';
-import MiniEditor from './component/MiniEditor';
-import CodeEditor from './component/Panel/AMisCodeEditor';
-import IFramePreview from './component/IFramePreview';
-import { mountInIframe } from './component/IFrameBridge';
-import { AvailableRenderersPlugin } from './plugin/Panel/AvailableRenderers';
-import SearchPanel from './component/base/SearchPanel';
-import { BasicToolbarPlugin } from './plugin/Others/BasicToolbar';
-import { VRenderer } from './component/VRenderer';
-import { RegionWrapper } from './component/RegionWrapper';
 import { GridPlugin } from './plugin/Grid';
-import { mapReactElement } from './component/factory';
-export { Editor, MiniEditor, utils, BasePlugin, getSchemaTpl, setSchemaTpl, defaultValue, registerEditorPlugin, unRegisterEditorPlugin, getEditorPlugins, mapReactElement, RendererEditor, BasicEditor, CodeEditor, VRenderer, RegionWrapper, mountInIframe, IFramePreview as IFrameEditor, AvailableRenderersPlugin, BasicToolbarPlugin, GridPlugin, SearchPanel };
+import './renderer/OptionControl';
+import './renderer/APIControl';
+import './renderer/ValidationControl';
+import './renderer/ValidationItem';
+import './renderer/SwitchMoreControl';
+import './renderer/StatusControl';
+import './renderer/FormulaControl';
+import './renderer/DateShortCutControl';
+import './renderer/BadgeControl';
+import './renderer/style-control/BoxModel';
+import './renderer/style-control/Font';
+import './renderer/style-control/Border';
+import './renderer/style-control/BoxShadow';
+import './renderer/style-control/Background';
+import './renderer/style-control/Display';
+import './renderer/RangePartsControl';
+import './renderer/DataBindingControl';
+import './renderer/DataMappingControl';
+import './renderer/DataPickerControl';
+export * from './component/BaseControl';
+export { GridPlugin };

package/lib/index.js

@@ -0,0 +1,181 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AMisCodeEditor = require('amis-editor-core');
+require('./tpl/common.js');
+require('./tpl/horizontal.js');
+require('./tpl/api.js');
+require('./tpl/options.js');
+require('./tpl/validations.js');
+require('./tpl/style.js');
+require('./plugin/Others/Action.js');
+require('./plugin/Others/TableCell.js');
+require('./plugin/Form/InputArray.js');
+require('./plugin/Form/ButtonGroupSelect.js');
+require('./plugin/Form/ButtonToolbar.js');
+require('./plugin/Form/ChainedSelect.js');
+require('./plugin/Form/Checkbox.js');
+require('./plugin/Form/Checkboxes.js');
+require('./plugin/Form/InputCity.js');
+require('./plugin/Form/InputColor.js');
+require('./plugin/Form/Combo.js');
+require('./plugin/Form/ConditionBuilder.js');
+require('./plugin/Form/Control.js');
+require('./plugin/Form/InputDate.js');
+require('./plugin/Form/InputDateRange.js');
+require('./plugin/Form/InputDateTime.js');
+require('./plugin/Form/InputDateTimeRange.js');
+require('./plugin/Form/DiffEditor.js');
+require('./plugin/Form/CodeEditor.js');
+require('./plugin/Form/InputEmail.js');
+require('./plugin/Form/FieldSet.js');
+require('./plugin/Form/InputFile.js');
+require('./plugin/Form/Form.js');
+require('./plugin/Form/Formula.js');
+require('./plugin/Form/Group.js');
+require('./plugin/Form/Hidden.js');
+require('./plugin/Form/InputImage.js');
+require('./plugin/Form/InputGroup.js');
+require('./plugin/Form/Item.js');
+require('./plugin/Form/ListSelect.js');
+require('./plugin/Form/LocationPicker.js');
+require('./plugin/Form/UUID.js');
+require('./plugin/Form/MatrixCheckboxes.js');
+require('./plugin/Form/InputMonth.js');
+require('./plugin/Form/InputMonthRange.js');
+require('./plugin/Form/NestedSelect.js');
+require('./plugin/Form/InputNumber.js');
+require('./plugin/Form/InputPassword.js');
+require('./plugin/Form/InputQuarter.js');
+require('./plugin/Form/InputQuarterRange.js');
+require('./plugin/Form/Picker.js');
+require('./plugin/Form/Radios.js');
+require('./plugin/Form/InputRange.js');
+require('./plugin/Form/InputRating.js');
+require('./plugin/Form/InputRepeat.js');
+require('./plugin/Form/InputRichText.js');
+require('./plugin/Form/Select.js');
+require('./plugin/Form/Static.js');
+require('./plugin/Form/InputSubForm.js');
+require('./plugin/Form/Switch.js');
+require('./plugin/Form/InputTable.js');
+require('./plugin/Form/InputTag.js');
+require('./plugin/Form/InputText.js');
+require('./plugin/Form/TabsTransfer.js');
+require('./plugin/Form/Textarea.js');
+require('./plugin/Form/Transfer.js');
+require('./plugin/Form/InputTime.js');
+require('./plugin/Form/InputTimeRange.js');
+require('./plugin/Form/InputTree.js');
+require('./plugin/Form/TreeSelect.js');
+require('./plugin/Form/InputURL.js');
+require('./plugin/Form/InputYear.js');
+require('./plugin/Form/InputYearRange.js');
+require('./plugin/Form/InputExcel.js');
+require('./plugin/Form/InputKV.js');
+require('./plugin/Alert.js');
+require('./plugin/Audio.js');
+require('./plugin/Avatar.js');
+require('./plugin/Button.js');
+require('./plugin/ButtonGroup.js');
+require('./plugin/ButtonToolbar.js');
+require('./plugin/Breadcrumb.js');
+require('./plugin/Card.js');
+require('./plugin/Cards.js');
+require('./plugin/Carousel.js');
+require('./plugin/Chart.js');
+require('./plugin/Collapse.js');
+require('./plugin/CollapseGroup.js');
+require('./plugin/Container.js');
+require('./plugin/CRUD.js');
+require('./plugin/Custom.js');
+require('./plugin/CustomRegion.js');
+require('./plugin/Date.js');
+require('./plugin/Datetime.js');
+require('./plugin/Dialog.js');
+require('./plugin/Divider.js');
+require('./plugin/Drawer.js');
+require('./plugin/DropDownButton.js');
+require('./plugin/Each.js');
+require('./plugin/Flex.js');
+var Grid = require('./plugin/Grid.js');
+require('./plugin/HBox.js');
+require('./plugin/IFrame.js');
+require('./plugin/Image.js');
+require('./plugin/Images.js');
+require('./plugin/Json.js');
+require('./plugin/Link.js');
+require('./plugin/List.js');
+require('./plugin/ListItem.js');
+require('./plugin/Log.js');
+require('./plugin/Mapping.js');
+require('./plugin/Markdown.js');
+require('./plugin/Nav.js');
+require('./plugin/Operation.js');
+require('./plugin/Page.js');
+require('./plugin/Pagination.js');
+require('./plugin/Panel.js');
+require('./plugin/Plain.js');
+require('./plugin/Progress.js');
+require('./plugin/Property.js');
+require('./plugin/QRCode.js');
+require('./plugin/Reset.js');
+require('./plugin/Service.js');
+require('./plugin/Status.js');
+require('./plugin/Steps.js');
+require('./plugin/Sparkline.js');
+require('./plugin/Submit.js');
+require('./plugin/Table.js');
+require('./plugin/Tabs.js');
+require('./plugin/Tasks.js');
+require('./plugin/Time.js');
+require('./plugin/Tpl.js');
+require('./plugin/AnchorNav.js');
+require('./plugin/Video.js');
+require('./plugin/Wizard.js');
+require('./plugin/Wrapper.js');
+require('./plugin/TooltipWrapper.js');
+require('./plugin/TableView.js');
+require('./plugin/CodeView.js');
+require('./plugin/WebComponent.js');
+require('./renderer/OptionControl.js');
+require('./renderer/APIControl.js');
+require('./renderer/ValidationControl.js');
+require('./renderer/ValidationItem.js');
+require('./renderer/SwitchMoreControl.js');
+require('./renderer/StatusControl.js');
+require('./renderer/FormulaControl.js');
+require('./renderer/DateShortCutControl.js');
+require('./renderer/BadgeControl.js');
+require('./renderer/style-control/BoxModel.js');
+require('./renderer/style-control/Font.js');
+require('./renderer/style-control/Border.js');
+require('./renderer/style-control/BoxShadow.js');
+require('./renderer/style-control/Background.js');
+require('./renderer/style-control/Display.js');
+require('./renderer/RangePartsControl.js');
+require('./renderer/DataBindingControl.js');
+require('./renderer/DataMappingControl.js');
+require('./renderer/DataPickerControl.js');
+var BaseControl = require('./component/BaseControl.js');
+
+
+
+exports.GridPlugin = Grid.GridPlugin;
+exports.BUTTON_DEFAULT_ACTION = BaseControl.BUTTON_DEFAULT_ACTION;
+exports.BaseLabelMark = BaseControl.BaseLabelMark;
+exports.formItemControl = BaseControl.formItemControl;
+exports.remarkTpl = BaseControl.remarkTpl;
+exports.tipedLabel = BaseControl.tipedLabel;
+Object.keys(AMisCodeEditor).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return AMisCodeEditor[k]; }
+	});
+});

package/{dist → lib}/plugin/Alert.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../plugin';
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
 import { SchemaObject } from 'amis/lib/Schema';
 export declare class AlertPlugin extends BasePlugin {
     rendererName: string;
@@ -15,6 +15,8 @@ export declare class AlertPlugin extends BasePlugin {
         label: string;
         placeholder: string;
     }[];
+    notRenderFormZone: boolean;
     panelTitle: string;
-    panelBody: any;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
 }