amis-core 3.4.2 → 3.5.0

package/esm/renderers/Form.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -44,6 +44,7 @@ import 'lodash/mapValues';
 import 'lodash/camelCase';
 import 'lodash/map';
 import 'lodash/isEmpty';
+import 'lodash/kebabCase';
 import 'uncontrollable';
 import 'hoist-non-react-statics';
 import '../utils/validations.js';
@@ -587,6 +588,8 @@ var Form = /** @class */ (function (_super) {
                                 dispatchEvent_1('validateSucc', _this.props.data);
                                 if (target) {
                                     _this.submitToTarget(filterTarget(target, values), values);
+                                    /** 可能配置页面跳转事件，页面路由变化导致persistKey不一致，无法清除持久化数据，所以提交成功事件之前先清理一下 */
+                                    clearPersistDataAfterSubmit && store.clearLocalPersistData();
                                     dispatchEvent_1('submitSucc', createObject(_this.props.data, values));
                                 }
                                 else if (action.actionType === 'reload') {
@@ -618,7 +621,9 @@ var Form = /** @class */ (function (_super) {
                                             var _this = this;
                                             return __generator(this, function (_a) {
                                                 switch (_a.label) {
-                                                    case 0: return [4 /*yield*/, dispatchEvent_1('submitSucc', createObject(this.props.data, { result: result }))];
+                                                    case 0:
+                                                        clearPersistDataAfterSubmit && store.clearLocalPersistData();
+                                                        return [4 /*yield*/, dispatchEvent_1('submitSucc', createObject(this.props.data, { result: result }))];
                                                     case 1:
                                                         dispatcher = _a.sent();
                                                         if (!isEffectiveApi(finnalAsyncApi_1, store.data) ||
@@ -681,6 +686,7 @@ var Form = /** @class */ (function (_super) {
                                     }); });
                                 }
                                 else {
+                                    clearPersistDataAfterSubmit && store.clearLocalPersistData();
                                     // type为submit，但是没有配api以及target时，只派发事件
                                     dispatchEvent_1('submitSucc', createObject(_this.props.data, values));
                                 }
@@ -699,7 +705,7 @@ var Form = /** @class */ (function (_super) {
                                 clearPersistDataAfterSubmit && store.clearLocalPersistData();
                                 if (action.redirect || redirect) {
                                     var finalRedirect = filter(action.redirect || redirect, store.data);
-                                    finalRedirect && env.jumpTo(finalRedirect, action);
+                                    finalRedirect && env.jumpTo(finalRedirect, action, store.data);
                                 }
                                 else if (action.reload || reload) {
                                     _this.reloadTarget(filterTarget(action.reload || reload, store.data), store.data);
@@ -771,7 +777,7 @@ var Form = /** @class */ (function (_super) {
                                                 _a.label = 4;
                                             case 4:
                                                 redirect = action.redirect && filter(action.redirect, store.data);
-                                                redirect && env.jumpTo(redirect, action);
+                                                redirect && env.jumpTo(redirect, action, store.data);
                                                 action.reload &&
                                                     this.reloadTarget(filterTarget(action.reload, store.data), store.data);
                                                 action.close && this.closeTarget(action.close);

package/esm/renderers/Item.d.ts

@@ -618,9 +618,7 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             dispose: (callback?: (() => void) | undefined) => void;
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
-         * 验证失败的提示信息
-         */
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         removeStore(store: {
             id: string;
             path: string;
@@ -784,9 +782,7 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             dispose: (callback?: (() => void) | undefined) => void;
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
-         * 验证失败的提示信息
-         */
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         removeStore(store: {
             id: string;
             path: string;

package/esm/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,7 +10,6 @@ import { reaction } from 'mobx';
 import { registerRenderer, renderersMap } from '../factory.js';
 import { ucFirst, getWidthRate, autobind, anyChanged } from '../utils/helper.js';
 import { observer } from 'mobx-react';
-import { filter } from '../utils/tpl.js';
 import { HocStoreFactory } from '../WithStore.js';
 import { wrapControl } from './wrapControl.js';
 import debounce from 'lodash/debounce';
@@ -26,8 +25,8 @@ import { createObject } from '../utils/object.js';
 import 'amis-formula';
 import '../utils/debug.js';
 import '../utils/errors.js';
+import '../utils/tpl.js';
 import 'lodash/isPlainObject';
-import cx from 'classnames';
 import '../utils/filter.js';
 import 'lodash/isObject';
 import 'lodash/isString';
@@ -50,6 +49,7 @@ import '../utils/Animation.js';
 import Overlay from '../components/Overlay.js';
 import PopOver from '../components/PopOver.js';
 import CustomStyle from '../components/CustomStyle.js';
+import cx from 'classnames';
 
 var getItemLabelClassName = function (props) {
     var staticLabelClassName = props.staticLabelClassName, labelClassName = props.labelClassName, id = props.id, themeCss = props.themeCss;
@@ -390,7 +390,7 @@ var FormItemWrap = /** @class */ (function (_super) {
     FormItemWrap.layoutRenderers = {
         horizontal: function (props, renderControl) {
             var _a, _b, _c;
-            var className = props.className, style = props.style, cx = props.classnames, description = props.description, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, desc = props.desc, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint, data = props.data, showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, id = props.id, wrapperCustomStyle = props.wrapperCustomStyle, themeCss = props.themeCss;
+            var className = props.className, style = props.style, cx = props.classnames, description = props.description, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, desc = props.desc, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, id = props.id, wrapperCustomStyle = props.wrapperCustomStyle, themeCss = props.themeCss;
             // 强制不渲染 label 的话
             if (renderLabel === false) {
                 label = label === false ? false : '';
@@ -416,9 +416,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                         _b['Form-label-noLabel'] = label === '',
                         _b), getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
                     React.createElement("span", null,
-                        label
-                            ? render('label', typeof label === 'string' ? filter(label, data) : label)
-                            : null,
+                        label ? render('label', label) : null,
                         required && (label || labelRemark) ? (React.createElement("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
@@ -467,7 +465,7 @@ var FormItemWrap = /** @class */ (function (_super) {
         },
         normal: function (props, renderControl) {
             var _a;
-            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint, data = props.data, showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
+            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
             description = description || desc;
             return (React.createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
@@ -476,9 +474,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames, setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 label && renderLabel !== false ? (React.createElement("label", { className: cx("Form-label", getItemLabelClassName(props)) },
                     React.createElement("span", null,
-                        label
-                            ? render('label', typeof label === 'string' ? filter(label, data) : label)
-                            : null,
+                        label ? render('label', label) : null,
                         required && (label || labelRemark) ? (React.createElement("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
@@ -554,7 +550,7 @@ var FormItemWrap = /** @class */ (function (_super) {
         },
         inline: function (props, renderControl) {
             var _a;
-            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, remark = props.remark, labelRemark = props.labelRemark, env = props.env, hint = props.hint, renderLabel = props.renderLabel, renderDescription = props.renderDescription, data = props.data, showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
+            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, remark = props.remark, labelRemark = props.labelRemark, env = props.env, hint = props.hint, renderLabel = props.renderLabel, renderDescription = props.renderDescription; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
             return (React.createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
@@ -564,9 +560,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames, setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 label && renderLabel !== false ? (React.createElement("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
                     React.createElement("span", null,
-                        label
-                            ? render('label', typeof label === 'string' ? filter(label, data) : label)
-                            : label,
+                        label ? render('label', label) : label,
                         required && (label || labelRemark) ? (React.createElement("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
@@ -612,7 +606,7 @@ var FormItemWrap = /** @class */ (function (_super) {
         },
         row: function (props, renderControl) {
             var _a;
-            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint, data = props.data, showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, wrapperCustomStyle = props.wrapperCustomStyle, themeCss = props.themeCss, id = props.id;
+            var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, wrapperCustomStyle = props.wrapperCustomStyle, themeCss = props.themeCss, id = props.id;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
             return (React.createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
@@ -623,7 +617,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                 React.createElement("div", { className: cx('Form-rowInner') },
                     label && renderLabel !== false ? (React.createElement("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
                         React.createElement("span", null,
-                            render('label', typeof label === 'string' ? filter(label, data) : label),
+                            render('label', label),
                             required && (label || labelRemark) ? (React.createElement("span", { className: cx("Form-star") }, "*")) : null,
                             labelRemark
                                 ? render('label-remark', {

package/esm/renderers/Options.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -30,7 +30,6 @@ import '../utils/DataScope.js';
 import '../utils/debug.js';
 import 'react-dom';
 import '../utils/errors.js';
-import 'classnames';
 import 'lodash/isObject';
 import 'lodash/isString';
 import 'lodash/isBoolean';
@@ -45,6 +44,7 @@ import 'lodash/mapValues';
 import 'lodash/camelCase';
 import 'lodash/map';
 import 'lodash/isEmpty';
+import 'lodash/kebabCase';
 import 'uncontrollable';
 import 'hoist-non-react-statics';
 import '../utils/validations.js';

package/esm/renderers/Placeholder.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/renderers/builtin.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/renderers/register.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/renderers/wrapControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -23,6 +23,7 @@ import { callStrFunction } from '../utils/api.js';
 import '../utils/ColorScale.js';
 import 'lodash/chunk';
 import 'amis-formula';
+import { tokenize } from '../utils/tokenize.js';
 import 'lodash/isPlainObject';
 import { getVariable } from '../utils/getVariable.js';
 import '../utils/DataSchema.js';
@@ -32,7 +33,6 @@ import '../utils/debug.js';
 import 'react-dom';
 import '../utils/errors.js';
 import '../utils/tpl.js';
-import 'classnames';
 import '../utils/filter.js';
 import 'lodash/isObject';
 import '../utils/image.js';
@@ -45,6 +45,7 @@ import 'lodash/mapValues';
 import 'lodash/camelCase';
 import 'lodash/map';
 import 'lodash/isEmpty';
+import 'lodash/kebabCase';
 import 'uncontrollable';
 import '../utils/validations.js';
 import '../utils/resolveCondition.js';
@@ -64,7 +65,7 @@ function wrapControl(ComposedComponent) {
                     trailing: true,
                     leading: false
                 });
-                var _c = _this.props, form = _c.formStore, formItem = _c.formItem, rootStore = _c.rootStore, store = _c.store, onChange = _c.onChange, data = _c.data, inputGroupControl = _c.inputGroupControl, colIndex = _c.colIndex, rowIndex = _c.rowIndex, _d = _c.$schema, name = _d.name, id = _d.id, type = _d.type, required = _d.required, validations = _d.validations, validationErrors = _d.validationErrors, unique = _d.unique, value = _d.value, extraName = _d.extraName; _d.multiple; var delimiter = _d.delimiter, valueField = _d.valueField, labelField = _d.labelField, joinValues = _d.joinValues, extractValue = _d.extractValue, selectFirst = _d.selectFirst, autoFill = _d.autoFill, clearValueOnHidden = _d.clearValueOnHidden, validateApi = _d.validateApi, minLength = _d.minLength, maxLength = _d.maxLength, validateOnChange = _d.validateOnChange, label = _d.label;
+                var _c = _this.props, form = _c.formStore, formItem = _c.formItem, rootStore = _c.rootStore, store = _c.store, onChange = _c.onChange, data = _c.data, inputGroupControl = _c.inputGroupControl, colIndex = _c.colIndex, rowIndex = _c.rowIndex, _d = _c.$schema, id = _d.id, type = _d.type, required = _d.required, validations = _d.validations, validationErrors = _d.validationErrors, unique = _d.unique, value = _d.value, extraName = _d.extraName; _d.multiple; var delimiter = _d.delimiter, valueField = _d.valueField, labelField = _d.labelField, joinValues = _d.joinValues, extractValue = _d.extractValue, selectFirst = _d.selectFirst, autoFill = _d.autoFill, clearValueOnHidden = _d.clearValueOnHidden, validateApi = _d.validateApi, minLength = _d.minLength, maxLength = _d.maxLength, validateOnChange = _d.validateOnChange, label = _d.label;
                 _this.getValue = _this.getValue.bind(_this);
                 _this.setValue = _this.setValue.bind(_this);
                 _this.handleChange = _this.handleChange.bind(_this);
@@ -73,6 +74,13 @@ function wrapControl(ComposedComponent) {
                 _this.handleBlur = _this.handleBlur.bind(_this);
                 _this.validate = _this.validate.bind(_this);
                 _this.flushChange = _this.flushChange.bind(_this);
+                _this.renderChild = _this.renderChild.bind(_this);
+                var name = _this.props.$schema.name;
+                // 如果 name 是表达式
+                // 扩充 each 用法
+                if (isExpression(name)) {
+                    name = tokenize(name, data);
+                }
                 if (!name) {
                     // 一般情况下这些表单项都是需要 name 的，提示一下
                     if (typeof type === 'string' &&
@@ -162,7 +170,7 @@ function wrapControl(ComposedComponent) {
             }
             class_1.prototype.componentDidMount = function () {
                 var _this = this;
-                var _a = this.props; _a.store; _a.formStore; var _b = _a.$schema, name = _b.name, validate = _b.validate, addHook = _a.addHook;
+                var _a = this.props; _a.store; _a.formStore; var validate = _a.$schema.validate, addHook = _a.addHook;
                 // 提交前先把之前的 lazyEmit 执行一下。
                 this.hook3 = function () {
                     _this.lazyEmitChange.flush();
@@ -173,7 +181,7 @@ function wrapControl(ComposedComponent) {
                     var finalValidate_1 = promisify(validate.bind(this.control));
                     this.hook2 = function () {
                         formItem.clearError('control:valdiate');
-                        return finalValidate_1(_this.props.data, _this.getValue(), name).then(function (ret) {
+                        return finalValidate_1(_this.props.data, _this.getValue(), formItem.name).then(function (ret) {
                             if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
                                 formItem.addError(ret, 'control:valdiate');
                             }
@@ -312,7 +320,7 @@ function wrapControl(ComposedComponent) {
             };
             class_1.prototype.controlRef = function (control) {
                 var _this = this;
-                var _a = this.props, addHook = _a.addHook, removeHook = _a.removeHook; _a.formStore; var name = _a.$schema.name;
+                var _a = this.props, addHook = _a.addHook, removeHook = _a.removeHook; _a.formStore;
                 // 因为 control 有可能被 n 层 hoc 包裹。
                 while (control && control.getWrappedInstance) {
                     control = control.getWrappedInstance();
@@ -322,9 +330,8 @@ function wrapControl(ComposedComponent) {
                     var validate_1 = promisify(control.validate.bind(control));
                     this.hook = function () {
                         formItem_1.clearError('component:valdiate');
-                        return validate_1(_this.props.data, _this.getValue(), name).then(function (ret) {
-                            if ((typeof ret === 'string' || Array.isArray(ret)) &&
-                                ret) {
+                        return validate_1(_this.props.data, _this.getValue(), formItem_1.name).then(function (ret) {
+                            if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
                                 formItem_1.setError(ret, 'component:valdiate');
                             }
                         });
@@ -432,7 +439,7 @@ function wrapControl(ComposedComponent) {
             };
             class_1.prototype.emitChange = function (submitOnChange) {
                 if (submitOnChange === void 0) { submitOnChange = this.props.$schema.submitOnChange; }
-                var _a = this.props, form = _a.formStore, onChange = _a.onChange, _b = _a.$schema, name = _b.name, id = _b.id, label = _b.label, type = _b.type, onFormItemChange = _b.onChange; _b.maxLength; _b.minLength; var data = _a.data, env = _a.env; _a.validateOnChange; _a.formSubmited;
+                var _a = this.props, form = _a.formStore, onChange = _a.onChange, _b = _a.$schema, id = _b.id, label = _b.label, type = _b.type, onFormItemChange = _b.onChange; _b.maxLength; _b.minLength; var data = _a.data, env = _a.env; _a.validateOnChange; _a.formSubmited;
                 if (!this.model) {
                     return;
                 }
@@ -452,7 +459,7 @@ function wrapControl(ComposedComponent) {
                         eventType: 'formItemChange',
                         eventData: {
                             id: id,
-                            name: name,
+                            name: model.name,
                             label: label,
                             type: type,
                             value: value
@@ -469,11 +476,11 @@ function wrapControl(ComposedComponent) {
                 }
                 if (model.extraName) {
                     var values = model.splitExtraValue(value);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(values[0], name);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(values[0], model.name);
                     onChange === null || onChange === void 0 ? void 0 : onChange(values[1], model.extraName, submitOnChange === true);
                 }
                 else {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(value, name, submitOnChange === true);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(value, model.name, submitOnChange === true);
                 }
                 this.checkValidate();
             };
@@ -489,17 +496,17 @@ function wrapControl(ComposedComponent) {
                     return;
                 }
                 var model = this.model;
-                var _a = this.props; _a.formStore; var name = _a.name, pipeOut = _a.$schema.pipeOut, onChange = _a.onChange, oldValue = _a.value, data = _a.data;
+                var _a = this.props; _a.formStore; var pipeOut = _a.$schema.pipeOut, onChange = _a.onChange, oldValue = _a.value, data = _a.data;
                 if (pipeOut) {
                     value = callStrFunction.call(this, pipeOut, ['value', 'oldValue', 'data'], value, oldValue, data);
                 }
                 if (model.extraName) {
                     var values = model.splitExtraValue(value);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(values[0], name, false, true);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(values[0], model.name, false, true);
                     onChange === null || onChange === void 0 ? void 0 : onChange(values[1], model.extraName, false, true);
                 }
                 else {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(value, name, false, true);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(value, model.name, false, true);
                 }
             };
             class_1.prototype.getValue = function () {
@@ -513,8 +520,8 @@ function wrapControl(ComposedComponent) {
             // 兼容老版本用法，新版本直接用 onChange 就可以。
             class_1.prototype.setValue = function (value, key) {
                 var _a;
-                var _b = this.props, name = _b.$schema.name, onBulkChange = _b.onBulkChange;
-                if (!key || key === name) {
+                var onBulkChange = this.props.onBulkChange;
+                if (!key || (this.model && key === this.model.name)) {
                     this.handleChange(value);
                 }
                 else {
@@ -524,9 +531,17 @@ function wrapControl(ComposedComponent) {
                             _a));
                 }
             };
+            class_1.prototype.renderChild = function (region, node, subProps) {
+                if (subProps === void 0) { subProps = {}; }
+                var _a = this.props, render = _a.render, data = _a.data, store = _a.store;
+                var model = this.model;
+                return render(region, node, __assign({ data: model
+                        ? model.getMergedData(data || (store === null || store === void 0 ? void 0 : store.data))
+                        : data || (store === null || store === void 0 ? void 0 : store.data) }, subProps));
+            };
             class_1.prototype.render = function () {
-                var _a, _b;
-                var _c = this.props, controlWidth = _c.controlWidth, disabled = _c.disabled, formMode = _c.formMode, control = _c.$schema, store = _c.store, data = _c.data, invisible = _c.invisible, defaultStatic = _c.defaultStatic;
+                var _a, _b, _c;
+                var _d = this.props, controlWidth = _d.controlWidth, disabled = _d.disabled, formMode = _d.formMode, control = _d.$schema, store = _d.store, data = _d.data, invisible = _d.invisible, defaultStatic = _d.defaultStatic;
                 if (invisible) {
                     return null;
                 }
@@ -539,7 +554,10 @@ function wrapControl(ComposedComponent) {
                     formItem: this.model,
                     formMode: control.mode || formMode,
                     ref: this.controlRef,
-                    data: data || (store === null || store === void 0 ? void 0 : store.data),
+                    data: model
+                        ? model.getMergedData(data || (store === null || store === void 0 ? void 0 : store.data))
+                        : data || (store === null || store === void 0 ? void 0 : store.data),
+                    name: (_c = model === null || model === void 0 ? void 0 : model.name) !== null && _c !== void 0 ? _c : control.name,
                     value: value,
                     changeMotivation: model === null || model === void 0 ? void 0 : model.changeMotivation,
                     defaultValue: control.value,
@@ -551,7 +569,8 @@ function wrapControl(ComposedComponent) {
                     prinstine: model ? model.prinstine : undefined,
                     setPrinstineValue: this.setPrinstineValue,
                     onValidate: this.validate,
-                    onFlushChange: this.flushChange
+                    onFlushChange: this.flushChange,
+                    render: this.renderChild // 如果覆盖，那么用的就是 form 上的 render，这个里面用到的 data 是比较旧的。
                     // !没了这个， tree 里的 options 渲染会出问题
                     // todo 理论上不应该影响，待确认
                     // _filteredOptions: this.model?.filteredOptions

package/esm/store/app.js

@@ -1,11 +1,11 @@
 /**
- * amis-core v3.4.2
+ * amis-core v3.5.0
  * Copyright 2018-2023 fex
  */
 
 import { __assign } from 'tslib';
 import { types } from 'mobx-state-tree';
-import { mapTree, findTree, isVisible, guid } from '../utils/helper.js';
+import { mapTree, findTree, isVisible, guid, replaceUrlParams } from '../utils/helper.js';
 import { ServiceStore } from './service.js';
 import '../utils/api.js';
 import '../utils/ColorScale.js';
@@ -21,7 +21,6 @@ import '../utils/debug.js';
 import 'react-dom';
 import '../utils/errors.js';
 import { filter } from '../utils/tpl.js';
-import 'classnames';
 import '../utils/filter.js';
 import 'lodash/isObject';
 import 'lodash/isString';
@@ -38,6 +37,7 @@ import 'lodash/mapValues';
 import 'lodash/camelCase';
 import 'lodash/map';
 import 'lodash/isEmpty';
+import 'lodash/kebabCase';
 import 'uncontrollable';
 import 'hoist-non-react-statics';
 import '../utils/validations.js';
@@ -157,7 +157,9 @@ var AppStore = ServiceStore.named('AppStore')
         var bcn = [];
         findTree(self.pages, function (item, index, level, paths) {
             if (item.id === page.id) {
-                bcn = paths.filter(function (item) { return item.path && item.label; });
+                bcn = paths
+                    .filter(function (item) { return item.path && item.label; })
+                    .map(function (item) { return (__assign(__assign({}, item), { path: replaceUrlParams(item.path, params) })); });
                 if (env.showFullBreadcrumbPath) {
                     bcn = paths.filter(function (item) { return item.label; });
                 }
@@ -186,7 +188,7 @@ var AppStore = ServiceStore.named('AppStore')
             self.fetchSchema(page.schemaApi, self.activePage, { method: 'get' });
         }
         else if (page.redirect) {
-            env.jumpTo(page.redirect);
+            env.jumpTo(page.redirect, undefined, self.data);
             return;
         }
         else if (page.rewrite) {