amis-core 6.6.0 → 6.8.0

package/esm/actions/DialogAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -10,6 +10,7 @@ import '../utils/ColorScale.js';
 import 'react';
 import 'lodash/chunk';
 import { extendObject } from '../utils/object.js';
+import '../utils/memoryParse.js';
 import 'amis-formula';
 import 'lodash/isPlainObject';
 import '../utils/DataSchema.js';
@@ -113,6 +114,7 @@ var CloseDialogAction = /** @class */ (function () {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_c) {
+                // todo 支持 waitForAction，等待弹窗关闭后再执行后续动作
                 if (action.componentId) {
                     // 关闭指定弹窗
                     event.context.scoped.closeById(action.componentId);

package/esm/actions/DrawerAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -10,6 +10,7 @@ import '../utils/ColorScale.js';
 import 'react';
 import 'lodash/chunk';
 import { extendObject } from '../utils/object.js';
+import '../utils/memoryParse.js';
 import 'amis-formula';
 import 'lodash/isPlainObject';
 import '../utils/DataSchema.js';

package/esm/actions/EmailAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/EventAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -10,6 +10,7 @@ import '../utils/ColorScale.js';
 import 'react';
 import 'lodash/chunk';
 import { setVariable, cloneObject } from '../utils/object.js';
+import '../utils/memoryParse.js';
 import 'amis-formula';
 import 'lodash/isPlainObject';
 import '../utils/DataSchema.js';

package/esm/actions/LinkAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/LoopAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -9,6 +9,7 @@ import { registerAction, LoopStatus, runActions } from './Action.js';
 import 'amis-formula';
 import 'moment';
 import { createObject } from '../utils/object.js';
+import '../utils/memoryParse.js';
 import '@rc-component/mini-decimal';
 import { resolveVariable } from '../utils/resolveVariable.js';
 import 'lodash/isPlainObject';

package/esm/actions/PageAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/ParallelAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/PrintAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/StatusAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/SwitchAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/ToastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/WaitAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/CustomStyle.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ErrorBoundary.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/LazyComponent.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Overlay.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -14,6 +14,7 @@ import '../utils/ColorScale.js';
 import 'lodash/chunk';
 import 'lodash/isPlainObject';
 import 'amis-formula';
+import '../utils/memoryParse.js';
 import '../utils/DataSchema.js';
 import '../utils/DataScope.js';
 import 'moment';

package/esm/components/PopOver.d.ts

@@ -6,6 +6,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { ClassNamesFn } from '../theme';
+import type { TestIdBuilder } from 'amis-core';
 export interface Offset {
     x: number;
     y: number;
@@ -24,6 +25,7 @@ export interface PopOverProps {
     onClick?: (e: React.MouseEvent<any>) => void;
     classPrefix: string;
     classnames: ClassNamesFn;
+    testIdBuilder?: TestIdBuilder;
     [propName: string]: any;
 }
 interface PopOverState {

package/esm/components/PopOver.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -13,6 +13,7 @@ import '../utils/ColorScale.js';
 import 'lodash/chunk';
 import 'lodash/isPlainObject';
 import 'amis-formula';
+import '../utils/memoryParse.js';
 import '../utils/DataSchema.js';
 import '../utils/DataScope.js';
 import 'moment';
@@ -152,12 +153,12 @@ var PopOver = /** @class */ (function (_super) {
         });
     };
     PopOver.prototype.render = function () {
-        var _a = this.props; _a.placement; var activePlacement = _a.activePlacement, positionTop = _a.positionTop, positionLeft = _a.positionLeft; _a.arrowOffsetLeft; _a.arrowOffsetTop; var style = _a.style, children = _a.children; _a.offset; var overlay = _a.overlay, onHide = _a.onHide, ns = _a.classPrefix, cx = _a.classnames, className = _a.className; _a.componentId; var rest = __rest(_a, ["placement", "activePlacement", "positionTop", "positionLeft", "arrowOffsetLeft", "arrowOffsetTop", "style", "children", "offset", "overlay", "onHide", "classPrefix", "classnames", "className", "componentId"]);
+        var _a = this.props; _a.placement; var activePlacement = _a.activePlacement, positionTop = _a.positionTop, positionLeft = _a.positionLeft; _a.arrowOffsetLeft; _a.arrowOffsetTop; var style = _a.style, children = _a.children; _a.offset; var overlay = _a.overlay, onHide = _a.onHide, ns = _a.classPrefix, cx = _a.classnames, className = _a.className; _a.componentId; var testIdBuilder = _a.testIdBuilder, rest = __rest(_a, ["placement", "activePlacement", "positionTop", "positionLeft", "arrowOffsetLeft", "arrowOffsetTop", "style", "children", "offset", "overlay", "onHide", "classPrefix", "classnames", "className", "componentId", "testIdBuilder"]);
         var _b = this.state, xOffset = _b.xOffset, yOffset = _b.yOffset;
         var outerStyle = __assign(__assign({ display: 'block' }, style), { top: positionTop + yOffset, left: positionLeft + xOffset });
         var placements = typeof activePlacement === 'string' ? activePlacement.split('-') : [];
-        return (React.createElement("div", __assign({ ref: this.wrapperRef, role: "popover", className: cx("PopOver", className, "PopOver--".concat(camel(activePlacement)), placements[3] ? "PopOver--v-".concat(placements[3]) : ''), style: outerStyle }, rest),
-            overlay ? (React.createElement("div", { className: "".concat(ns, "PopOver-overlay"), onClick: onHide })) : null,
+        return (React.createElement("div", __assign({ ref: this.wrapperRef, role: "popover", className: cx("PopOver", className, "PopOver--".concat(camel(activePlacement)), placements[3] ? "PopOver--v-".concat(placements[3]) : ''), style: outerStyle }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), rest),
+            overlay ? (React.createElement("div", __assign({ className: "".concat(ns, "PopOver-overlay"), onClick: onHide }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('overlay').getTestId()))) : null,
             children));
     };
     PopOver.defaultProps = {

package/esm/env.d.ts

@@ -90,6 +90,10 @@ export interface RendererEnv {
      * 是否开启 testid 定位
      */
     enableTestid?: boolean;
+    /**
+     * pdfjs worker 地址，用于渲染 pdf
+     */
+    pdfjsWorkerSrc?: string;
     /**
      * 替换文本，用于实现 URL 替换、语言替换等
      */

package/esm/env.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/envOverwrite.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/factory.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -36,7 +36,7 @@ export { handleAction } from './utils/handleAction.js';
 import { promisify } from './utils/helper.js';
 import * as helper from './utils/helper.js';
 export { helper as utils };
-export { JSONTraverse, JSONValueMap, SkipOperation, TEST_ID_KEY, TestIdBuilder, ValidateError, __uri, anyChanged, autobind, buildTrackExpression, bulkBindFunctions, camel, chainEvents, chainFunctions, changedEffect, convertArrayValueToMoment, countTree, detectPropValueChanged, difference, differenceFromAll, eachTree, evalTrackExpression, everyTree, filterTree, findIndex, findObjectsWithKey, findTree, findTreeAll, findTreeIndex, flattenTree, flattenTreeWithLeafNodes, getLevelFromClassName, getPropValue, getRange, getScrollParent, getScrollbarWidth, getTree, getTreeAncestors, getTreeDepth, getTreeParent, getWidthRate, guid, hasAbility, hasFile, hasOwnPropertyInPath, hasVisibleExpression, hashCode, immutableExtends, importLazyComponent, injectPropsToObject, isArrayChildrenModified, isBreakpoint, isClickOnInput, isDisabled, isEmpty, isMobile, isNumeric, isObjectShallowModified, isSuperDataModified, isUnfolded, isVisible, lcFirst, loadScript, loadStyle, makeColumnClassBuild, makeHorizontalDeeper, mapObject, mapTree, noop, normalizeNodePath, object2formData, omitControls, padArr, parsePrimitiveQueryString, parseQuery, pickEventsProps, preventDefault, promisify, qsparse, qsstringify, range, removeHTMLTag, repeatCount, replaceUrlParams, rmUndefined, someTree, sortArray, spliceTree, syncDataFromSuper, ucFirst, until, uuid, uuidv4, visibilityFilter } from './utils/helper.js';
+export { JSONTraverse, JSONValueMap, SkipOperation, TEST_ID_KEY, TestIdBuilder, ValidateError, __uri, anyChanged, autobind, buildTrackExpression, bulkBindFunctions, camel, chainEvents, chainFunctions, changedEffect, convertArrayValueToMoment, countTree, detectPropValueChanged, difference, differenceFromAll, eachTree, evalTrackExpression, everyTree, filterTree, findIndex, findObjectsWithKey, findTree, findTreeAll, findTreeIndex, flattenTree, flattenTreeWithLeafNodes, getLevelFromClassName, getPropValue, getRange, getScrollParent, getScrollbarWidth, getTree, getTreeAncestors, getTreeDepth, getTreeParent, getWidthRate, guid, hasAbility, hasFile, hasOwnPropertyInPath, hasVisibleExpression, hashCode, immutableExtends, importLazyComponent, injectPropsToObject, isArrayChildrenModified, isBreakpoint, isClickOnInput, isDisabled, isEmpty, isMobile, isNumeric, isObjectShallowModified, isSuperDataModified, isUnfolded, isVisible, lcFirst, loadScript, loadStyle, makeColumnClassBuild, makeHorizontalDeeper, mapObject, mapTree, noop, normalizeNodePath, object2formData, omitControls, padArr, parsePrimitiveQueryString, parseQuery, pickEventsProps, preventDefault, promisify, qsparse, qsstringify, range, removeHTMLTag, repeatCount, replaceUrlParams, rmUndefined, someTree, sortArray, spliceTree, supportsMjs, syncDataFromSuper, ucFirst, until, uuid, uuidv4, visibilityFilter } from './utils/helper.js';
 export { highlight } from './utils/highlight.js';
 export { generateIcon } from './utils/icon.js';
 export { getImageDimensions, toDataURL } from './utils/image.js';
@@ -148,7 +148,7 @@ export { StoreNode } from './store/node.js';
  */
 var classPrefix = getClassPrefix();
 // @ts-ignore
-var version = '6.6.0';
+var version = '6.8.0';
 function render(schema, props, options, pathPrefix) {
     if (props === void 0) { props = {}; }
     if (options === void 0) { options = {}; }

package/esm/locale.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
@@ -10,6 +10,7 @@ import moment from 'moment';
 import 'amis-formula';
 import 'lodash/isPlainObject';
 import { resolveVariable } from './utils/resolveVariable.js';
+import './utils/memoryParse.js';
 import '@rc-component/mini-decimal';
 import './utils/filter.js';
 

package/esm/polyfills.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 

package/esm/renderers/Form.js

@@ -1,9 +1,9 @@
 /**
- * amis-core v6.6.0
+ * amis-core v6.8.0
  * Copyright 2018-2024 fex
  */
 
-import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __values, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { Renderer } from '../factory.js';
 import { FormStore } from '../store/form.js';
@@ -17,6 +17,7 @@ import { filterTarget, ScopedContext } from '../Scoped.js';
 import 'amis-formula';
 import 'moment';
 import { isObject, createObject, cloneObject, injectObjectChain } from '../utils/object.js';
+import '../utils/memoryParse.js';
 import '@rc-component/mini-decimal';
 import { dataMapping } from '../utils/dataMapping.js';
 import '../utils/filter.js';
@@ -43,10 +44,7 @@ import 'react-overlays/useRootClose';
 import '../utils/SimpleMap.js';
 import 'lodash/mapValues';
 import 'lodash/camelCase';
-import 'lodash/cloneDeep';
-import 'lodash/map';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
+import { setThemeClassName } from '../utils/style-helper.js';
 import 'uncontrollable';
 import 'hoist-non-react-statics';
 import '../utils/validations.js';
@@ -54,6 +52,7 @@ import '../utils/resolveCondition.js';
 import { reaction } from 'mobx';
 import '../utils/Animation.js';
 import groupBy from 'lodash/groupBy';
+import CustomStyle from '../components/CustomStyle.js';
 
 var Form = /** @class */ (function (_super) {
     __extends(Form, _super);
@@ -93,7 +92,7 @@ var Form = /** @class */ (function (_super) {
         _this.blockRouting = _this.blockRouting.bind(_this);
         _this.beforePageUnload = _this.beforePageUnload.bind(_this);
         _this.formItemDispatchEvent = _this.formItemDispatchEvent.bind(_this);
-        var store = props.store, canAccessSuperData = props.canAccessSuperData, persistData = props.persistData, simpleMode = props.simpleMode;
+        var store = props.store, canAccessSuperData = props.canAccessSuperData, persistData = props.persistData, simpleMode = props.simpleMode, formLazyChange = props.formLazyChange;
         store.setCanAccessSuperData(canAccessSuperData !== false);
         store.setPersistData(persistData);
         if (simpleMode) {
@@ -113,7 +112,7 @@ var Form = /** @class */ (function (_super) {
         // https://github.com/baidu/amis/issues/8773
         _this.toDispose.push(reaction(function () { return store.initedAt; }, function () {
             store.inited &&
-                _this.lazyEmitChange(!!_this.props.submitOnChange, true);
+                (formLazyChange === false ? _this.emitChange : _this.lazyEmitChange)(!!_this.props.submitOnChange, true);
         }));
         return _this;
     }
@@ -472,29 +471,54 @@ var Form = /** @class */ (function (_super) {
     };
     Form.prototype.flush = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var hooks;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var hooks, hooks_1, hooks_1_1, hook, e_1_1;
+            var e_1, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        _a.trys.push([0, , 4, 5]);
+                        _b.trys.push([0, , 11, 12]);
                         if (this.flushing) {
                             return [2 /*return*/];
                         }
                         this.flushing = true;
                         hooks = this.hooks['flush'] || [];
-                        return [4 /*yield*/, Promise.all(hooks.map(function (fn) { return fn(); }))];
+                        _b.label = 1;
                     case 1:
-                        _a.sent();
-                        if (!!this.emitting) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this.lazyEmitChange.flush()];
+                        _b.trys.push([1, 6, 7, 8]);
+                        hooks_1 = __values(hooks), hooks_1_1 = hooks_1.next();
+                        _b.label = 2;
                     case 2:
-                        _a.sent();
-                        _a.label = 3;
-                    case 3: return [3 /*break*/, 5];
+                        if (!!hooks_1_1.done) return [3 /*break*/, 5];
+                        hook = hooks_1_1.value;
+                        return [4 /*yield*/, hook()];
+                    case 3:
+                        _b.sent();
+                        _b.label = 4;
                     case 4:
+                        hooks_1_1 = hooks_1.next();
+                        return [3 /*break*/, 2];
+                    case 5: return [3 /*break*/, 8];
+                    case 6:
+                        e_1_1 = _b.sent();
+                        e_1 = { error: e_1_1 };
+                        return [3 /*break*/, 8];
+                    case 7:
+                        try {
+                            if (hooks_1_1 && !hooks_1_1.done && (_a = hooks_1.return)) _a.call(hooks_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                        return [7 /*endfinally*/];
+                    case 8:
+                        if (!!this.emitting) return [3 /*break*/, 10];
+                        return [4 /*yield*/, this.lazyEmitChange.flush()];
+                    case 9:
+                        _b.sent();
+                        _b.label = 10;
+                    case 10: return [3 /*break*/, 12];
+                    case 11:
                         this.flushing = false;
                         return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
+                    case 12: return [2 /*return*/];
                 }
             });
         });
@@ -1219,14 +1243,20 @@ var Form = /** @class */ (function (_super) {
         return render("".concat(region ? "".concat(region, "/") : '').concat(key), subSchema, subProps);
     };
     Form.prototype.renderBody = function () {
-        var _a = this.props, body = _a.body, mode = _a.mode, className = _a.className, cx = _a.classnames, debug = _a.debug, debugConfig = _a.debugConfig, $path = _a.$path, store = _a.store, columnCount = _a.columnCount, render = _a.render, staticClassName = _a.staticClassName, _b = _a.static, isStatic = _b === void 0 ? false : _b, loadingConfig = _a.loadingConfig; _a.testid;
+        var _a = this.props, body = _a.body, mode = _a.mode, className = _a.className, cx = _a.classnames, debug = _a.debug, debugConfig = _a.debugConfig, $path = _a.$path, store = _a.store, columnCount = _a.columnCount, render = _a.render, staticClassName = _a.staticClassName, _b = _a.static, isStatic = _b === void 0 ? false : _b, loadingConfig = _a.loadingConfig, themeCss = _a.themeCss, id = _a.id, wrapperCustomStyle = _a.wrapperCustomStyle, env = _a.env, wrapWithPanel = _a.wrapWithPanel; _a.testid;
         var restError = store.restError;
         var WrapperComponent = this.props.wrapperComponent ||
             (/(?:\/|^)form\//.test($path) ? 'div' : 'form');
         var padDom = repeatCount(columnCount && Array.isArray(body)
             ? (columnCount - (body.length % columnCount)) % columnCount
             : 0, function (index) { return (React.createElement("div", { className: cx("Form-item Form-item--".concat(mode, " is-placeholder")), key: index })); });
-        return (React.createElement(WrapperComponent, { className: cx("Form", "Form--".concat(mode || 'normal'), columnCount ? "Form--column Form--column-".concat(columnCount) : null, staticClassName && isStatic ? staticClassName : className, isStatic ? 'Form--isStatic' : null), onSubmit: this.handleFormSubmit, noValidate: true },
+        return (React.createElement(WrapperComponent, { className: cx("Form", "Form--".concat(mode || 'normal'), columnCount ? "Form--column Form--column-".concat(columnCount) : null, staticClassName && isStatic ? staticClassName : className, isStatic ? 'Form--isStatic' : null, setThemeClassName(__assign(__assign({}, this.props), { name: [
+                    'formControlClassName',
+                    'itemClassName',
+                    'staticClassName',
+                    'itemLabelClassName'
+                ], id: id, themeCss: themeCss })), !wrapWithPanel &&
+                setThemeClassName(__assign(__assign({}, this.props), { name: 'wrapperCustomStyle', id: id, themeCss: wrapperCustomStyle }))), onSubmit: this.handleFormSubmit, noValidate: true },
             React.createElement("input", { type: "submit", style: { display: 'none' } }),
             debug
                 ? render('form-debug-json', __assign({ type: 'json', value: store.data, ellipsisThreshold: 120, className: cx('Form--debug') }, debugConfig))
@@ -1256,17 +1286,81 @@ var Form = /** @class */ (function (_super) {
                 onConfirm: this.handleDrawerConfirm,
                 onClose: this.handleDrawerClose,
                 show: store.drawerOpen
-            })));
+            }),
+            React.createElement(CustomStyle, __assign({}, this.props, { config: {
+                    themeCss: themeCss,
+                    classNames: [
+                        wrapWithPanel && {
+                            key: 'panelClassName'
+                        },
+                        !wrapWithPanel && {
+                            key: 'formControlClassName'
+                        },
+                        {
+                            key: 'headerControlClassName',
+                            weights: {
+                                default: {
+                                    parent: ".".concat(cx('Panel'))
+                                }
+                            }
+                        },
+                        wrapWithPanel && {
+                            key: 'headerTitleControlClassName',
+                            weights: {
+                                default: {
+                                    important: true
+                                }
+                            }
+                        },
+                        wrapWithPanel && {
+                            key: 'bodyControlClassName'
+                        },
+                        wrapWithPanel && {
+                            key: 'actionsControlClassName',
+                            weights: {
+                                default: {
+                                    parent: ".".concat(cx('Panel--form'))
+                                }
+                            }
+                        },
+                        {
+                            key: 'itemClassName',
+                            weights: {
+                                default: {
+                                    inner: ".".concat(cx('Form-item'))
+                                }
+                            }
+                        },
+                        {
+                            key: 'staticClassName',
+                            weights: {
+                                default: {
+                                    inner: ".".concat(cx('Form-static'))
+                                }
+                            }
+                        },
+                        {
+                            key: 'itemLabelClassName',
+                            weights: {
+                                default: {
+                                    inner: ".".concat(cx('Form-label'))
+                                }
+                            }
+                        }
+                    ].filter(function (n) { return n; }),
+                    wrapperCustomStyle: wrapperCustomStyle,
+                    id: id
+                }, env: env }))));
     };
     Form.prototype.render = function () {
-        var _a = this.props; _a.$path; _a.$schema; var wrapWithPanel = _a.wrapWithPanel, render = _a.render, title = _a.title, store = _a.store, panelClassName = _a.panelClassName, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, footerWrapClassName = _a.footerWrapClassName, actionsClassName = _a.actionsClassName, bodyClassName = _a.bodyClassName, cx = _a.classnames, style = _a.style, affixFooter = _a.affixFooter, lazyLoad = _a.lazyLoad, __ = _a.translate, footer = _a.footer;
+        var _a = this.props; _a.$path; _a.$schema; var wrapWithPanel = _a.wrapWithPanel, render = _a.render, title = _a.title, store = _a.store, panelClassName = _a.panelClassName, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, footerWrapClassName = _a.footerWrapClassName, actionsClassName = _a.actionsClassName, bodyClassName = _a.bodyClassName, cx = _a.classnames, style = _a.style, affixFooter = _a.affixFooter, lazyLoad = _a.lazyLoad, __ = _a.translate, footer = _a.footer, id = _a.id, wrapperCustomStyle = _a.wrapperCustomStyle, themeCss = _a.themeCss;
         var body = this.renderBody();
         if (wrapWithPanel) {
             body = render('body', {
                 type: 'panel',
                 title: __(title)
             }, {
-                className: cx(panelClassName, 'Panel--form'),
+                className: cx(panelClassName, 'Panel--form', setThemeClassName(__assign(__assign({}, this.props), { name: 'wrapperCustomStyle', id: id, themeCss: wrapperCustomStyle })), setThemeClassName(__assign(__assign({}, this.props), { name: 'panelClassName', id: id, themeCss: themeCss }))),
                 style: style,
                 formStore: this.props.store,
                 children: body,
@@ -1276,11 +1370,15 @@ var Form = /** @class */ (function (_super) {
                 disabled: store.loading,
                 btnDisabled: store.loading || store.validating,
                 headerClassName: headerClassName,
+                headerControlClassName: setThemeClassName(__assign(__assign({}, this.props), { name: 'headerControlClassName', id: id, themeCss: themeCss })),
+                headerTitleControlClassName: setThemeClassName(__assign(__assign({}, this.props), { name: 'headerTitleControlClassName', id: id, themeCss: themeCss })),
                 footer: footer,
                 footerClassName: footerClassName,
                 footerWrapClassName: footerWrapClassName,
                 actionsClassName: actionsClassName,
+                actionsControlClassName: setThemeClassName(__assign(__assign({}, this.props), { name: 'actionsControlClassName', id: id, themeCss: themeCss })),
                 bodyClassName: bodyClassName,
+                bodyControlClassName: setThemeClassName(__assign(__assign({}, this.props), { name: 'bodyControlClassName', id: id, themeCss: themeCss })),
                 affixFooter: affixFooter
             });
         }