diff --git a/packages/amis-editor-core/src/component/Panel/AvailableRenderersPanel.tsx b/packages/amis-editor-core/src/component/Panel/AvailableRenderersPanel.tsx index 6bad4c6707c..b876686d2cd 100644 --- a/packages/amis-editor-core/src/component/Panel/AvailableRenderersPanel.tsx +++ b/packages/amis-editor-core/src/component/Panel/AvailableRenderersPanel.tsx @@ -28,7 +28,7 @@ export class AvailableRenderersPanel extends React.Component< const customRenderersByOrder = store.customRenderersByOrder || []; const groupedSubRenderers = store.groupedSubRenderers || {}; const groupedCustomRenderers = store.groupedCustomRenderers || {}; // 自定义组件 - + debugger; return (
组件
diff --git a/packages/amis-editor-core/src/manager.ts b/packages/amis-editor-core/src/manager.ts index 5b70cd59bbd..bd3aa057fb9 100644 --- a/packages/amis-editor-core/src/manager.ts +++ b/packages/amis-editor-core/src/manager.ts @@ -227,6 +227,7 @@ export class EditorManager { readonly store: EditorStoreType, readonly parent?: EditorManager ) { + debugger; // 传给 amis 渲染器的默认 env this.env = { ...(env as any), // 默认的 env 中带 jumpTo diff --git a/packages/amis-editor-core/src/store/editor.ts b/packages/amis-editor-core/src/store/editor.ts index 93d3a05c8b4..679340d588e 100644 --- a/packages/amis-editor-core/src/store/editor.ts +++ b/packages/amis-editor-core/src/store/editor.ts @@ -517,7 +517,7 @@ export const MainStore = types const panels: Array = [].concat( (this.leftPanels as any) || [] ); - + debugger; if (self.insertId && self.insertRegion) { panels.push({ key: 'insert', diff --git a/packages/amis-editor/src/plugin/Form/Combo.tsx b/packages/amis-editor/src/plugin/Form/Combo.tsx index a37a29a5e75..cf4786b0d29 100644 --- a/packages/amis-editor/src/plugin/Form/Combo.tsx +++ b/packages/amis-editor/src/plugin/Form/Combo.tsx @@ -19,9 +19,11 @@ import {ValidatorTag} from '../../validator'; import { getArgsWrapper, getEventControlConfig, - getActionCommonProps + getActionCommonProps, + buildLinkActionDesc } from '../../renderer/event-control/helper'; import {resolveInputTableEventDataSchame} from '../../util'; +import React from 'react'; export class ComboControlPlugin extends BasePlugin { static id = 'ComboControlPlugin'; @@ -264,6 +266,14 @@ export class ComboControlPlugin extends BasePlugin { actionLabel: '添加项', description: '添加新的项', innerArgs: ['item'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ {buildLinkActionDesc(props.manager, info)} + 添加项 +
+ ); + }, schema: getArgsWrapper({ type: 'combo', label: '添加项', diff --git a/packages/amis-editor/src/plugin/Form/InputTable.tsx b/packages/amis-editor/src/plugin/Form/InputTable.tsx index d52c16fabcf..2cc019472ff 100644 --- a/packages/amis-editor/src/plugin/Form/InputTable.tsx +++ b/packages/amis-editor/src/plugin/Form/InputTable.tsx @@ -22,7 +22,8 @@ import {ValidatorTag} from '../../validator'; import { getEventControlConfig, getArgsWrapper, - getActionCommonProps + getActionCommonProps, + buildLinkActionDesc } from '../../renderer/event-control/helper'; import cloneDeep from 'lodash/cloneDeep'; import { @@ -958,6 +959,14 @@ export class TableControlPlugin extends BasePlugin { actionLabel: '添加行', description: '添加行数据', innerArgs: ['item', 'index'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ {buildLinkActionDesc(props.manager, info)} + 添加行 +
+ ); + }, schema: getArgsWrapper({ type: 'container', body: [ @@ -1026,6 +1035,14 @@ export class TableControlPlugin extends BasePlugin { actionLabel: '删除行', description: '删除某一行数据', innerArgs: ['condition', 'index'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ {buildLinkActionDesc(props.manager, info)} + 删除行 +
+ ); + }, schema: getArgsWrapper({ type: 'container', body: [ @@ -1107,12 +1124,30 @@ export class TableControlPlugin extends BasePlugin { { actionType: 'initDrag', actionLabel: '开启排序', - description: '开启表格拖拽排序功能' + description: '开启表格拖拽排序功能', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 开启 + {buildLinkActionDesc(props.manager, info)} + 排序 +
+ ); + } }, { actionType: 'cancelDrag', actionLabel: '取消排序', - description: '取消表格拖拽排序功能' + description: '取消表格拖拽排序功能', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 取消 + {buildLinkActionDesc(props.manager, info)} + 排序 +
+ ); + } } ]; diff --git a/packages/amis-editor/src/plugin/Form/InputTree.tsx b/packages/amis-editor/src/plugin/Form/InputTree.tsx index 6087f428aff..3db3f554d31 100644 --- a/packages/amis-editor/src/plugin/Form/InputTree.tsx +++ b/packages/amis-editor/src/plugin/Form/InputTree.tsx @@ -34,6 +34,15 @@ export const TreeCommonAction: RendererPluginAction[] = [ actionLabel: '新增', description: '新增数据项', innerArgs: ['item', 'parentValue'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 新增 + {buildLinkActionDesc(props.manager, info)} + 数据项 +
+ ); + }, schema: getArgsWrapper({ type: 'container', body: [ @@ -71,6 +80,15 @@ export const TreeCommonAction: RendererPluginAction[] = [ actionLabel: '编辑', description: '编辑数据项', innerArgs: ['item', 'originValue'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 编辑 + {buildLinkActionDesc(props.manager, info)} + 数据项 +
+ ); + }, schema: getArgsWrapper({ type: 'container', body: [ @@ -109,6 +127,15 @@ export const TreeCommonAction: RendererPluginAction[] = [ actionLabel: '删除', description: '删除数据项', innerArgs: ['value'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 删除 + {buildLinkActionDesc(props.manager, info)} + 数据项 +
+ ); + }, schema: getArgsWrapper([ getSchemaTpl('formulaControl', { label: '数据删除项的值', diff --git a/packages/amis-editor/src/plugin/Image.tsx b/packages/amis-editor/src/plugin/Image.tsx index fa055a0ac57..61562bcd18f 100644 --- a/packages/amis-editor/src/plugin/Image.tsx +++ b/packages/amis-editor/src/plugin/Image.tsx @@ -14,9 +14,11 @@ import { import {defaultValue, getSchemaTpl, tipedLabel} from 'amis-editor-core'; import {mockValue} from 'amis-editor-core'; import { + buildLinkActionDesc, getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper'; +import React from 'react'; export class ImagePlugin extends BasePlugin { static id = 'ImagePlugin'; @@ -119,12 +121,29 @@ export class ImagePlugin extends BasePlugin { { actionType: 'preview', actionLabel: '预览', - description: '预览图片' + description: '预览图片', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 预览 + {buildLinkActionDesc(props.manager, info)} +
+ ); + } }, { actionType: 'zoom', actionLabel: '调整图片比例', description: '将图片等比例放大或缩小', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 调整 + {buildLinkActionDesc(props.manager, info)} + 图片比例 +
+ ); + }, schema: { type: 'container', body: [ diff --git a/packages/amis-editor/src/plugin/Nav.tsx b/packages/amis-editor/src/plugin/Nav.tsx index 52feda67b98..53899520af8 100644 --- a/packages/amis-editor/src/plugin/Nav.tsx +++ b/packages/amis-editor/src/plugin/Nav.tsx @@ -12,7 +12,8 @@ import { } from 'amis-editor-core'; import { getEventControlConfig, - getActionCommonProps + getActionCommonProps, + buildLinkActionDesc } from '../renderer/event-control/helper'; export class NavPlugin extends BasePlugin { @@ -253,7 +254,16 @@ export class NavPlugin extends BasePlugin { { actionType: 'updateItems', actionLabel: '更新菜单项', - description: '触发组件更新菜单项' + description: '触发组件更新菜单项', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 更新 + {buildLinkActionDesc(props.manager, info)} + 菜单项 +
+ ); + } }, { actionType: 'collapse', diff --git a/packages/amis-editor/src/plugin/OfficeViewer.tsx b/packages/amis-editor/src/plugin/OfficeViewer.tsx index 5de3d067bee..aefdbdfa596 100644 --- a/packages/amis-editor/src/plugin/OfficeViewer.tsx +++ b/packages/amis-editor/src/plugin/OfficeViewer.tsx @@ -1,6 +1,8 @@ import {RendererPluginAction, registerEditorPlugin} from 'amis-editor-core'; import {BaseEventContext, BasePlugin} from 'amis-editor-core'; import {defaultValue, getSchemaTpl} from 'amis-editor-core'; +import React from 'react'; +import {buildLinkActionDesc} from '../renderer/event-control'; export class OfficeViewerPlugin extends BasePlugin { static id = 'OfficeViewerPlugin'; @@ -32,12 +34,28 @@ export class OfficeViewerPlugin extends BasePlugin { { actionType: 'print', actionLabel: '打印', - description: '打印文档' + description: '打印文档', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 打印文档 + {buildLinkActionDesc(props.manager, info)} +
+ ); + } }, { actionType: 'saveAs', actionLabel: '下载', - description: '下载文档' + description: '下载文档', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 下载文档 + {buildLinkActionDesc(props.manager, info)} +
+ ); + } } ]; diff --git a/packages/amis-editor/src/plugin/QRCode.tsx b/packages/amis-editor/src/plugin/QRCode.tsx index c5e166abdf2..53386c5a0d7 100644 --- a/packages/amis-editor/src/plugin/QRCode.tsx +++ b/packages/amis-editor/src/plugin/QRCode.tsx @@ -1,6 +1,8 @@ import {RendererPluginAction, registerEditorPlugin} from 'amis-editor-core'; import {BasePlugin} from 'amis-editor-core'; import {defaultValue, getSchemaTpl} from 'amis-editor-core'; +import React from 'react'; +import {buildLinkActionDesc} from '../renderer/event-control'; export class QRCodePlugin extends BasePlugin { static id = 'QRCodePlugin'; @@ -29,7 +31,15 @@ export class QRCodePlugin extends BasePlugin { { actionType: 'saveAs', actionLabel: '下载', - description: '触发二维码下载' + description: '触发二维码下载', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 下载二维码 + {buildLinkActionDesc(props.manager, info)} +
+ ); + } } ]; diff --git a/packages/amis-editor/src/plugin/Service.tsx b/packages/amis-editor/src/plugin/Service.tsx index 48698404772..3d95f760cd2 100644 --- a/packages/amis-editor/src/plugin/Service.tsx +++ b/packages/amis-editor/src/plugin/Service.tsx @@ -18,7 +18,8 @@ import {DSBuilderManager} from '../builder/DSBuilderManager'; import {DSFeatureEnum, ModelDSBuilderKey, ApiDSBuilderKey} from '../builder'; import { getEventControlConfig, - getActionCommonProps + getActionCommonProps, + buildLinkActionDesc } from '../renderer/event-control/helper'; import type {Schema} from 'amis-core'; @@ -177,7 +178,16 @@ export class ServicePlugin extends BasePlugin { { actionType: 'rebuild', actionLabel: '重新构建', - description: '触发schemaApi刷新,重新构建Schema' + description: '触发schemaApi刷新,重新构建Schema', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 重新构建 + {buildLinkActionDesc(props.manager, info)} + Schema +
+ ); + } }, { actionType: 'setValue', diff --git a/packages/amis-editor/src/plugin/Table.tsx b/packages/amis-editor/src/plugin/Table.tsx index 37cf6a44ce7..fff75f1a2e1 100644 --- a/packages/amis-editor/src/plugin/Table.tsx +++ b/packages/amis-editor/src/plugin/Table.tsx @@ -29,7 +29,8 @@ import {reaction} from 'mobx'; import {DSBuilderManager} from '../builder/DSBuilderManager'; import { getEventControlConfig, - getArgsWrapper + getArgsWrapper, + buildLinkActionDesc } from '../renderer/event-control/helper'; import { schemaArrayFormat, @@ -453,6 +454,15 @@ export class TablePlugin extends BasePlugin { actionLabel: '设置选中项', description: '设置表格的选中项', innerArgs: ['selected'], + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 设置 + {buildLinkActionDesc(props.manager, info)} + 选中项 +
+ ); + }, schema: getArgsWrapper([ getSchemaTpl('formulaControl', { name: 'selected', @@ -472,17 +482,44 @@ export class TablePlugin extends BasePlugin { { actionType: 'clearAll', actionLabel: '清空选中项', - description: '清空表格所有选中项' + description: '清空表格所有选中项', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 清空 + {buildLinkActionDesc(props.manager, info)} + 选中项 +
+ ); + } }, { actionType: 'initDrag', actionLabel: '开启排序', - description: '开启表格拖拽排序功能' + description: '开启表格拖拽排序功能', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 开启 + {buildLinkActionDesc(props.manager, info)} + 排序 +
+ ); + } }, { actionType: 'cancelDrag', actionLabel: '取消排序', - description: '取消表格拖拽排序功能' + description: '取消表格拖拽排序功能', + descDetail: (info: any, context: any, props: any) => { + return ( +
+ 取消 + {buildLinkActionDesc(props.manager, info)} + 排序 +
+ ); + } } ];