@tachybase/client 0.23.48 → 0.23.58

package/es/collection-manager/Configuration/ImportXlsx/xlsxImportAction.mjs

@@ -0,0 +1,187 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__ from "../../../api-client/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__ from "../../../record-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__action_hooks_mjs__ from "../../action-hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_useDialect_mjs__ from "../../hooks/useDialect.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__components_index_mjs__ from "../components/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__setUpdateXlsxCollectionField_mjs__ from "./setUpdateXlsxCollectionField.mjs";
+const XlsxEditFieldAction = (props)=>{
+    const { scope, getContainer, record, parentItem: parentRecord, children, handleUiSchemaChange, ...otherProps } = props;
+    const { getInterface, collections, getCollection } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCollectionManager_deprecated)();
+    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [schema, setSchema] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
+    (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useAPIClient)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const [data, setData] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        record
+    });
+    const { isDialect } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useDialect_mjs__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
+        record: record,
+        parent: parentRecord,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.ActionContextProvider, {
+            value: {
+                visible,
+                setVisible
+            },
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("a", {
+                    ...otherProps,
+                    onClick: async ()=>{
+                        setData(record);
+                        const interfaceConf = getInterface(record.interface);
+                        const defaultValues = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(record) || {};
+                        if (!(null == defaultValues ? void 0 : defaultValues.reverseField)) {
+                            var _interfaceConf_default;
+                            defaultValues.autoCreateReverseField = false;
+                            defaultValues.reverseField = null == interfaceConf ? void 0 : null === (_interfaceConf_default = interfaceConf.default) || void 0 === _interfaceConf_default ? void 0 : _interfaceConf_default.reverseField;
+                            (0, __WEBPACK_EXTERNAL_MODULE_lodash__.set)(defaultValues.reverseField, 'name', record.name);
+                            (0, __WEBPACK_EXTERNAL_MODULE_lodash__.set)(defaultValues, 'uiSchema.title', record.uiSchema.title);
+                        }
+                        const schema = getSchema({
+                            ...interfaceConf,
+                            default: defaultValues
+                        }, record, compile, getContainer);
+                        setSchema(schema);
+                        setVisible(true);
+                    },
+                    children: children || t('Edit')
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponent, {
+                    schema: schema,
+                    components: {
+                        ...__WEBPACK_EXTERNAL_MODULE__components_index_mjs__,
+                        ArrayTable: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.ArrayTable
+                    },
+                    scope: {
+                        getContainer,
+                        useCancelAction: __WEBPACK_EXTERNAL_MODULE__action_hooks_mjs__.useCancelAction,
+                        showReverseFieldConfig: !(null == data ? void 0 : data.reverseField),
+                        isDialect,
+                        setUpdateXlsxCollectionField: __WEBPACK_EXTERNAL_MODULE__setUpdateXlsxCollectionField_mjs__.setUpdateXlsxCollectionField,
+                        disabledJSONB: true,
+                        createMainOnly: true,
+                        ...scope
+                    }
+                })
+            ]
+        })
+    });
+};
+const getSchema = (schema, record, compile, getContainer)=>{
+    if (!schema) return;
+    const properties = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(schema.properties);
+    if (null == properties ? void 0 : properties.name) properties.name['x-disabled'] = true;
+    if (true === schema.hasDefaultValue) {
+        properties['defaultValue'] = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(schema.default) || {};
+        properties.defaultValue.required = false;
+        properties['defaultValue']['title'] = compile('{{ t("Default value") }}');
+        properties['defaultValue']['x-decorator'] = 'FormItem';
+        properties['defaultValue']['x-reactions'] = [
+            {
+                dependencies: [
+                    'uiSchema.x-component-props.gmt',
+                    'uiSchema.x-component-props.showTime',
+                    'uiSchema.x-component-props.dateFormat',
+                    'uiSchema.x-component-props.timeFormat'
+                ],
+                fulfill: {
+                    state: {
+                        componentProps: {
+                            gmt: '{{$deps[0]}}',
+                            showTime: '{{$deps[1]}}',
+                            dateFormat: '{{$deps[2]}}',
+                            timeFormat: '{{$deps[3]}}'
+                        }
+                    }
+                }
+            },
+            {
+                dependencies: [
+                    'primaryKey',
+                    'unique',
+                    'autoIncrement'
+                ],
+                when: '{{$deps[0]||$deps[1]||$deps[2]}}',
+                fulfill: {
+                    state: {
+                        hidden: true,
+                        value: void 0
+                    }
+                },
+                otherwise: {
+                    state: {
+                        hidden: false
+                    }
+                }
+            }
+        ];
+    }
+    return {
+        type: 'object',
+        properties: {
+            [(0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()]: {
+                type: 'void',
+                'x-component': 'Action.Drawer',
+                'x-component-props': {
+                    getContainer: getContainer
+                },
+                'x-decorator': 'Form',
+                'x-decorator-props': {
+                    useValues (options) {
+                        return (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)(()=>Promise.resolve({
+                                data: (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_lodash__.omit)(schema.default, [
+                                    'uiSchema.rawTitle'
+                                ]))
+                            }), options);
+                    }
+                },
+                title: "".concat(compile(record.uiSchema.title), " - ").concat(compile('{{ t("Edit field") }}')),
+                properties: {
+                    summary: {
+                        type: 'void',
+                        'x-component': 'FieldSummary',
+                        'x-component-props': {
+                            schemaKey: schema.name
+                        }
+                    },
+                    ...properties,
+                    description: {
+                        type: 'string',
+                        title: '{{t("Description")}}',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Input.TextArea'
+                    },
+                    footer: {
+                        type: 'void',
+                        'x-component': 'Action.Drawer.Footer',
+                        properties: {
+                            action1: {
+                                title: '{{ t("Cancel") }}',
+                                'x-component': 'Action',
+                                'x-use-component-props': 'useCancelActionProps'
+                            },
+                            action2: {
+                                title: '{{ t("Submit") }}',
+                                'x-component': 'Action',
+                                'x-component-props': {
+                                    type: 'primary'
+                                },
+                                'x-use-component-props': 'setUpdateXlsxCollectionField'
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    };
+};
+export { XlsxEditFieldAction };

package/es/collection-manager/Configuration/ImportXlsx/xlsxPreviewTable.d.ts

@@ -0,0 +1 @@
+export declare const xlsxPreviewTable: import("react").MemoExoticComponent<import("@tachybase/schema").ReactFC<Omit<any, "ref">>>;

package/es/collection-manager/Configuration/ImportXlsx/xlsxPreviewTable.mjs

@@ -0,0 +1,30 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+const xlsxPreviewTable = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const { filedata } = props;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const previewTablecolumns = filedata.fields.map((field)=>({
+            title: field.uiSchema.title,
+            dataIndex: field.name,
+            key: field.name,
+            render: (text)=>text,
+            width: 200
+        }));
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Table, {
+        bordered: true,
+        size: "small",
+        columns: previewTablecolumns,
+        dataSource: filedata.data,
+        scroll: {
+            y: 300,
+            x: 'max-content'
+        },
+        pagination: false,
+        rowKey: "name"
+    });
+}, {
+    displayName: 'PreviewTable'
+});
+export { xlsxPreviewTable };

package/es/collection-manager/collectionPlugin.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSourceManager
 import * as __WEBPACK_EXTERNAL_MODULE__interfaces_index_mjs__ from "./interfaces/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__mixins_InheritanceCollectionMixin_mjs__ from "./mixins/InheritanceCollectionMixin.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__ from "./templates/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__templates_xlsx_mjs__ from "./templates/xlsx.mjs";
 class MainDataSource extends __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSource_mjs__.DataSource {
     async getDataSource() {
         var _service_data;
@@ -122,7 +123,8 @@ class CollectionPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.SqlCollectionTemplate,
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.TreeCollectionTemplate,
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ViewCollectionTemplate,
-            __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ImportCollectionTemplate
+            __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ImportCollectionTemplate,
+            __WEBPACK_EXTERNAL_MODULE__templates_xlsx_mjs__.ImportXlsxTemplate
         ]);
     }
 }

package/es/collection-manager/templates/import.mjs

@@ -11,7 +11,7 @@ function _define_property(obj, key, value) {
 }
 class ImportCollectionTemplate extends __WEBPACK_EXTERNAL_MODULE__data_source_collection_template_CollectionTemplate_mjs__.CollectionTemplate {
     constructor(...args){
-        super(...args), _define_property(this, "name", 'import'), _define_property(this, "title", '{{t("Import collection")}}'), _define_property(this, "order", 5), _define_property(this, "color", 'blue'), _define_property(this, "divider", true), _define_property(this, "default", {
+        super(...args), _define_property(this, "name", 'import'), _define_property(this, "title", '{{t("Import json collection")}}'), _define_property(this, "order", 5), _define_property(this, "color", 'blue'), _define_property(this, "divider", true), _define_property(this, "default", {
             fields: []
         });
     }

package/es/collection-manager/templates/xlsx.d.ts

@@ -0,0 +1,11 @@
+import { CollectionTemplate } from '../../data-source/collection-template/CollectionTemplate';
+export declare class ImportXlsxTemplate extends CollectionTemplate {
+    name: string;
+    title: string;
+    order: number;
+    color: string;
+    divider: boolean;
+    default: {
+        fields: any[];
+    };
+}

package/es/collection-manager/templates/xlsx.mjs

@@ -0,0 +1,19 @@
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_collection_template_CollectionTemplate_mjs__ from "../../data-source/collection-template/CollectionTemplate.mjs";
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+class ImportXlsxTemplate extends __WEBPACK_EXTERNAL_MODULE__data_source_collection_template_CollectionTemplate_mjs__.CollectionTemplate {
+    constructor(...args){
+        super(...args), _define_property(this, "name", 'importXlsx'), _define_property(this, "title", '{{t("Import xlsx collection")}}'), _define_property(this, "order", 6), _define_property(this, "color", 'blue'), _define_property(this, "divider", false), _define_property(this, "default", {
+            fields: []
+        });
+    }
+}
+export { ImportXlsxTemplate };

package/es/modules/blocks/data-blocks/table/hooks/useTableBlockProps.mjs

@@ -63,7 +63,7 @@ const useTableBlockProps = ()=>{
         },
         onChange (param, filters, sorter) {
             let { current, pageSize } = param;
-            var _fieldSchema_parent_xdecoratorprops_params, _fieldSchema_parent_xdecoratorprops, _fieldSchema_parent, _ctx_service_params;
+            var _fieldSchema_parent_xdecoratorprops_params, _fieldSchema_parent_xdecoratorprops, _fieldSchema_parent, _ctx_service_params_;
             const parentSort = null === (_fieldSchema_parent = fieldSchema.parent) || void 0 === _fieldSchema_parent ? void 0 : null === (_fieldSchema_parent_xdecoratorprops = _fieldSchema_parent['x-decorator-props']) || void 0 === _fieldSchema_parent_xdecoratorprops ? void 0 : null === (_fieldSchema_parent_xdecoratorprops_params = _fieldSchema_parent_xdecoratorprops['params']) || void 0 === _fieldSchema_parent_xdecoratorprops_params ? void 0 : _fieldSchema_parent_xdecoratorprops_params.sort;
             const sortParams = ctx.params.sort || [];
             const parentSortReal = [
@@ -78,10 +78,12 @@ const useTableBlockProps = ()=>{
                 "-".concat(sorter.field)
             ] : parentSortReal;
             ctx.service.run({
-                ...null === (_ctx_service_params = ctx.service.params) || void 0 === _ctx_service_params ? void 0 : _ctx_service_params[0],
+                ...ctx.service.params[0],
                 page: current,
                 pageSize,
                 sort
+            }, {
+                filters: null === (_ctx_service_params_ = ctx.service.params[1]) || void 0 === _ctx_service_params_ ? void 0 : _ctx_service_params_.filters
             });
         },
         onClickRow (record, setSelectedRow, selectedRow) {

package/es/modules/fields/component/Radio/radioComponentFieldSettings.mjs

@@ -24,10 +24,6 @@ const radioComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_s
                     {
                         label: t('Radio group'),
                         value: 'Radio group'
-                    },
-                    {
-                        label: t('Select'),
-                        value: 'Select'
                     }
                 ];
                 const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();

package/es/schema-component/antd/action/Action.Designer.mjs

@@ -204,7 +204,7 @@ function AfterSuccess() {
     const openMode = findSchema(ctx.fieldSchema);
     const component = fieldSchema.parent.parent['x-component'];
     const schema = {
-        ...__WEBPACK_EXTERNAL_MODULE__utils_mjs__.afterSuccessSchema
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_mjs__.afterSuccessSchema)(t)
     };
     if ((!openMode || 'page' === openMode) && component.includes('Form') || !component.includes('Form')) delete schema.properties.popupClose;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__.SchemaSettingsModalItem, {
@@ -312,7 +312,10 @@ function WorkflowSelectComponent(param) {
                         'config.collection': noCollection ? void 0 : workflowCollection,
                         sync: void 0 === props.filterSync ? void 0 : props.filterSync,
                         key: void 0 === props.filterKey ? void 0 : props.filterKey
-                    }
+                    },
+                    sort: [
+                        '-updatedAt'
+                    ]
                 }
             },
             optionFilter: optionFilter,

package/es/schema-component/antd/action/Action.Modal.mjs

@@ -4,9 +4,9 @@ import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schem
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
 import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
 import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "./index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Action_Modal_style_mjs__ from "./Action.Modal.style.mjs";
 import "./hooks/useSetAriaLabelForModal.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -18,7 +18,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      &.tb-action-popup {\n        .ant-modal-header {\n          // TODO: theme variables\n          margin-top: -20px;\n          margin-left: -24px;\n          margin-right: -24px;\n          padding-top: 20px;\n          padding-left: 24px;\n          padding-right: 24px;\n          padding-bottom: 20px;\n        }\n        .ant-modal-content {\n          background: var(--tb-box-bg);\n        }\n      }\n    "
+        "\n                  background: none;\n                  border: none;\n                "
     ]);
     _templateObject = function() {
         return data;
@@ -26,29 +26,14 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
-    const data = _tagged_template_literal([
-        "\n                  background: none;\n                  border: none;\n                "
-    ]);
-    _templateObject1 = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
     const data = _tagged_template_literal([
         "\n        background: none;\n        border: none;\n      "
     ]);
-    _templateObject2 = function() {
+    _templateObject1 = function() {
         return data;
     };
     return data;
 }
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
-    let { css } = param;
-    return {
-        container: css(_templateObject())
-    };
-});
 const openSizeWidthMap = new Map([
     [
         'small',
@@ -65,7 +50,7 @@ const openSizeWidthMap = new Map([
 ]);
 const ActionModal = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
     const { footerNodeName = 'Action.Modal.Footer', width, ...others } = props;
-    const { styles } = useStyles();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Action_Modal_style_mjs__.useStyles)();
     const { visible, setVisible, openSize = 'middle', modalProps } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useActionContext)();
     const actualWidth = null != width ? width : openSizeWidthMap.get(openSize);
     const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
@@ -74,7 +59,13 @@ const ActionModal = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(
         if (s['x-component'] === footerNodeName) return s;
         return buf;
     });
+    console.log('%c Line:41 🍧 styles.container', 'font-size:18px;color:#e41a6a;background:#7f2b82', styles.container);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Modal, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(others.className, null == modalProps ? void 0 : modalProps.className, styles.container, 'amplifier-block'),
+        style: {
+            ...null == modalProps ? void 0 : modalProps.style,
+            ...null == others ? void 0 : others.style
+        },
         width: actualWidth,
         title: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
             style: {
@@ -93,7 +84,7 @@ const ActionModal = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
                             type: "text",
                             icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {}),
-                            className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject1()),
+                            className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject()),
                             onClick: ()=>setVisible(false, true)
                         })
                     ]
@@ -102,25 +93,23 @@ const ActionModal = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(
         }),
         ...others,
         ...modalProps,
-        style: {
-            ...null == modalProps ? void 0 : modalProps.style,
-            ...null == others ? void 0 : others.style
-        },
         destroyOnClose: true,
         open: visible,
         closable: false,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(others.className, null == modalProps ? void 0 : modalProps.className, styles.container, 'amplifier-block'),
         footer: !!footerSchema && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
             basePath: field.address,
             schema: schema,
             onlyRenderProperties: true,
             filterProperties: (s)=>s['x-component'] === footerNodeName
         }),
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
-            basePath: field.address,
-            schema: schema,
-            onlyRenderProperties: true,
-            filterProperties: (s)=>s['x-component'] !== footerNodeName
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+            className: styles.modalClassName,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                basePath: field.address,
+                schema: schema,
+                onlyRenderProperties: true,
+                filterProperties: (s)=>s['x-component'] !== footerNodeName
+            })
         })
     });
 }, {
@@ -144,7 +133,7 @@ const Amplifier = ()=>{
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
         icon: isAmplifier ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.FullscreenExitOutlined, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.FullscreenOutlined, {}),
         type: "text",
-        className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject2()),
+        className: (0, __WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject1()),
         onClick: (e)=>{
             const element = e.target.closest('.ant-modal-content');
             const modal = document.querySelector('.ant-modal');

package/es/schema-component/antd/action/Action.Modal.style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    modalClassName: import("antd-style").SerializedStyles;
+}>;

package/es/schema-component/antd/action/Action.Modal.style.mjs

@@ -0,0 +1,35 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      &.tb-action-popup {\n        .ant-modal-header {\n          // TODO: theme variables\n          margin-top: -20px;\n          margin-left: -24px;\n          margin-right: -24px;\n          padding-top: 20px;\n          padding-left: 24px;\n          padding-right: 24px;\n          padding-bottom: 20px;\n        }\n        .ant-modal-content {\n          background: var(--tb-box-bg);\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      max-height: 80vh;\n      overflow: hidden;\n      .ant-tabs-content-holder {\n        height: 70vh;\n        overflow-y: scroll;\n        overflow-x: hidden;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        container: css(_templateObject()),
+        modalClassName: css(_templateObject1())
+    };
+});
+export { useStyles };

package/es/schema-component/antd/action/utils.d.ts

@@ -8,4 +8,4 @@ export declare const linkageAction: ({ operator, field, condition, variables, lo
     variables: VariablesContextType;
     localVariables: VariableOption[];
 }) => Promise<any>;
-export declare const afterSuccessSchema: ISchema;
+export declare const afterSuccessSchema: (t: any) => ISchema;