amis-core 3.4.0 → 3.4.2

package/lib/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -32,7 +32,7 @@ require('../utils/debug.js');
 require('../utils/dom.js');
 require('../utils/errors.js');
 require('lodash/isPlainObject');
-require('classnames');
+var cx = require('classnames');
 require('../utils/filter.js');
 require('lodash/isObject');
 require('lodash/isString');
@@ -49,6 +49,7 @@ require('react-overlays/useRootClose');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+var styleHelper = require('../utils/style-helper.js');
 require('uncontrollable');
 require('../utils/validations.js');
 require('../utils/resolveCondition.js');
@@ -62,15 +63,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatic);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __react_jsx__ = require('react');
 var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
 (__react_jsx__["default"] || __react_jsx__).Fragment;
 var getItemLabelClassName = function (props) {
-    var staticLabelClassName = props.staticLabelClassName, labelClassName = props.labelClassName;
+    var staticLabelClassName = props.staticLabelClassName, labelClassName = props.labelClassName, id = props.id, themeCss = props.themeCss;
     return props.static && staticLabelClassName
         ? staticLabelClassName
-        : labelClassName;
+        : cx__default["default"](labelClassName, styleHelper.setThemeClassName('labelClassName', id, themeCss, 'item'));
 };
 var getItemInputClassName = function (props) {
     var staticInputClassName = props.staticInputClassName, inputClassName = props.inputClassName;
@@ -362,12 +364,12 @@ var FormItemWrap = /** @class */ (function (_super) {
                         typeof controlSize === 'string' &&
                         !!controlSize &&
                         controlSize !== 'full',
-                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, getItemInputClassName(this.props)) }));
+                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, styleHelper.setThemeClassName('wrapperCustomStyle', rest.id, rest.wrapperCustomStyle, 'item'), getItemInputClassName(this.props)) }));
         }
         return null;
     };
     FormItemWrap.prototype.render = function () {
-        var _a = this.props, formMode = _a.formMode, inputOnly = _a.inputOnly, wrap = _a.wrap, render = _a.render, model = _a.formItem, css = _a.css, themeCss = _a.themeCss, id = _a.id, labelClassName = _a.labelClassName, descriptionClassName = _a.descriptionClassName, env = _a.env;
+        var _a = this.props, formMode = _a.formMode, inputOnly = _a.inputOnly, wrap = _a.wrap, render = _a.render, model = _a.formItem, css = _a.css, themeCss = _a.themeCss, id = _a.id, wrapperCustomStyle = _a.wrapperCustomStyle, env = _a.env;
         var mode = this.props.mode || formMode;
         if (wrap === false || inputOnly) {
             return this.renderControl();
@@ -389,21 +391,14 @@ var FormItemWrap = /** @class */ (function (_super) {
                     themeCss: themeCss || css,
                     classNames: [
                         {
-                            key: 'labelClassName',
-                            value: labelClassName
-                        }
-                    ],
-                    id: id + '-label'
-                }, env: env }),
-            _J$X_(CustomStyle["default"], { config: {
-                    themeCss: themeCss || css,
-                    classNames: [
+                            key: 'labelClassName'
+                        },
                         {
-                            key: 'descriptionClassName',
-                            value: descriptionClassName
+                            key: 'descriptionClassName'
                         }
                     ],
-                    id: id + '-description'
+                    wrapperCustomStyle: wrapperCustomStyle,
+                    id: id && id + '-item'
                 }, env: env })));
     };
     /**
@@ -412,7 +407,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;
+            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;
             // 强制不渲染 label 的话
             if (renderLabel === false) {
                 label = label === false ? false : '';
@@ -428,7 +423,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     },
                     _a["is-error"] = model && !model.valid,
                     _a["is-required"] = required,
-                    _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
+                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, styleHelper.setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 label !== false ? (_J$X_("label", { className: cx("Form-label", (_b = {},
                         _b["Form-itemColumn--".concat(typeof horizontal.leftFixed === 'string'
                             ? horizontal.leftFixed
@@ -483,19 +478,19 @@ var FormItemWrap = /** @class */ (function (_super) {
                         Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
-                            className: cx("Form-description", descriptionClassName)
+                            className: cx("Form-description", descriptionClassName, styleHelper.setThemeClassName('descriptionClassName', id, themeCss, 'item'))
                         })
                         : null)));
         },
         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;
+            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;
             description = description || desc;
             return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
-                    _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
+                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, styleHelper.setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)) },
                     _J$X_("span", null,
                         label
@@ -540,7 +535,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                         Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
-                            className: cx("Form-description", descriptionClassName)
+                            className: cx("Form-description", descriptionClassName, styleHelper.setThemeClassName('descriptionClassName', id, themeCss, 'item'))
                         })
                         : null)) : (_J$X_(React__default["default"].Fragment, null,
                     renderControl(),
@@ -570,20 +565,20 @@ var FormItemWrap = /** @class */ (function (_super) {
                         Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
-                            className: cx("Form-description", descriptionClassName)
+                            className: cx("Form-description", descriptionClassName, styleHelper.setThemeClassName('descriptionClassName', id, themeCss, 'item'))
                         })
                         : null))));
         },
         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;
+            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 labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
             return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
-                    _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
+                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, styleHelper.setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
                     _J$X_("span", null,
                         label
@@ -628,20 +623,20 @@ var FormItemWrap = /** @class */ (function (_super) {
                         Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
-                            className: cx("Form-description", descriptionClassName)
+                            className: cx("Form-description", descriptionClassName, styleHelper.setThemeClassName('descriptionClassName', id, themeCss, 'item'))
                         })
                         : null)));
         },
         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;
+            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 labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
             return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
-                    _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
+                    _a), model === null || model === void 0 ? void 0 : model.errClassNames, styleHelper.setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle, 'item')), style: style },
                 _J$X_("div", { className: cx('Form-rowInner') },
                     label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
                         _J$X_("span", null,
@@ -683,7 +678,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     Array.isArray(model.errors) ? (_J$X_("ul", { className: cx('Form-feedback') }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                 description && renderDescription !== false
                     ? render('description', description, {
-                        className: cx("Form-description", descriptionClassName)
+                        className: cx("Form-description", descriptionClassName, styleHelper.setThemeClassName('descriptionClassName', id, themeCss, 'item'))
                     })
                     : null));
         }

package/lib/renderers/Options.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -50,6 +50,8 @@ require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');
@@ -139,7 +141,7 @@ function registerOptionsControl(config) {
             this.normalizeValue();
         };
         FormOptionsItem.prototype.shouldComponentUpdate = function (nextProps) {
-            var _a, _b;
+            var _a;
             if (config.strictMode === false || nextProps.strictMode === false) {
                 return true;
             }
@@ -149,10 +151,7 @@ function registerOptionsControl(config) {
             else if ((_a = nextProps.formItem) === null || _a === void 0 ? void 0 : _a.expressionsInOptions) {
                 return true;
             }
-            else if ((_b = nextProps.formItem) === null || _b === void 0 ? void 0 : _b.filteredOptions) {
-                return true;
-            }
-            if (helper.anyChanged(detectProps, this.props, nextProps)) {
+            else if (helper.anyChanged(detectProps, this.props, nextProps)) {
                 return true;
             }
             return false;
@@ -594,7 +593,8 @@ function registerOptionsControl(config) {
                         case 5:
                             payload = _f.sent();
                             if (!payload.ok) {
-                                env.notify('error', (_b = (_a = addApi === null || addApi === void 0 ? void 0 : addApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (payload.msg || __('Options.createFailed')));
+                                !addApi.silent &&
+                                    env.notify('error', (_b = (_a = addApi === null || addApi === void 0 ? void 0 : addApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (payload.msg || __('Options.createFailed')));
                                 result = null;
                             }
                             else {
@@ -605,7 +605,7 @@ function registerOptionsControl(config) {
                             e_1 = _f.sent();
                             result = null;
                             console.error(e_1);
-                            env.notify('error', e_1.message);
+                            !addApi.silent && env.notify('error', e_1.message);
                             return [3 /*break*/, 7];
                         case 7:
                             // 有 result 说明弹框点了确认。否则就是取消了。
@@ -700,7 +700,8 @@ function registerOptionsControl(config) {
                         case 5:
                             payload = _e.sent();
                             if (!payload.ok) {
-                                env.notify('error', (_b = (_a = editApi === null || editApi === void 0 ? void 0 : editApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (payload.msg || __('saveFailed')));
+                                !editApi.silent &&
+                                    env.notify('error', (_b = (_a = editApi === null || editApi === void 0 ? void 0 : editApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (payload.msg || __('saveFailed')));
                                 result = null;
                             }
                             else {
@@ -711,7 +712,7 @@ function registerOptionsControl(config) {
                             e_2 = _e.sent();
                             result = null;
                             console.error(e_2);
-                            env.notify('error', e_2.message);
+                            !editApi.silent && env.notify('error', e_2.message);
                             return [3 /*break*/, 7];
                         case 7:
                             // 没有结果，说明取消了。
@@ -779,7 +780,8 @@ function registerOptionsControl(config) {
                         case 6:
                             result = _e.sent();
                             if (!result.ok) {
-                                env.notify('error', (_b = (_a = deleteApi === null || deleteApi === void 0 ? void 0 : deleteApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (result.msg || __('deleteFailed')));
+                                !deleteApi.silent &&
+                                    env.notify('error', (_b = (_a = deleteApi === null || deleteApi === void 0 ? void 0 : deleteApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (result.msg || __('deleteFailed')));
                                 return [2 /*return*/];
                             }
                             _e.label = 7;
@@ -802,7 +804,7 @@ function registerOptionsControl(config) {
                         case 8:
                             e_3 = _e.sent();
                             console.error(e_3);
-                            env.notify('error', e_3.message);
+                            !deleteApi.silent && env.notify('error', e_3.message);
                             return [3 /*break*/, 9];
                         case 9: return [2 /*return*/];
                     }

package/lib/renderers/Placeholder.js

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

package/lib/renderers/builtin.js

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

package/lib/renderers/register.js

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

package/lib/renderers/wrapControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -11,6 +11,7 @@ var tslib = require('tslib');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var isEqual = require('lodash/isEqual');
+var factory = require('../factory.js');
 var combo = require('../store/combo.js');
 var helper = require('../utils/helper.js');
 var formula = require('../utils/formula.js');
@@ -48,6 +49,9 @@ require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/isObject');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('../utils/validations.js');
 require('../utils/resolveCondition.js');
@@ -71,29 +75,26 @@ function wrapControl(ComposedComponent) {
             tslib.__extends(class_1, _super);
             function class_1(props) {
                 var _this = this;
-                var _a;
+                var _a, _b;
                 _this = _super.call(this, props) || this;
                 _this.value = undefined;
                 _this.lazyEmitChange = debounce__default["default"](_this.emitChange.bind(_this), 250, {
                     trailing: true,
                     leading: false
                 });
-                var _b = _this.props, form = _b.formStore, formItem$1 = _b.formItem, rootStore = _b.rootStore, store = _b.store, onChange = _b.onChange, data = _b.data, inputGroupControl = _b.inputGroupControl, _c = _b.$schema, name = _c.name, id = _c.id, type = _c.type, required = _c.required, validations = _c.validations, validationErrors = _c.validationErrors, unique = _c.unique, value = _c.value, extraName = _c.extraName; _c.multiple; var delimiter = _c.delimiter, valueField = _c.valueField, labelField = _c.labelField, joinValues = _c.joinValues, extractValue = _c.extractValue, selectFirst = _c.selectFirst, autoFill = _c.autoFill, clearValueOnHidden = _c.clearValueOnHidden, validateApi = _c.validateApi, minLength = _c.minLength, maxLength = _c.maxLength, validateOnChange = _c.validateOnChange, label = _c.label;
+                var _c = _this.props, form = _c.formStore, formItem$1 = _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;
                 _this.getValue = _this.getValue.bind(_this);
                 _this.setValue = _this.setValue.bind(_this);
                 _this.handleChange = _this.handleChange.bind(_this);
                 _this.setPrinstineValue = _this.setPrinstineValue.bind(_this);
                 _this.controlRef = _this.controlRef.bind(_this);
                 _this.handleBlur = _this.handleBlur.bind(_this);
+                _this.validate = _this.validate.bind(_this);
+                _this.flushChange = _this.flushChange.bind(_this);
                 if (!name) {
                     // 一般情况下这些表单项都是需要 name 的，提示一下
                     if (typeof type === 'string' &&
-                        (type.startsWith('input-') ||
-                            type.endsWith('select') ||
-                            type === 'switch' ||
-                            type === 'textarea' ||
-                            type === 'radios') &&
-                        type !== 'input-group') {
+                        ((_a = factory.getRendererByName(type)) === null || _a === void 0 ? void 0 : _a.isFormItem)) {
                         console.warn('name is required', _this.props.$schema);
                     }
                     return _this;
@@ -104,21 +105,24 @@ function wrapControl(ComposedComponent) {
                     path: _this.props.$path,
                     storeType: formItem.FormItemStore.name,
                     parentId: store === null || store === void 0 ? void 0 : store.id,
-                    name: name
+                    name: name,
+                    colIndex: colIndex !== undefined ? colIndex : undefined,
+                    rowIndex: rowIndex !== undefined ? rowIndex : undefined
                 });
                 _this.model = model;
                 // @issue 打算干掉这个
                 formItem$1 === null || formItem$1 === void 0 ? void 0 : formItem$1.addSubFormItem(model);
-                model.config(tslib.__assign(tslib.__assign({}, pick__default["default"](tslib.__assign(tslib.__assign({}, ComposedComponent.defaultProps), _this.props.$schema), ['multiple'])), { id: id, type: type, required: required, unique: unique, value: value, isValueSchemaExp: formula.isExpression(value), rules: validations, messages: validationErrors, delimiter: delimiter, valueField: valueField, labelField: labelField, joinValues: joinValues, extractValue: extractValue, selectFirst: selectFirst, autoFill: autoFill, clearValueOnHidden: clearValueOnHidden, validateApi: validateApi, minLength: minLength, maxLength: maxLength, validateOnChange: validateOnChange, label: label, inputGroupControl: inputGroupControl, extraName: extraName }));
+                model.config(tslib.__assign(tslib.__assign({}, pick__default["default"](tslib.__assign(tslib.__assign({}, ComposedComponent.defaultProps), _this.props.$schema), ['multiple'])), { id: id, type: type, required: props.required || required, unique: unique, value: value, isValueSchemaExp: formula.isExpression(value), rules: validations, messages: validationErrors, delimiter: delimiter, valueField: valueField, labelField: labelField, joinValues: joinValues, extractValue: extractValue, selectFirst: selectFirst, autoFill: autoFill, clearValueOnHidden: clearValueOnHidden, validateApi: validateApi, minLength: minLength, maxLength: maxLength, validateOnChange: validateOnChange, label: label, inputGroupControl: inputGroupControl, extraName: extraName }));
                 // issue 这个逻辑应该在 combo 里面自己实现。
                 if (_this.model.unique &&
-                    ((_a = form === null || form === void 0 ? void 0 : form.parentStore) === null || _a === void 0 ? void 0 : _a.storeType) === combo.ComboStore.name) {
+                    ((_b = form === null || form === void 0 ? void 0 : form.parentStore) === null || _b === void 0 ? void 0 : _b.storeType) === combo.ComboStore.name) {
                     var combo$1 = form.parentStore;
                     combo$1.bindUniuqueItem(model);
                 }
                 if (propValue !== undefined && propValue !== null) {
                     // 同步 value: 优先使用 props 中的 value
                     model.changeTmpValue(propValue, 'controlled');
+                    model.setIsControlled(true);
                 }
                 else {
                     var isExp = formula.isExpression(value);
@@ -184,7 +188,7 @@ function wrapControl(ComposedComponent) {
                 addHook === null || addHook === void 0 ? void 0 : addHook(this.hook3, 'flush');
                 var formItem = this.model;
                 if (formItem && validate) {
-                    var finalValidate_1 = helper.promisify(validate.bind(formItem));
+                    var finalValidate_1 = helper.promisify(validate.bind(this.control));
                     this.hook2 = function () {
                         formItem.clearError('control:valdiate');
                         return finalValidate_1(_this.props.data, _this.getValue(), name).then(function (ret) {
@@ -199,59 +203,44 @@ function wrapControl(ComposedComponent) {
             class_1.prototype.componentDidUpdate = function (prevProps) {
                 var _a, _b, _c;
                 var props = this.props;
-                props.formStore;
                 var model = this.model;
-                if (model &&
-                    helper.anyChanged([
-                        'id',
-                        'validations',
-                        'validationErrors',
-                        'value',
-                        'defaultValue',
-                        'required',
-                        'unique',
-                        'multiple',
-                        'delimiter',
-                        'valueField',
-                        'labelField',
-                        'joinValues',
-                        'extractValue',
-                        'selectFirst',
-                        'autoFill',
-                        'clearValueOnHidden',
-                        'validateApi',
-                        'minLength',
-                        'maxLength',
-                        'label',
-                        'extraName'
-                    ], prevProps.$schema, props.$schema)) {
+                if (!model) {
+                    return;
+                }
+                helper.changedEffect([
+                    'id',
+                    'validations',
+                    'validationErrors',
+                    'value',
+                    'defaultValue',
+                    'required',
+                    'unique',
+                    'multiple',
+                    'delimiter',
+                    'valueField',
+                    'labelField',
+                    'joinValues',
+                    'extractValue',
+                    'selectFirst',
+                    'autoFill',
+                    'clearValueOnHidden',
+                    'validateApi',
+                    'minLength',
+                    'maxLength',
+                    'label',
+                    'extraName'
+                ], prevProps.$schema, props.$schema, function (changes) {
+                    model.config(tslib.__assign(tslib.__assign({}, changes), { 
+                        // todo 优化后面两个
+                        isValueSchemaExp: formula.isExpression(props.$schema.value), inputGroupControl: props === null || props === void 0 ? void 0 : props.inputGroupControl }));
+                });
+                if (props.required !== prevProps.required) {
                     model.config({
-                        required: props.$schema.required,
-                        id: props.$schema.id,
-                        unique: props.$schema.unique,
-                        value: props.$schema.value,
-                        isValueSchemaExp: formula.isExpression(props.$schema.value),
-                        rules: props.$schema.validations,
-                        multiple: props.$schema.multiple,
-                        delimiter: props.$schema.delimiter,
-                        valueField: props.$schema.valueField,
-                        labelField: props.$schema.labelField,
-                        joinValues: props.$schema.joinValues,
-                        extractValue: props.$schema.extractValue,
-                        messages: props.$schema.validationErrors,
-                        selectFirst: props.$schema.selectFirst,
-                        autoFill: props.$schema.autoFill,
-                        clearValueOnHidden: props.$schema.clearValueOnHidden,
-                        validateApi: props.$schema.validateApi,
-                        minLength: props.$schema.minLength,
-                        maxLength: props.$schema.maxLength,
-                        label: props.$schema.label,
-                        inputGroupControl: props === null || props === void 0 ? void 0 : props.inputGroupControl,
-                        extraName: props.$schema.extraName
+                        required: props.required
                     });
                 }
                 // 此处需要同时考虑 defaultValue 和 value
-                if (model && typeof props.value !== 'undefined') {
+                if (typeof props.value !== 'undefined') {
                     // 渲染器中的 value 优先
                     if (!isEqual__default["default"](props.value, prevProps.value) &&
                         !isEqual__default["default"](props.value, model.tmpValue)) {
@@ -259,8 +248,7 @@ function wrapControl(ComposedComponent) {
                         model.changeTmpValue(props.value, 'controlled');
                     }
                 }
-                else if (model &&
-                    typeof props.defaultValue !== 'undefined' &&
+                else if (typeof props.defaultValue !== 'undefined' &&
                     formula.isExpression(props.defaultValue) &&
                     (!isEqual__default["default"](props.defaultValue, prevProps.defaultValue) ||
                         (props.data !== prevProps.data &&
@@ -281,7 +269,7 @@ function wrapControl(ComposedComponent) {
                         }
                     }
                 }
-                else if (model) {
+                else {
                     // value 非公式表达式时，name 值优先，若 defaultValue 主动变动时，则使用 defaultValue
                     if (
                     // 然后才是查看关联的 name 属性值是否变化
@@ -396,7 +384,7 @@ function wrapControl(ComposedComponent) {
             };
             class_1.prototype.validate = function () {
                 return tslib.__awaiter(this, void 0, void 0, function () {
-                    var _a, form, data, formItemDispatchEvent, result, combo$1, group, validPromises;
+                    var _a, form, data, formItemDispatchEvent, result, combo$1, group, validPromises, valid;
                     return tslib.__generator(this, function (_b) {
                         switch (_b.label) {
                             case 0:
@@ -420,19 +408,16 @@ function wrapControl(ComposedComponent) {
                                 result = [_b.sent()];
                                 _b.label = 4;
                             case 4:
-                                if (result && result.length) {
-                                    if (result.indexOf(false) > -1) {
-                                        formItemDispatchEvent('formItemValidateError', data);
-                                    }
-                                    else {
-                                        formItemDispatchEvent('formItemValidateSucc', data);
-                                    }
-                                }
-                                return [2 /*return*/];
+                                valid = !result.some(function (item) { return item === false; });
+                                formItemDispatchEvent === null || formItemDispatchEvent === void 0 ? void 0 : formItemDispatchEvent(valid ? 'formItemValidateSucc' : 'formItemValidateError', data);
+                                return [2 /*return*/, valid];
                         }
                     });
                 });
             };
+            class_1.prototype.flushChange = function () {
+                this.lazyEmitChange.flush();
+            };
             class_1.prototype.handleChange = function (value, submitOnChange, changeImmediately) {
                 if (submitOnChange === void 0) { submitOnChange = this.props.$schema.submitOnChange; }
                 if (changeImmediately === void 0) { changeImmediately = false; }
@@ -452,7 +437,7 @@ function wrapControl(ComposedComponent) {
                 }
                 if (pipeOut) {
                     var oldValue = this.model.value;
-                    value = api.callStrFunction(pipeOut, ['value', 'oldValue', 'data'], value, oldValue, data);
+                    value = api.callStrFunction.call(this, pipeOut, ['value', 'oldValue', 'data'], value, oldValue, data);
                 }
                 this.model.changeTmpValue(value, 'input');
                 if (changeImmediately || conrolChangeImmediately || !formInited) {
@@ -524,7 +509,7 @@ function wrapControl(ComposedComponent) {
                 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;
                 if (pipeOut) {
-                    value = api.callStrFunction(pipeOut, ['value', 'oldValue', 'data'], value, oldValue, data);
+                    value = api.callStrFunction.call(this, pipeOut, ['value', 'oldValue', 'data'], value, oldValue, data);
                 }
                 if (model.extraName) {
                     var values = model.splitExtraValue(value);
@@ -539,7 +524,7 @@ function wrapControl(ComposedComponent) {
                 var _a = this.props, data = _a.formStore, control = _a.$schema;
                 var value = this.model ? this.model.tmpValue : control.value;
                 if (control.pipeIn) {
-                    value = api.callStrFunction(control.pipeIn, ['value', 'data'], value, data);
+                    value = api.callStrFunction.call(this, control.pipeIn, ['value', 'data'], value, data);
                 }
                 return value;
             };
@@ -568,7 +553,7 @@ function wrapControl(ComposedComponent) {
                 var injectedProps = {
                     defaultSize: controlWidth,
                     disabled: disabled !== null && disabled !== void 0 ? disabled : control.disabled,
-                    static: (_a = control.static) !== null && _a !== void 0 ? _a : defaultStatic,
+                    static: (_b = (_a = this.props.static) !== null && _a !== void 0 ? _a : control.static) !== null && _b !== void 0 ? _b : defaultStatic,
                     formItem: this.model,
                     formMode: control.mode || formMode,
                     ref: this.controlRef,
@@ -583,13 +568,19 @@ function wrapControl(ComposedComponent) {
                     getValue: this.getValue,
                     prinstine: model ? model.prinstine : undefined,
                     setPrinstineValue: this.setPrinstineValue,
+                    onValidate: this.validate,
+                    onFlushChange: this.flushChange
                     // !没了这个， tree 里的 options 渲染会出问题
-                    _filteredOptions: (_b = this.model) === null || _b === void 0 ? void 0 : _b.filteredOptions
+                    // todo 理论上不应该影响，待确认
+                    // _filteredOptions: this.model?.filteredOptions
                 };
                 return (_J$X_(ComposedComponent, tslib.__assign({}, this.props, injectedProps)));
             };
             return class_1;
         }(React__default["default"].Component)),
+        _a.displayName = "WrapControl".concat(ComposedComponent.displayName || ComposedComponent.name
+            ? "(".concat(ComposedComponent.displayName || ComposedComponent.name, ")")
+            : ''),
         _a.contextType = Scoped.ScopedContext,
         _a.defaultProps = {},
         _a))), ComposedComponent);

package/lib/store/app.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -43,6 +43,8 @@ require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');