amis-editor 6.9.0-rc.9 → 6.10.0-beta.0

package/esm/renderer/event-control/actionsPanelManager.js

@@ -0,0 +1,89 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { __rest, __assign } from 'tslib';
+
+var builtInActionsPanel = [];
+/**
+ * 构建actionTypeTree 数据结构
+ *
+ * @param actionPanel
+ */
+var builtInActionPanelData = function (actionType, actionPanel) {
+    var _a = actionPanel || {}, label = _a.label, description = _a.description, rest = __rest(_a, ["label", "description"]);
+    return __assign({ actionType: actionType, actionLabel: label, description: description }, rest);
+};
+/**
+ * 注册动作面板插件
+ *
+ * @param actionPanel
+ */
+var registerActionPanel = function (actionType, actionPanel) {
+    var _a;
+    var _b = actionPanel || {}, label = _b.label, tag = _b.tag;
+    if (!actionType) {
+        console.warn("actionType \u4E0D\u80FD\u4E3A\u7A7A");
+        return;
+    }
+    if (!label || !tag) {
+        console.warn("label \u6216 tag \u4E0D\u80FD\u4E3A\u7A7A");
+        return;
+    }
+    if (builtInActionsPanel.length === 0) {
+        builtInActionsPanel.push({
+            actionType: tag,
+            actionLabel: tag,
+            children: [builtInActionPanelData(actionType, actionPanel)]
+        });
+        return;
+    }
+    var idx = builtInActionsPanel.findIndex(function (item) { return item.actionType === tag; });
+    if (idx === -1) {
+        builtInActionsPanel.push({
+            actionType: tag,
+            actionLabel: tag,
+            children: [builtInActionPanelData(actionType, actionPanel)]
+        });
+    }
+    else {
+        var subActionsPanel = ((_a = builtInActionsPanel[idx]) === null || _a === void 0 ? void 0 : _a.children) || [];
+        var idx2 = subActionsPanel.findIndex(function (item) { return item.actionType === actionType; });
+        var processData = builtInActionPanelData(actionType, actionPanel);
+        if (idx2 === -1) {
+            subActionsPanel.push(processData);
+        }
+        else {
+            console.warn("\u5B58\u5728actionType\uFF1A".concat(actionType, "\u76F8\u540C\u7684\u52A8\u4F5C\u9762\u677F\uFF0C\u5C06\u4F1A\u8986\u76D6\u539F\u6709\u7684\u52A8\u4F5C\u9762\u677F"));
+            subActionsPanel.splice(idx2, 1, processData);
+        }
+    }
+};
+/**
+ * 注销动作面板插件
+ *
+ * @param actionType
+ */
+var unRegisterActionsPanel = function (actionType) {
+    if (!Array.isArray(actionType)) {
+        actionType = [actionType];
+    }
+    actionType.forEach(function (type) {
+        builtInActionsPanel.forEach(function (item, index) {
+            var _a;
+            (_a = item.children) === null || _a === void 0 ? void 0 : _a.forEach(function (subItem, index) {
+                var _a;
+                if (subItem.actionType === type) {
+                    (_a = subItem.children) === null || _a === void 0 ? void 0 : _a.splice(index, 1);
+                }
+            });
+        });
+    });
+};
+var ACTION_TYPE_TREE = function (manager) {
+    return builtInActionsPanel;
+};
+
+export { ACTION_TYPE_TREE, registerActionPanel, unRegisterActionsPanel };

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/clear.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/clear.js

@@ -0,0 +1,27 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { __spreadArray, __read } from 'tslib';
+import React__default from 'react';
+import { registerActionPanel } from '../../actionsPanelManager.js';
+import { renderCmptSelect, renderCmptIdInput } from './helper.js';
+import { buildLinkActionDesc } from '../../helper.js';
+import { i18n } from 'i18n-runtime';
+
+registerActionPanel('clear', {
+  label: i18n("4a3deab45c0a7218b8ae58a33fd24c28"),
+  tag: i18n("bb79667f37035e9562ec6bcffd6cf8ef"),
+  description: i18n("82986a4cab1d0efdbc23b3ac5f0fd509"),
+  descDetail: function (info, context, props) {
+    return React__default.createElement("div", {
+      className: "action-desc"
+    }, i18n("288f0c404c4e546aa3683ff5054e85e2"), buildLinkActionDesc(props.manager, info), i18n("b91ebe714155c83b6d3bc02b675a31e9"));
+  },
+  supportComponents: 'form',
+  schema: function () {
+    return __spreadArray(__spreadArray([], __read(renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)), false), [renderCmptIdInput()], false);
+  }
+});

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/component.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/component.js

@@ -0,0 +1,19 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { registerActionPanel } from '../../actionsPanelManager.js';
+import { renderCmptActionSelect } from './helper.js';
+import { i18n } from 'i18n-runtime';
+
+registerActionPanel('component', {
+  label: i18n("51325230409d4b7c64aaeb3db9904801"),
+  tag: i18n("bb79667f37035e9562ec6bcffd6cf8ef"),
+  description: i18n("98d130cb9a360df782f6510abacbc022"),
+  supportComponents: '*',
+  schema: function () {
+    return renderCmptActionSelect(i18n("6afde638796d237377b0755506d08ded"));
+  }
+});

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/helper.d.ts

@@ -0,0 +1,76 @@
+import CmptActionSelect from '../../comp-action-select';
+export declare const SELECT_PROPS_CONTAINER: string[];
+export declare const renderCmptActionSelect: (componentLabel: string, required: boolean, onChange?: ((value: string, oldVal: any, data: any, form: any) => void) | undefined, hideAutoFill?: boolean, manager?: any) => ({
+    type: string;
+    name: string;
+    label: string;
+    showIcon: boolean;
+    searchable: boolean;
+    required: boolean;
+    selfDisabledAffectChildren: boolean;
+    size: string;
+    source: string;
+    mode: string;
+    autoFill: {
+        __rendererLabel?: string | undefined;
+        __rendererName?: string | undefined;
+        __nodeId?: string | undefined;
+        __nodeSchema?: string | undefined;
+        __isScopeContainer: string;
+    };
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+} | {
+    type: string;
+    name: string;
+    mode: string;
+    size: string;
+    required: boolean;
+    label: string;
+    visibleOn: string;
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+    asFormItem?: undefined;
+    component?: undefined;
+    description?: undefined;
+} | {
+    asFormItem: boolean;
+    label: string;
+    name: string;
+    mode: string;
+    required: boolean;
+    visibleOn: string;
+    component: typeof CmptActionSelect;
+    description: string;
+    type?: undefined;
+    size?: undefined;
+    onChange?: undefined;
+})[];
+export declare const renderCmptSelect: (componentLabel: string, required: boolean, onChange?: ((value: string, oldVal: any, data: any, form: any) => void) | undefined, hideAutoFill?: boolean) => {
+    type: string;
+    name: string;
+    label: string;
+    showIcon: boolean;
+    searchable: boolean;
+    required: boolean;
+    selfDisabledAffectChildren: boolean;
+    size: string;
+    source: string;
+    mode: string;
+    autoFill: {
+        __rendererLabel?: string | undefined;
+        __rendererName?: string | undefined;
+        __nodeId?: string | undefined;
+        __nodeSchema?: string | undefined;
+        __isScopeContainer: string;
+    };
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+}[];
+export declare const renderCmptIdInput: (onChange?: ((value: string, oldVal: any, data: any, form: any) => void) | undefined) => {
+    type: string;
+    name: string;
+    mode: string;
+    size: string;
+    required: boolean;
+    label: string;
+    visibleOn: string;
+    onChange: (value: string, oldVal: any, data: any, form: any) => Promise<void>;
+};

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/helper.js

@@ -0,0 +1,136 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { __spreadArray, __read, __awaiter, __generator, __assign } from 'tslib';
+import { JSONGetById } from 'amis-editor-core';
+import { DataSchema } from 'amis-core';
+import CmptActionSelect from '../../comp-action-select.js';
+import { i18n } from 'i18n-runtime';
+
+var SELECT_PROPS_CONTAINER = ['form'];
+var renderCmptActionSelect = function (componentLabel, required, onChange, hideAutoFill, manager) {
+  return __spreadArray(__spreadArray([], __read(renderCmptSelect(componentLabel || i18n("d80bc0fcbfb250480320b683e48b1467"), true, function (value, oldVal, data, form) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var contextSchema, dataSchema, variables;
+      var _a, _b;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            if (!form.data.__nodeId) return [3 /*break*/, 3];
+            if (!(form.data.actionType === 'setValue')) return [3 /*break*/, 3];
+            // todo:这里会闪一下，需要从amis查下问题
+            form.setValueByName('args.value', []);
+            form.setValueByName('args.__comboType', undefined);
+            form.setValueByName('args.__valueInput', undefined);
+            form.setValueByName('args.__containerType', undefined);
+            if (!SELECT_PROPS_CONTAINER.includes(form.data.__rendererName)) return [3 /*break*/, 2];
+            return [4 /*yield*/, (_b = (_a = form.data).getContextSchemas) === null || _b === void 0 ? void 0 : _b.call(_a, form.data.__nodeId, true)];
+          case 1:
+            contextSchema = _c.sent();
+            dataSchema = new DataSchema(contextSchema || []);
+            variables = (dataSchema === null || dataSchema === void 0 ? void 0 : dataSchema.getDataPropsAsOptions()) || [];
+            form.setValueByName('__setValueDs', variables.filter(function (item) {
+              return item.value !== '$$id';
+            }));
+            return [3 /*break*/, 3];
+          case 2:
+            form.setValueByName('__setValueDs', []);
+            _c.label = 3;
+          case 3:
+            form.setValueByName('groupType', '');
+            onChange === null || onChange === void 0 ? void 0 : onChange(value, oldVal, data, form);
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, hideAutoFill)), false), [{
+    type: 'input-text',
+    name: '__cmptId',
+    mode: 'horizontal',
+    size: 'lg',
+    required: true,
+    label: i18n("8191e975f70edd63fe65476dd8bc0ddc"),
+    visibleOn: 'this.componentId === "customCmptId" && this.actionType === "component"',
+    onChange: function (value, oldVal, data, form) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var schema;
+        return __generator(this, function (_a) {
+          schema = JSONGetById(manager.store.schema, value, 'id');
+          if (schema) {
+            form.setValues({
+              __rendererName: schema.type
+            });
+          } else {
+            form.setValues({
+              __rendererName: ''
+            });
+          }
+          return [2 /*return*/];
+        });
+      });
+    }
+  }, {
+    asFormItem: true,
+    label: i18n("8deee3cdecdf06a05d22fcacc7031492"),
+    name: 'groupType',
+    mode: 'horizontal',
+    required: true,
+    visibleOn: 'this.actionType === "component"',
+    component: CmptActionSelect,
+    description: '${__cmptActionDesc}'
+  }], false);
+};
+var renderCmptSelect = function (componentLabel, required, onChange, hideAutoFill) {
+  return [{
+    type: 'tree-select',
+    name: 'componentId',
+    label: componentLabel || i18n("d80bc0fcbfb250480320b683e48b1467"),
+    showIcon: false,
+    searchable: true,
+    required: required,
+    selfDisabledAffectChildren: false,
+    size: 'lg',
+    source: '${__cmptTreeSource}',
+    mode: 'horizontal',
+    autoFill: __assign({
+      __isScopeContainer: '${isScopeContainer}'
+    }, hideAutoFill ? {} : {
+      __rendererLabel: '${label}',
+      __rendererName: '${type}',
+      __nodeId: '${id}',
+      __nodeSchema: '${schema}'
+    }),
+    onChange: function (value, oldVal, data, form) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+          onChange === null || onChange === void 0 ? void 0 : onChange(value, oldVal, data, form);
+          return [2 /*return*/];
+        });
+      });
+    }
+  }];
+};
+var renderCmptIdInput = function (onChange) {
+  return {
+    type: 'input-text',
+    name: '__cmptId',
+    mode: 'horizontal',
+    size: 'lg',
+    required: true,
+    label: i18n("8191e975f70edd63fe65476dd8bc0ddc"),
+    visibleOn: 'this.componentId === "customCmptId"',
+    onChange: function (value, oldVal, data, form) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+          onChange === null || onChange === void 0 ? void 0 : onChange(value, oldVal, data, form);
+          return [2 /*return*/];
+        });
+      });
+    }
+  };
+};
+
+export { SELECT_PROPS_CONTAINER, renderCmptActionSelect, renderCmptIdInput, renderCmptSelect };

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/index.d.ts

@@ -0,0 +1,11 @@
+import './visibility';
+import './usability';
+import './staticStatus';
+import './reload';
+import './setValue';
+import './submit';
+import './clear';
+import './reset';
+import './validate';
+import './validateFormItem';
+import './component';

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/reload.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/reload.js

@@ -0,0 +1,145 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { __spreadArray, __read } from 'tslib';
+import React__default from 'react';
+import { getRendererByName } from 'amis-core';
+import { tipedLabel, defaultValue, getSchemaTpl, JSONGetById } from 'amis-editor-core';
+import { registerActionPanel } from '../../actionsPanelManager.js';
+import { renderCmptSelect, renderCmptIdInput } from './helper.js';
+import { buildLinkActionDesc } from '../../helper.js';
+import { i18n } from 'i18n-runtime';
+
+registerActionPanel('reload', {
+  label: i18n("0eb4e63db88e158600dab0e723e8a213"),
+  tag: i18n("bb79667f37035e9562ec6bcffd6cf8ef"),
+  description: i18n("f16654604d6cb2f62469e5aa9db19871"),
+  descDetail: function (info, context, props) {
+    // TODO: actionConfig
+    return React__default.createElement("div", {
+      className: "action-desc"
+    }, i18n("694fc5efa9e1d1c2c5eb6525e1c7fb29"), buildLinkActionDesc(props.manager, info), i18n("bb79667f37035e9562ec6bcffd6cf8ef"));
+  },
+  supportComponents: 'byComponent',
+  schema: function (manager) {
+    return [{
+      type: 'wrapper',
+      size: 'sm',
+      className: 'p-0',
+      body: __spreadArray([], __read(renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true, function (value, oldVal, data, form) {
+        form.setValueByName('args.resetPage', true);
+        form.setValueByName('__addParam', false);
+        form.setValueByName('__containerType', 'all');
+        form.setValueByName('__reloadParam', []);
+      }, true)), false)
+    }, renderCmptIdInput(function (value, oldVal, data, form) {
+      // 找到组件并设置相关的属性
+      var schema = JSONGetById(manager.store.schema, value, 'id');
+      if (schema) {
+        var render = getRendererByName(schema.type);
+        var __isScopeContainer = !!(render === null || render === void 0 ? void 0 : render.storeType);
+        var __rendererName = schema.type;
+        form.setValues({
+          __isScopeContainer: __isScopeContainer,
+          __rendererName: __rendererName
+        });
+      } else {
+        form.setValues({
+          __isScopeContainer: false,
+          __rendererName: ''
+        });
+      }
+    }), {
+      type: 'switch',
+      name: '__resetPage',
+      label: tipedLabel(i18n("697af73997072e0ce9ee65b15a7b3715"), i18n("d7bf42dd6e66f2818f9a232603c4a53b")),
+      onText: i18n("0a60ac8f02ccd2cf723f927284877851"),
+      offText: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+      mode: 'horizontal',
+      pipeIn: defaultValue(true),
+      visibleOn: "this.actionType === \"reload\" && this.__rendererName === \"crud\""
+    }, {
+      type: 'switch',
+      name: '__addParam',
+      label: tipedLabel(i18n("8f0064a9cfd7dcbb3c729f1357f11772"), i18n("a0c117d927c6290bab55ae0e848a4d4b")),
+      onText: i18n("0a60ac8f02ccd2cf723f927284877851"),
+      offText: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+      mode: 'horizontal',
+      pipeIn: defaultValue(false),
+      visibleOn: "this.actionType === \"reload\" &&  this.__isScopeContainer",
+      onChange: function (value, oldVal, data, form) {
+        form.setValueByName('__containerType', 'all');
+      }
+    }, {
+      type: 'radios',
+      name: '__containerType',
+      mode: 'horizontal',
+      label: '',
+      pipeIn: defaultValue('all'),
+      visibleOn: "this.__addParam && this.actionType === \"reload\" && this.__isScopeContainer",
+      options: [{
+        label: i18n("77b1081c177fa3334cc93c99f0ecee75"),
+        value: 'all'
+      }, {
+        label: i18n("f5c5e3d69daee06ea1606378ef466765"),
+        value: 'appoint'
+      }],
+      onChange: function (value, oldVal, data, form) {
+        form.setValueByName('__reloadParams', []);
+        form.setValueByName('__valueInput', undefined);
+      }
+    }, getSchemaTpl('formulaControl', {
+      name: '__valueInput',
+      label: '',
+      variables: '${variables}',
+      size: 'lg',
+      mode: 'horizontal',
+      required: true,
+      visibleOn: "this.__addParam && this.__containerType === \"all\" && this.actionType === \"reload\" && this.__isScopeContainer"
+    }), {
+      type: 'combo',
+      name: '__reloadParams',
+      label: '',
+      multiple: true,
+      removable: true,
+      addable: true,
+      strictMode: false,
+      canAccessSuperData: true,
+      size: 'lg',
+      mode: 'horizontal',
+      formClassName: 'event-action-combo',
+      itemClassName: 'event-action-combo-item',
+      items: [{
+        name: 'key',
+        type: 'input-text',
+        placeholder: i18n("c068b579db3bf0a553bd0af4f81cc14f"),
+        labelField: 'label',
+        valueField: 'value',
+        required: true
+      }, getSchemaTpl('formulaControl', {
+        name: 'val',
+        variables: '${variables}',
+        placeholder: i18n("bfed4943c5f487de1b63a82f7230cce2"),
+        columnClassName: 'flex-1'
+      })],
+      visibleOn: "this.__addParam && this.__containerType === \"appoint\" && this.actionType === \"reload\" && this.__isScopeContainer"
+    }, {
+      type: 'radios',
+      name: 'dataMergeMode',
+      mode: 'horizontal',
+      label: tipedLabel(i18n("eb6cd21b9ed45ded3ecdb12f62b590e1"), i18n("b67b01a3b9170f1daf78082cfd0df793")),
+      pipeIn: defaultValue('merge'),
+      visibleOn: "this.__addParam && this.actionType === \"reload\" && this.__isScopeContainer",
+      options: [{
+        label: i18n("bd81577a6fd4956e676cec499bb70d00"),
+        value: 'merge'
+      }, {
+        label: i18n("e09fea40f7e4abd4b2a495b315940688"),
+        value: 'override'
+      }]
+    }];
+  }
+});

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/reset.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/reset.js

@@ -0,0 +1,27 @@
+/**
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
+ * Copyright 2018-2024 @fex
+ */
+
+import { __spreadArray, __read } from 'tslib';
+import React__default from 'react';
+import { registerActionPanel } from '../../actionsPanelManager.js';
+import { renderCmptSelect, renderCmptIdInput } from './helper.js';
+import { buildLinkActionDesc } from '../../helper.js';
+import { i18n } from 'i18n-runtime';
+
+registerActionPanel('reset', {
+  label: i18n("1b6f5cc49e71c90a5b85a796285e3135"),
+  tag: i18n("bb79667f37035e9562ec6bcffd6cf8ef"),
+  description: i18n("f457845da8c119a8688e333a3554284f"),
+  descDetail: function (info, context, props) {
+    return React__default.createElement("div", {
+      className: "action-desc"
+    }, i18n("4b9c3271dc2f299dc3aeffb369187513"), buildLinkActionDesc(props.manager, info), i18n("b91ebe714155c83b6d3bc02b675a31e9"));
+  },
+  supportComponents: 'form',
+  schema: function () {
+    return __spreadArray(__spreadArray([], __read(renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)), false), [renderCmptIdInput()], false);
+  }
+});

package/esm/renderer/event-control/actionsPanelPlugins/componentActionsPanel/setValue.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECT_PROPS_CONTAINER: string[];
+export declare const SHOW_SELECT_PROP: string;