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

package/lib/renderer/event-control/comp-action-select.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 组件专有动作选择器
+ */
+import { Option } from 'amis';
+import { RendererProps } from 'amis-core';
+import React from 'react';
+export declare const BASE_ACTION_PROPS: string[];
+export default class CmptActionSelect extends React.Component<RendererProps> {
+    onChange(option: Option): void;
+    render(): JSX.Element;
+}

package/lib/renderer/event-control/comp-action-select.js

@@ -0,0 +1,65 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 组件专有动作选择器
+ */
+// 动作基本配置项
+var BASE_ACTION_PROPS = [
+    'actionType',
+    '__actionDesc',
+    'preventDefault',
+    'stopPropagation',
+    'expression',
+    'outputVar'
+];
+var CmptActionSelect = /** @class */ (function (_super) {
+    tslib.__extends(CmptActionSelect, _super);
+    function CmptActionSelect() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CmptActionSelect.prototype.onChange = function (option) {
+        var formStore = this.props.formStore;
+        var removeKeys = {};
+        // 保留必须字段，其他过滤掉
+        Object.keys(formStore.data).forEach(function (key) {
+            if (!tslib.__spreadArray(tslib.__spreadArray([], BASE_ACTION_PROPS, true), [
+                'componentId',
+                '__rendererName',
+                '__cmptTreeSource'
+            ], false).includes(key)) {
+                removeKeys[key] = undefined;
+            }
+        });
+        formStore.setValues(tslib.__assign(tslib.__assign({}, removeKeys), { args: undefined, groupType: option.value, __cmptActionDesc: option.description }));
+        this.props.onChange(option.value);
+    };
+    CmptActionSelect.prototype.render = function () {
+        var _a = this.props, data = _a.data, formStore = _a.formStore;
+        // 根据type 从组件树中获取actions
+        var actions = data.pluginActions[data.__rendererName] || [];
+        return (React__default["default"].createElement(amis.Select, { value: formStore.data.groupType, className: "cmpt-action-select", options: actions.map(function (item) { return ({
+                label: item.actionLabel,
+                value: item.actionType,
+                description: item.description
+            }); }), onChange: this.onChange.bind(this), clearable: false }));
+    };
+    return CmptActionSelect;
+}(React__default["default"].Component));
+
+exports.BASE_ACTION_PROPS = BASE_ACTION_PROPS;
+exports["default"] = CmptActionSelect;

package/lib/renderer/event-control/helper.d.ts

@@ -0,0 +1,133 @@
+import { BaseEventContext, EditorManager, PluginActions, RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+import { ActionConfig, ContextVariables } from './types';
+import { DataSchema } from 'amis-core';
+import CmptActionSelect from './comp-action-select';
+export declare const DATA_CONTAINER: string[];
+export declare const SELECT_PROPS_CONTAINER: string[];
+export declare const IS_DATA_CONTAINER: string;
+export declare const SHOW_SELECT_PROP: string;
+export declare const FORMITEM_CMPTS: string[];
+export declare const SUPPORT_DISABLED_CMPTS: string[];
+export declare const getArgsWrapper: (items: any, multiple?: boolean, patch?: {}) => {
+    items: any[];
+    type: string;
+    name: string;
+    multiple: boolean;
+    strictMode: boolean;
+};
+export declare const COMMON_ACTION_SCHEMA_MAP: {
+    [propName: string]: RendererPluginAction;
+};
+export declare const findActionNode: (actions: RendererPluginAction[], actionType: string) => RendererPluginAction | null;
+export declare const findSubActionNode: (actions: RendererPluginAction[], actionType: string) => RendererPluginAction | null;
+export declare const getActionType: (action: ActionConfig, hasSubActionNode: RendererPluginAction | null) => string | undefined;
+export declare const getEventLabel: (events: RendererPluginEvent[], name: string) => string | undefined;
+export declare const getEventDesc: (events: RendererPluginEvent[], name: string) => string | undefined;
+export declare const getEventStrongDesc: (events: RendererPluginEvent[], name: string) => any;
+export declare const hasActionType: (actionType: string, actions?: RendererPluginAction[]) => boolean;
+export declare const getPropOfAcion: (action: ActionConfig, propName: string, actionTree: RendererPluginAction[], pluginActions: PluginActions, commonActions?: {
+    [propName: string]: RendererPluginAction;
+} | undefined) => any;
+export declare const renderCmptSelect: (componentLabel: string, required: boolean, onChange?: ((value: string, oldVal: any, data: any, form: any) => void) | undefined) => {
+    type: string;
+    name: string;
+    label: string;
+    showIcon: boolean;
+    searchable: boolean;
+    required: boolean;
+    selfDisabledAffectChildren: boolean;
+    size: string;
+    source: string;
+    mode: string;
+    autoFill: {
+        __rendererLabel: string;
+        __rendererName: string;
+        __nodeId: string;
+        __nodeSchema: string;
+    };
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+}[];
+export declare const renderCmptActionSelect: (componentLabel: string, required: boolean, onChange?: ((value: string, oldVal: any, data: any, form: any) => void) | undefined) => ({
+    type: string;
+    name: string;
+    label: string;
+    showIcon: boolean;
+    searchable: boolean;
+    required: boolean;
+    selfDisabledAffectChildren: boolean;
+    size: string;
+    source: string;
+    mode: string;
+    autoFill: {
+        __rendererLabel: string;
+        __rendererName: string;
+        __nodeId: string;
+        __nodeSchema: string;
+    };
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+} | {
+    asFormItem: boolean;
+    label: string;
+    name: string;
+    mode: string;
+    required: boolean;
+    visibleOn: string;
+    component: typeof CmptActionSelect;
+    description: string;
+})[];
+export declare const getOldActionSchema: (manager: EditorManager, context: BaseEventContext) => {
+    type: string;
+    content: string;
+    inline: boolean;
+    tooltipTheme: string;
+    body: {
+        type: string;
+        label: string;
+        className: string;
+        actionType: string;
+        dialog: {
+            type: string;
+            title: string;
+            body: {
+                type: string;
+                body: any[];
+            };
+            onConfirm: (values: any[]) => void;
+        };
+    }[];
+};
+/**
+ * 获取事件动作面板所需属性配置
+ */
+export declare const getEventControlConfig: (manager: EditorManager, context: BaseEventContext) => {
+    showOldEntry: boolean;
+    actions: PluginActions;
+    events: import("amis-editor-core").PluginEvents;
+    actionTree: RendererPluginAction[];
+    commonActions: {
+        [propName: string]: RendererPluginAction;
+    } | undefined;
+    owner: string;
+    addBroadcast: (event: RendererPluginEvent) => void;
+    removeBroadcast: (id: string) => void;
+    allComponents: any[];
+    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<DataSchema | import("json-schema").JSONSchema7[]>;
+    getComponents: (action: RendererPluginAction) => any[];
+    actionConfigInitFormatter: (action: ActionConfig, variables: {
+        eventVariables: ContextVariables[];
+        rawVariables: ContextVariables[];
+    }) => Promise<{
+        actionType: string | undefined;
+        args: {
+            __dataContainerVariables: ContextVariables[];
+        };
+        description?: string | undefined;
+        componentId?: string | undefined;
+        outputVar?: string | undefined;
+        preventDefault?: boolean | undefined;
+        stopPropagation?: boolean | undefined;
+        expression?: string | undefined;
+        execOn?: string | undefined;
+    }>;
+    actionConfigSubmitFormatter: (config: ActionConfig) => ActionConfig;
+};