@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.22

package/lib/schema-component/antd/table-v2/Table.Designer.mjs

@@ -0,0 +1,32 @@
+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__collection_manager_index_mjs__ from "../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../schema-settings/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "../../../collection-manager/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../schema-settings/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/table-v2/Table.Designer.tsx?__rslib_entry__
+
+
+
+
+const TableDesigner = ()=>{
+    const { name, title } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.GeneralSchemaDesigner, {
+        title: title || name,
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsRemove, {
+            removeParentsIfNoChildren: true,
+            breakRemoveOn: {
+                'x-component': 'Grid'
+            }
+        })
+    });
+};
+
+export { TableDesigner };

package/lib/schema-component/antd/table-v2/Table.Index.mjs

@@ -0,0 +1,22 @@
+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__record_provider_index_mjs__ from "../../../record-provider/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "../../../record-provider/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/table-v2/Table.Index.tsx?__rslib_entry__
+
+
+
+const TableIndex = (props)=>{
+    const recordIndex = (0,__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.useRecordIndex)();
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        children: recordIndex + 1
+    });
+};
+
+export { TableIndex };

package/lib/schema-component/antd/table-v2/Table.mjs

@@ -0,0 +1,574 @@
+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_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__ from "@dnd-kit/sortable";
+import * as __WEBPACK_EXTERNAL_MODULE_ahooks__ from "ahooks";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "../__builtins__/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaProps_mjs__ from "../../../application/hoc/withDynamicSchemaProps.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__ from "../../../data-source/collection-record/isNewRecord.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__modules_variable_DeclareVariable_mjs__ from "../../../modules/variable/DeclareVariable.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__association_field_hooks_mjs__ from "../association-field/hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__components_ColumnFieldProvider_mjs__ from "./components/ColumnFieldProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Table_styles_mjs__ from "./Table.styles.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_mjs__ from "./utils.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "@tachybase/utils/client"
+
+;// CONCATENATED MODULE: external "@ant-design/icons"
+
+;// CONCATENATED MODULE: external "@dnd-kit/sortable"
+
+;// CONCATENATED MODULE: external "ahooks"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "classnames"
+
+;// CONCATENATED MODULE: external "lodash"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "../__builtins__/index.mjs"
+
+;// CONCATENATED MODULE: external "../../index.mjs"
+
+;// CONCATENATED MODULE: external "../../../index.mjs"
+
+;// CONCATENATED MODULE: external "../../../application/hoc/withDynamicSchemaProps.mjs"
+
+;// CONCATENATED MODULE: external "../../../data-source/collection-record/isNewRecord.mjs"
+
+;// CONCATENATED MODULE: external "../../../modules/variable/DeclareVariable.mjs"
+
+;// CONCATENATED MODULE: external "../association-field/hooks.mjs"
+
+;// CONCATENATED MODULE: external "./components/ColumnFieldProvider.mjs"
+
+;// CONCATENATED MODULE: external "./Table.styles.mjs"
+
+;// CONCATENATED MODULE: external "./utils.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/table-v2/Table.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const useArrayField = (props)=>{
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    return props.field || field;
+};
+const useTableColumns = (props)=>{
+    var _field_value_slice_filter, _field_value_slice, _field_value_slice1, _field_value, _schema_reduceProperties;
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { styles } = (0,__WEBPACK_EXTERNAL_MODULE__Table_styles_mjs__.useStyles)();
+    const field = useArrayField(props);
+    const schema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { schemaInWhitelist } = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useACLFieldWhitelist)();
+    const { designable } = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
+    const { exists, render } = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useSchemaInitializerRender)(schema['x-initializer'], schema['x-initializer-props']);
+    const parentRecordData = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useCollectionParentRecordData)();
+    const collection = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useCollection)();
+    const dataSource = (field === null || field === void 0 ? void 0 : (_field_value = field.value) === null || _field_value === void 0 ? void 0 : (_field_value_slice1 = _field_value.slice) === null || _field_value_slice1 === void 0 ? void 0 : (_field_value_slice = _field_value_slice1.call(_field_value)) === null || _field_value_slice === void 0 ? void 0 : (_field_value_slice_filter = _field_value_slice.filter) === null || _field_value_slice_filter === void 0 ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
+    const columns = (_schema_reduceProperties = schema.reduceProperties((buf, s)=>{
+        if ((0,__WEBPACK_EXTERNAL_MODULE__utils_mjs__.isColumnComponent)(s) && schemaInWhitelist(Object.values(s.properties || {}).pop())) {
+            return buf.concat([
+                s
+            ]);
+        }
+        return buf;
+    }, [])) === null || _schema_reduceProperties === void 0 ? void 0 : _schema_reduceProperties.map((s)=>{
+        var _s_xcomponentprops;
+        const collectionFields = s.reduceProperties((buf, s)=>{
+            if ((0,__WEBPACK_EXTERNAL_MODULE__utils_mjs__.isCollectionFieldComponent)(s)) {
+                return buf.concat([
+                    s
+                ]);
+            }
+        }, []);
+        const dataIndex = (collectionFields === null || collectionFields === void 0 ? void 0 : collectionFields.length) > 0 ? collectionFields[0].name : s.name;
+        return {
+            title: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                name: s.name,
+                schema: s,
+                onlyRenderSelf: true
+            }),
+            dataIndex,
+            key: s.name,
+            sorter: (_s_xcomponentprops = s['x-component-props']) === null || _s_xcomponentprops === void 0 ? void 0 : _s_xcomponentprops['sorter'],
+            width: 200,
+            ...s['x-component-props'],
+            render: (v, record)=>{
+                var _field_value;
+                const index = (_field_value = field.value) === null || _field_value === void 0 ? void 0 : _field_value.indexOf(record);
+                return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__modules_variable_DeclareVariable_mjs__.DeclareVariable, {
+                    name: "$nPopupRecord",
+                    title: t('Current popup record'),
+                    value: record,
+                    collection: collection,
+                    children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__association_field_hooks_mjs__.SubFormProvider, {
+                        value: {
+                            value: record,
+                            collection
+                        },
+                        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RecordIndexProvider, {
+                            index: record.__index || index,
+                            children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RecordProvider, {
+                                isNew: (0,__WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.isNewRecord)(record),
+                                record: record,
+                                parent: parentRecordData,
+                                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_ColumnFieldProvider_mjs__.ColumnFieldProvider, {
+                                    schema: s,
+                                    basePath: field.address.concat(record.__index || index),
+                                    children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                        role: "button",
+                                        className: styles.toolbar,
+                                        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                                            basePath: field.address.concat(record.__index || index),
+                                            schema: s,
+                                            onlyRenderProperties: true
+                                        })
+                                    })
+                                })
+                            })
+                        })
+                    })
+                });
+            }
+        };
+    });
+    if (!exists) {
+        return columns;
+    }
+    const tableColumns = columns.concat({
+        title: render(),
+        fixed: 'right',
+        dataIndex: 'TABLE_COLUMN_INITIALIZER',
+        key: 'TABLE_COLUMN_INITIALIZER',
+        render: designable ? ()=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {}) : null
+    });
+    if (props.showDel) {
+        tableColumns.push({
+            title: '',
+            key: 'delete',
+            width: 60,
+            align: 'center',
+            fixed: 'right',
+            render: (v, record, index)=>{
+                return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CopyOutlined, {
+                            style: {
+                                cursor: 'pointer',
+                                marginRight: '10px'
+                            },
+                            onClick: ()=>{
+                                (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+                                    if (!Array.isArray(field.value)) {
+                                        field.value = [];
+                                    }
+                                    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                        startIndex: index + 1,
+                                        insertCount: 1
+                                    });
+                                    field.value.splice(index + 1, 0, (0,__WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.markRecordAsNew)(__WEBPACK_EXTERNAL_MODULE_lodash__["default"].cloneDeep(record)));
+                                    (0,__WEBPACK_EXTERNAL_MODULE_lodash__.each)(field.form.fields, (targetField, key)=>{
+                                        if (!targetField) {
+                                            delete field.form.fields[key];
+                                        }
+                                    });
+                                    return field.onInput(field.value);
+                                });
+                            }
+                        }),
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.DeleteOutlined, {
+                            style: {
+                                cursor: 'pointer'
+                            },
+                            onClick: ()=>{
+                                (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+                                    var _field_initialValue;
+                                    const index = dataSource.indexOf(record);
+                                    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                        startIndex: index,
+                                        deleteCount: 1
+                                    });
+                                    field.value.splice(index, 1);
+                                    (_field_initialValue = field.initialValue) === null || _field_initialValue === void 0 ? void 0 : _field_initialValue.splice(index, 1);
+                                    props.setFieldValue([
+                                        ...field.value
+                                    ]);
+                                    return field.onInput(field.value);
+                                });
+                            }
+                        })
+                    ]
+                });
+            }
+        });
+    }
+    return [
+        ...tableColumns.filter((column)=>column.fixed === 'left'),
+        ...tableColumns.filter((column)=>!column.fixed || column.fixed !== 'left' && column.fixed !== 'right'),
+        ...tableColumns.filter((column)=>column.fixed === 'right')
+    ];
+};
+const SortableRow = (props)=>{
+    var _props_datarowkey, _active_data_current, _over_data_current_sortable, _over_data_current;
+    const { styles } = (0,__WEBPACK_EXTERNAL_MODULE__Table_styles_mjs__.useStyles)();
+    const id = (_props_datarowkey = props['data-row-key']) === null || _props_datarowkey === void 0 ? void 0 : _props_datarowkey.toString();
+    const { setNodeRef, isOver, active, over } = (0,__WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__.useSortable)({
+        id
+    });
+    var _active_data_current_sortable_index, _over_data_current_sortable_index;
+    const className = ((_active_data_current_sortable_index = active === null || active === void 0 ? void 0 : (_active_data_current = active.data.current) === null || _active_data_current === void 0 ? void 0 : _active_data_current.sortable.index) !== null && _active_data_current_sortable_index !== void 0 ? _active_data_current_sortable_index : -1) > ((_over_data_current_sortable_index = over === null || over === void 0 ? void 0 : (_over_data_current = over.data.current) === null || _over_data_current === void 0 ? void 0 : (_over_data_current_sortable = _over_data_current.sortable) === null || _over_data_current_sortable === void 0 ? void 0 : _over_data_current_sortable.index) !== null && _over_data_current_sortable_index !== void 0 ? _over_data_current_sortable_index : -1) ? styles.topActive : styles.bottomActive;
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("tr", {
+        ref: (active === null || active === void 0 ? void 0 : active.id) !== id ? setNodeRef : null,
+        ...props,
+        className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, {
+            [className]: active && isOver
+        })
+    });
+};
+const SortHandle = (props)=>{
+    const { id, ...otherProps } = props;
+    const { listeners } = (0,__WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__.useSortable)({
+        id
+    });
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.MenuOutlined, {
+        ...otherProps,
+        ...listeners,
+        style: {
+            cursor: 'grab'
+        }
+    });
+};
+const TableIndex = (props)=>{
+    const { index, ...otherProps } = props;
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])('tb-table-index'),
+        style: {
+            padding: '0 8px 0 16px'
+        },
+        ...otherProps,
+        children: index
+    });
+};
+const usePaginationProps = (pagination1, pagination2)=>{
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const showTotal = (0,__WEBPACK_EXTERNAL_MODULE_react__.useCallback)((total)=>t('Total {{count}} items', {
+            count: total
+        }), [
+        t
+    ]);
+    if (pagination2 === false) {
+        return false;
+    }
+    if (!pagination2 && pagination1 === false) {
+        return false;
+    }
+    const result = {
+        showTotal,
+        showSizeChanger: true,
+        ...pagination1,
+        ...pagination2
+    };
+    return result.total <= result.pageSize ? false : result;
+};
+const Table = (0,__WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaProps_mjs__.withDynamicSchemaProps)((0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    var _schema_parent, _field_data, _field_value_slice_filter, _field_value_slice, _field_value_slice1, _field_value, _fieldSchema_parent_xdecoratorprops, _fieldSchema_parent;
+    const { token } = (0,__WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.useToken)();
+    const { styles } = (0,__WEBPACK_EXTERNAL_MODULE__Table_styles_mjs__.useStyles)();
+    const { pagination: pagination1, useProps, ...others1 } = props;
+    // 新版 UISchema（1.0 之后）中已经废弃了 useProps，这里之所以继续保留是为了兼容旧版的 UISchema
+    const { pagination: pagination2, ...others2 } = (useProps === null || useProps === void 0 ? void 0 : useProps()) || {};
+    const { dragSort = false, showIndex = true, onRowSelectionChange, onChange: onTableChange, rowSelection, rowKey, required, onExpand, onClickRow, ...others } = {
+        ...others1,
+        ...others2
+    };
+    const field = useArrayField(others);
+    const columns = useTableColumns(others);
+    const schema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const collection = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useCollection_deprecated)();
+    const isTableSelector = (schema === null || schema === void 0 ? void 0 : (_schema_parent = schema.parent) === null || _schema_parent === void 0 ? void 0 : _schema_parent['x-decorator']) === 'TableSelectorProvider';
+    const ctx = isTableSelector ? (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useTableSelectorContext)() : (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useTableBlockContext)();
+    const { expandFlag, allIncludesChildren } = ctx;
+    const onRowDragEnd = (0,__WEBPACK_EXTERNAL_MODULE_ahooks__.useMemoizedFn)(others.onRowDragEnd || (()=>{}));
+    const paginationProps = usePaginationProps(pagination1, pagination2);
+    const [expandedKeys, setExpandesKeys] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const [selectedRowKeys, setSelectedRowKeys] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)((field === null || field === void 0 ? void 0 : (_field_data = field.data) === null || _field_data === void 0 ? void 0 : _field_data.selectedRowKeys) || []);
+    const [selectedRow, setSelectedRow] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const dataSource = (field === null || field === void 0 ? void 0 : (_field_value = field.value) === null || _field_value === void 0 ? void 0 : (_field_value_slice1 = _field_value.slice) === null || _field_value_slice1 === void 0 ? void 0 : (_field_value_slice = _field_value_slice1.call(_field_value)) === null || _field_value_slice === void 0 ? void 0 : (_field_value_slice_filter = _field_value_slice.filter) === null || _field_value_slice_filter === void 0 ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
+    const isRowSelect = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== 'none';
+    const defaultRowKeyMap = (0,__WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Map());
+    let onRow = null, highlightRow = '';
+    if (onClickRow) {
+        onRow = (record)=>{
+            return {
+                onClick: (e)=>{
+                    if ((0,__WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.isPortalInBody)(e.target)) {
+                        return;
+                    }
+                    onClickRow(record, setSelectedRow, selectedRow);
+                }
+            };
+        };
+        highlightRow = styles.highlightRow;
+    }
+    (0,__WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (expandFlag) {
+            setExpandesKeys(allIncludesChildren);
+        } else {
+            setExpandesKeys([]);
+        }
+    }, [
+        expandFlag,
+        allIncludesChildren
+    ]);
+    const components = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        return {
+            header: {
+                wrapper: (props)=>{
+                    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.DndContext, {
+                        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("thead", {
+                            ...props
+                        })
+                    });
+                },
+                cell: (props)=>{
+                    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("th", {
+                        ...props,
+                        className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, styles.headerCellDesigner)
+                    });
+                }
+            },
+            body: {
+                wrapper: (props)=>{
+                    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.DndContext, {
+                        onDragEnd: (e)=>{
+                            var _e_active_data_current_sortable, _e_active_data_current, _e_active, _e_over_data_current_sortable, _e_over_data_current, _e_over;
+                            if (!e.active || !e.over) {
+                                console.warn('move cancel');
+                                return;
+                            }
+                            const fromIndex = (_e_active = e.active) === null || _e_active === void 0 ? void 0 : (_e_active_data_current = _e_active.data.current) === null || _e_active_data_current === void 0 ? void 0 : (_e_active_data_current_sortable = _e_active_data_current.sortable) === null || _e_active_data_current_sortable === void 0 ? void 0 : _e_active_data_current_sortable.index;
+                            const toIndex = (_e_over = e.over) === null || _e_over === void 0 ? void 0 : (_e_over_data_current = _e_over.data.current) === null || _e_over_data_current === void 0 ? void 0 : (_e_over_data_current_sortable = _e_over_data_current.sortable) === null || _e_over_data_current_sortable === void 0 ? void 0 : _e_over_data_current_sortable.index;
+                            const from = field.value[fromIndex] || e.active;
+                            const to = field.value[toIndex] || e.over;
+                            void field.move(fromIndex, toIndex);
+                            onRowDragEnd({
+                                from,
+                                to
+                            });
+                        },
+                        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("tbody", {
+                            ...props
+                        })
+                    });
+                },
+                row: (props)=>{
+                    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SortableRow, {
+                        ...props
+                    });
+                },
+                cell: (props)=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("td", {
+                        ...props,
+                        className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, styles.bodyCell)
+                    })
+            }
+        };
+    }, [
+        field,
+        onRowDragEnd,
+        dragSort
+    ]);
+    /**
+       * 为没有设置 key 属性的表格行生成一个唯一的 key
+       * 1. rowKey 的默认值是 “key”，所以先判断有没有 record.key；
+       * 2. 如果没有就生成一个唯一的 key，并以 record 的值作为索引；
+       * 3. 这样下次就能取到对应的 key 的值；
+       *
+       * 这里有效的前提是：数组中对应的 record 的引用不会发生改变。
+       *
+       * @param record
+       * @returns
+       */ const defaultRowKey = (record)=>{
+        if (record.key) {
+            return record.key;
+        }
+        if (defaultRowKeyMap.current.has(record)) {
+            return defaultRowKeyMap.current.get(record);
+        }
+        const key = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)();
+        defaultRowKeyMap.current.set(record, key);
+        return key;
+    };
+    const getRowKey = (record)=>{
+        if (typeof rowKey === 'string') {
+            var _record_rowKey;
+            return (_record_rowKey = record[rowKey]) === null || _record_rowKey === void 0 ? void 0 : _record_rowKey.toString();
+        } else {
+            var _this;
+            return (_this = (rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey)(record)) === null || _this === void 0 ? void 0 : _this.toString();
+        }
+    };
+    const restProps = {
+        rowSelection: rowSelection ? {
+            type: 'checkbox',
+            selectedRowKeys: selectedRowKeys,
+            onChange (selectedRowKeys, selectedRows) {
+                field.data = field.data || {};
+                field.data.selectedRowKeys = selectedRowKeys;
+                setSelectedRowKeys(selectedRowKeys);
+                onRowSelectionChange === null || onRowSelectionChange === void 0 ? void 0 : onRowSelectionChange(selectedRowKeys, selectedRows);
+            },
+            getCheckboxProps (record) {
+                return {
+                    'aria-label': "checkbox"
+                };
+            },
+            renderCell: (checked, record, index, originNode)=>{
+                var _props_pagination, _props_pagination1;
+                if (!dragSort && !showIndex) {
+                    return originNode;
+                }
+                const current = props === null || props === void 0 ? void 0 : (_props_pagination = props.pagination) === null || _props_pagination === void 0 ? void 0 : _props_pagination.current;
+                const pageSize = (props === null || props === void 0 ? void 0 : (_props_pagination1 = props.pagination) === null || _props_pagination1 === void 0 ? void 0 : _props_pagination1.pageSize) || 20;
+                if (current) {
+                    index = index + (current - 1) * pageSize + 1;
+                } else {
+                    index = index + 1;
+                }
+                if (record.__index) {
+                    index = (0,__WEBPACK_EXTERNAL_MODULE__utils_mjs__.extractIndex)(record.__index);
+                }
+                return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                    role: "button",
+                    "aria-label": "table-index-".concat(index),
+                    className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])(checked ? 'checked' : null, styles.rowSelect, {
+                        [styles.rowSelectHover]: isRowSelect
+                    }),
+                    children: [
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                            className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])(checked ? 'checked' : null, styles.cellChecked),
+                            children: [
+                                dragSort && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SortHandle, {
+                                    id: getRowKey(record)
+                                }),
+                                showIndex && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TableIndex, {
+                                    index: index
+                                })
+                            ]
+                        }),
+                        isRowSelect && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                            className: (0,__WEBPACK_EXTERNAL_MODULE_classnames__["default"])('tb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode),
+                            children: originNode
+                        })
+                    ]
+                });
+            },
+            ...rowSelection
+        } : undefined
+    };
+    const SortableWrapper = (0,__WEBPACK_EXTERNAL_MODULE_react__.useCallback)((param)=>{
+        let { children } = param;
+        var _field_value_map, _field_value;
+        return dragSort ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__.SortableContext, {
+            items: ((_field_value = field.value) === null || _field_value === void 0 ? void 0 : (_field_value_map = _field_value.map) === null || _field_value_map === void 0 ? void 0 : _field_value_map.call(_field_value, getRowKey)) || []
+        }, children) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_react__["default"].Fragment, {}, children);
+    }, [
+        field,
+        dragSort
+    ]);
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const fixedBlock = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_parent = fieldSchema.parent) === null || _fieldSchema_parent === void 0 ? void 0 : (_fieldSchema_parent_xdecoratorprops = _fieldSchema_parent['x-decorator-props']) === null || _fieldSchema_parent_xdecoratorprops === void 0 ? void 0 : _fieldSchema_parent_xdecoratorprops.fixedBlock;
+    const { height: tableHeight, tableSizeRefCallback } = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useTableSize)();
+    const scroll = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        return fixedBlock ? {
+            x: 'max-content',
+            y: tableHeight
+        } : {
+            x: 'max-content'
+        };
+    }, [
+        fixedBlock,
+        tableHeight
+    ]);
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: styles.container,
+        children: [
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SortableWrapper, {
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Table, {
+                    ref: tableSizeRefCallback,
+                    rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : defaultRowKey,
+                    dataSource: dataSource,
+                    tableLayout: "auto",
+                    ...others,
+                    ...restProps,
+                    pagination: paginationProps,
+                    components: components,
+                    onChange: (pagination, filters, sorter, extra)=>{
+                        onTableChange === null || onTableChange === void 0 ? void 0 : onTableChange(pagination, filters, sorter, extra);
+                    },
+                    onRow: onRow,
+                    rowClassName: (record)=>selectedRow.includes(record[rowKey]) ? highlightRow : '',
+                    scroll: scroll,
+                    columns: columns,
+                    expandable: {
+                        onExpand: (flag, record)=>{
+                            const newKeys = flag ? [
+                                ...expandedKeys,
+                                record[collection.getPrimaryKey()]
+                            ] : expandedKeys.filter((i)=>record[collection.getPrimaryKey()] !== i);
+                            setExpandesKeys(newKeys);
+                            onExpand === null || onExpand === void 0 ? void 0 : onExpand(flag, record);
+                        },
+                        expandedRowKeys: expandedKeys
+                    }
+                })
+            }),
+            field.errors.length > 0 && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "ant-formily-item-error-help ant-formily-item-help ant-formily-item-help-enter ant-formily-item-help-enter-active",
+                children: field.errors.map((error)=>{
+                    return error.messages.map((message)=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                            children: message
+                        }, message));
+                })
+            })
+        ]
+    });
+}), {
+    displayName: 'Table'
+});
+
+export { Table };