@tachybase/client 1.3.8 → 1.3.10

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

@@ -1,90 +1,90 @@
-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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { RecursionField, action, observer, spliceArrayState, uid, useField, useFieldSchema } from "@tachybase/schema";
+import { isPortalInBody } from "@tachybase/utils/client";
+import { CopyOutlined, DeleteOutlined, MenuOutlined } from "@ant-design/icons";
+import { SortableContext, useSortable } from "@dnd-kit/sortable";
+import { useMemoizedFn } from "ahooks";
+import { Table } from "antd";
+import classnames from "classnames";
+import lodash, { each } from "lodash";
+import { useTranslation } from "react-i18next";
+import { useToken } from "../__builtins__/index.mjs";
+import { DndContext, useDesignable, useTableSize } from "../../index.mjs";
+import { RecordIndexProvider, RecordProvider, useACLFieldWhitelist, useCollection, useCollectionParentRecordData, useCollection_deprecated, useSchemaInitializerRender, useTableBlockContext, useTableSelectorContext } from "../../../index.mjs";
+import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSchemaProps.mjs";
+import { isNewRecord, markRecordAsNew } from "../../../data-source/collection-record/isNewRecord.mjs";
+import { DeclareVariable } from "../../../modules/variable/DeclareVariable.mjs";
+import { SubFormProvider } from "../association-field/hooks.mjs";
+import { ColumnFieldProvider } from "./components/ColumnFieldProvider.mjs";
+import { useStyles } from "./Table.styles.mjs";
+import { extractIndex, isCollectionFieldComponent, isColumnComponent } from "./utils.mjs";
 const useArrayField = (props)=>{
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const field = 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 { t } = useTranslation();
+    const { styles } = 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 = (null == field ? void 0 : null === (_field_value = field.value) || void 0 === _field_value ? void 0 : null === (_field_value_slice1 = _field_value.slice) || void 0 === _field_value_slice1 ? void 0 : null === (_field_value_slice = _field_value_slice1.call(_field_value)) || void 0 === _field_value_slice ? void 0 : null === (_field_value_slice_filter = _field_value_slice.filter) || void 0 === _field_value_slice_filter ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
-    const columns = null === (_schema_reduceProperties = schema.reduceProperties((buf, s)=>{
-        if ((0, __WEBPACK_EXTERNAL_MODULE__utils_mjs__.isColumnComponent)(s) && schemaInWhitelist(Object.values(s.properties || {}).pop())) return buf.concat([
+    const schema = useFieldSchema();
+    const { schemaInWhitelist } = useACLFieldWhitelist();
+    const { designable } = useDesignable();
+    const { exists, render } = useSchemaInitializerRender(schema['x-initializer'], schema['x-initializer-props']);
+    const parentRecordData = useCollectionParentRecordData();
+    const collection = useCollection();
+    const dataSource = (null == field ? void 0 : null == (_field_value = field.value) ? void 0 : null == (_field_value_slice1 = _field_value.slice) ? void 0 : null == (_field_value_slice = _field_value_slice1.call(_field_value)) ? void 0 : null == (_field_value_slice_filter = _field_value_slice.filter) ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
+    const columns = null == (_schema_reduceProperties = schema.reduceProperties((buf, s)=>{
+        if (isColumnComponent(s) && schemaInWhitelist(Object.values(s.properties || {}).pop())) return buf.concat([
             s
         ]);
         return buf;
-    }, [])) || void 0 === _schema_reduceProperties ? void 0 : _schema_reduceProperties.map((s)=>{
+    }, [])) ? 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([
+            if (isCollectionFieldComponent(s)) return buf.concat([
                 s
             ]);
         }, []);
         const dataIndex = (null == collectionFields ? 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, {
+            title: /*#__PURE__*/ jsx(RecursionField, {
                 name: s.name,
                 schema: s,
                 onlyRenderSelf: true
             }),
             dataIndex,
             key: s.name,
-            sorter: null === (_s_xcomponentprops = s['x-component-props']) || void 0 === _s_xcomponentprops ? void 0 : _s_xcomponentprops['sorter'],
+            sorter: null == (_s_xcomponentprops = s['x-component-props']) ? void 0 : _s_xcomponentprops['sorter'],
             width: 200,
             ...s['x-component-props'],
             render: (v, record)=>{
                 var _field_value;
-                const index = null === (_field_value = field.value) || void 0 === _field_value ? void 0 : _field_value.indexOf(record);
-                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__modules_variable_DeclareVariable_mjs__.DeclareVariable, {
+                const index = null == (_field_value = field.value) ? void 0 : _field_value.indexOf(record);
+                return /*#__PURE__*/ jsx(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, {
+                    children: /*#__PURE__*/ jsx(SubFormProvider, {
                         value: {
                             value: record,
                             collection
                         },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RecordIndexProvider, {
+                        children: /*#__PURE__*/ jsx(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),
+                            children: /*#__PURE__*/ jsx(RecordProvider, {
+                                isNew: isNewRecord(record),
                                 record: record,
                                 parent: parentRecordData,
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_ColumnFieldProvider_mjs__.ColumnFieldProvider, {
+                                children: /*#__PURE__*/ jsx(ColumnFieldProvider, {
                                     schema: s,
                                     basePath: field.address.concat(record.__index || index),
-                                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                    children: /*#__PURE__*/ jsx("span", {
                                         role: "button",
                                         className: styles.toolbar,
-                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                                        children: /*#__PURE__*/ jsx(RecursionField, {
                                             basePath: field.address.concat(record.__index || index),
                                             schema: s,
                                             onlyRenderProperties: true
@@ -104,7 +104,7 @@ const useTableColumns = (props)=>{
         fixed: 'right',
         dataIndex: 'TABLE_COLUMN_INITIALIZER',
         key: 'TABLE_COLUMN_INITIALIZER',
-        render: designable ? ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {}) : null
+        render: designable ? ()=>/*#__PURE__*/ jsx("span", {}) : null
     });
     if (props.showDel) tableColumns.push({
         title: '',
@@ -112,42 +112,42 @@ const useTableColumns = (props)=>{
         width: 60,
         align: 'center',
         fixed: 'right',
-        render: (v, record, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        render: (v, record, index)=>/*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CopyOutlined, {
+                    /*#__PURE__*/ jsx(CopyOutlined, {
                         style: {
                             cursor: 'pointer',
                             marginRight: '10px'
                         },
                         onClick: ()=>{
-                            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+                            action(()=>{
                                 if (!Array.isArray(field.value)) field.value = [];
-                                (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                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)=>{
+                                field.value.splice(index + 1, 0, markRecordAsNew(lodash.cloneDeep(record)));
+                                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, {
+                    /*#__PURE__*/ jsx(DeleteOutlined, {
                         style: {
                             cursor: 'pointer'
                         },
                         onClick: ()=>{
-                            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+                            action(()=>{
                                 var _field_initialValue;
                                 const index = dataSource.indexOf(record);
-                                (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                spliceArrayState(field, {
                                     startIndex: index,
                                     deleteCount: 1
                                 });
                                 field.value.splice(index, 1);
-                                null === (_field_initialValue = field.initialValue) || void 0 === _field_initialValue || _field_initialValue.splice(index, 1);
+                                null == (_field_initialValue = field.initialValue) || _field_initialValue.splice(index, 1);
                                 props.setFieldValue([
                                     ...field.value
                                 ]);
@@ -166,27 +166,27 @@ const useTableColumns = (props)=>{
 };
 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 = null === (_props_datarowkey = props['data-row-key']) || void 0 === _props_datarowkey ? void 0 : _props_datarowkey.toString();
-    const { setNodeRef, isOver, active, over } = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__.useSortable)({
+    const { styles } = useStyles();
+    const id = null == (_props_datarowkey = props['data-row-key']) ? void 0 : _props_datarowkey.toString();
+    const { setNodeRef, isOver, active, over } = useSortable({
         id
     });
     var _active_data_current_sortable_index, _over_data_current_sortable_index;
-    const className = (null !== (_active_data_current_sortable_index = null == active ? void 0 : null === (_active_data_current = active.data.current) || void 0 === _active_data_current ? void 0 : _active_data_current.sortable.index) && void 0 !== _active_data_current_sortable_index ? _active_data_current_sortable_index : -1) > (null !== (_over_data_current_sortable_index = null == over ? void 0 : null === (_over_data_current = over.data.current) || void 0 === _over_data_current ? void 0 : null === (_over_data_current_sortable = _over_data_current.sortable) || void 0 === _over_data_current_sortable ? void 0 : _over_data_current_sortable.index) && void 0 !== _over_data_current_sortable_index ? _over_data_current_sortable_index : -1) ? styles.topActive : styles.bottomActive;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("tr", {
+    const className = (null != (_active_data_current_sortable_index = null == active ? void 0 : null == (_active_data_current = active.data.current) ? void 0 : _active_data_current.sortable.index) ? _active_data_current_sortable_index : -1) > (null != (_over_data_current_sortable_index = null == over ? void 0 : null == (_over_data_current = over.data.current) ? void 0 : null == (_over_data_current_sortable = _over_data_current.sortable) ? void 0 : _over_data_current_sortable.index) ? _over_data_current_sortable_index : -1) ? styles.topActive : styles.bottomActive;
+    return /*#__PURE__*/ jsx("tr", {
         ref: (null == active ? void 0 : active.id) !== id ? setNodeRef : null,
         ...props,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, {
+        className: classnames(props.className, {
             [className]: active && isOver
         })
     });
 };
 const SortHandle = (props)=>{
     const { id, ...otherProps } = props;
-    const { listeners } = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable__.useSortable)({
+    const { listeners } = useSortable({
         id
     });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.MenuOutlined, {
+    return /*#__PURE__*/ jsx(MenuOutlined, {
         ...otherProps,
         ...listeners,
         style: {
@@ -196,8 +196,8 @@ const SortHandle = (props)=>{
 };
 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'),
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('tb-table-index'),
         style: {
             padding: '0 8px 0 16px'
         },
@@ -206,8 +206,8 @@ const TableIndex = (props)=>{
     });
 };
 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', {
+    const { t } = useTranslation();
+    const showTotal = useCallback((total)=>t('Total {{count}} items', {
             count: total
         }), [
         t
@@ -220,12 +220,12 @@ const usePaginationProps = (pagination1, pagination2)=>{
         ...pagination1,
         ...pagination2
     };
-    return !(result.total <= result.pageSize) && result;
+    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)=>{
+const Table_Table = withDynamicSchemaProps(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 { token } = useToken();
+    const { styles } = useStyles();
     const { pagination: pagination1, useProps, ...others1 } = props;
     const { pagination: pagination2, ...others2 } = (null == useProps ? void 0 : useProps()) || {};
     const { dragSort = false, showIndex = true, onRowSelectionChange, onChange: onTableChange, rowSelection, rowKey, required, onExpand, onClickRow, ...others } = {
@@ -234,57 +234,54 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
     };
     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 = (null == schema ? void 0 : null === (_schema_parent = schema.parent) || void 0 === _schema_parent ? 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 schema = useFieldSchema();
+    const collection = useCollection_deprecated();
+    const isTableSelector = (null == schema ? void 0 : null == (_schema_parent = schema.parent) ? void 0 : _schema_parent['x-decorator']) === 'TableSelectorProvider';
+    const ctx = isTableSelector ? useTableSelectorContext() : useTableBlockContext();
     const { expandFlag, allIncludesChildren } = ctx;
-    const onRowDragEnd = (0, __WEBPACK_EXTERNAL_MODULE_ahooks__.useMemoizedFn)(others.onRowDragEnd || (()=>{}));
+    const onRowDragEnd = 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)((null == field ? void 0 : null === (_field_data = field.data) || void 0 === _field_data ? void 0 : _field_data.selectedRowKeys) || []);
-    const [selectedRow, setSelectedRow] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
-    const dataSource = (null == field ? void 0 : null === (_field_value = field.value) || void 0 === _field_value ? void 0 : null === (_field_value_slice1 = _field_value.slice) || void 0 === _field_value_slice1 ? void 0 : null === (_field_value_slice = _field_value_slice1.call(_field_value)) || void 0 === _field_value_slice ? void 0 : null === (_field_value_slice_filter = _field_value_slice.filter) || void 0 === _field_value_slice_filter ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
+    const [expandedKeys, setExpandesKeys] = useState([]);
+    const [selectedRowKeys, setSelectedRowKeys] = useState((null == field ? void 0 : null == (_field_data = field.data) ? void 0 : _field_data.selectedRowKeys) || []);
+    const [selectedRow, setSelectedRow] = useState([]);
+    const dataSource = (null == field ? void 0 : null == (_field_value = field.value) ? void 0 : null == (_field_value_slice1 = _field_value.slice) ? void 0 : null == (_field_value_slice = _field_value_slice1.call(_field_value)) ? void 0 : null == (_field_value_slice_filter = _field_value_slice.filter) ? void 0 : _field_value_slice_filter.call(_field_value_slice, Boolean)) || [];
     const isRowSelect = (null == rowSelection ? void 0 : rowSelection.type) !== 'none';
-    const defaultRowKeyMap = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new Map());
+    const defaultRowKeyMap = useRef(new Map());
     let onRow = null, highlightRow = '';
     if (onClickRow) {
         onRow = (record)=>({
                 onClick: (e)=>{
-                    if ((0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.isPortalInBody)(e.target)) return;
+                    if (isPortalInBody(e.target)) return;
                     onClickRow(record, setSelectedRow, selectedRow);
                 }
             });
         highlightRow = styles.highlightRow;
     }
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         expandFlag ? setExpandesKeys(allIncludesChildren) : setExpandesKeys([]);
     }, [
         expandFlag,
         allIncludesChildren
     ]);
-    const components = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+    const components = useMemo(()=>({
             header: {
-                wrapper: (props)=>/*#__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", {
+                wrapper: (props)=>/*#__PURE__*/ jsx(DndContext, {
+                        children: /*#__PURE__*/ jsx("thead", {
                             ...props
                         })
                     }),
-                cell: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("th", {
+                cell: (props)=>/*#__PURE__*/ jsx("th", {
                         ...props,
-                        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, styles.headerCellDesigner)
+                        className: classnames(props.className, styles.headerCellDesigner)
                     })
             },
             body: {
-                wrapper: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.DndContext, {
+                wrapper: (props)=>/*#__PURE__*/ jsx(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 = null === (_e_active = e.active) || void 0 === _e_active ? void 0 : null === (_e_active_data_current = _e_active.data.current) || void 0 === _e_active_data_current ? void 0 : null === (_e_active_data_current_sortable = _e_active_data_current.sortable) || void 0 === _e_active_data_current_sortable ? void 0 : _e_active_data_current_sortable.index;
-                            const toIndex = null === (_e_over = e.over) || void 0 === _e_over ? void 0 : null === (_e_over_data_current = _e_over.data.current) || void 0 === _e_over_data_current ? void 0 : null === (_e_over_data_current_sortable = _e_over_data_current.sortable) || void 0 === _e_over_data_current_sortable ? void 0 : _e_over_data_current_sortable.index;
+                            if (!e.active || !e.over) return void console.warn('move cancel');
+                            const fromIndex = null == (_e_active = e.active) ? void 0 : null == (_e_active_data_current = _e_active.data.current) ? void 0 : null == (_e_active_data_current_sortable = _e_active_data_current.sortable) ? void 0 : _e_active_data_current_sortable.index;
+                            const toIndex = null == (_e_over = e.over) ? void 0 : null == (_e_over_data_current = _e_over.data.current) ? void 0 : null == (_e_over_data_current_sortable = _e_over_data_current.sortable) ? void 0 : _e_over_data_current_sortable.index;
                             const from = field.value[fromIndex] || e.active;
                             const to = field.value[toIndex] || e.over;
                             field.move(fromIndex, toIndex);
@@ -293,16 +290,16 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
                                 to
                             });
                         },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("tbody", {
+                        children: /*#__PURE__*/ jsx("tbody", {
                             ...props
                         })
                     }),
-                row: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SortableRow, {
+                row: (props)=>/*#__PURE__*/ jsx(SortableRow, {
                         ...props
                     }),
-                cell: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("td", {
+                cell: (props)=>/*#__PURE__*/ jsx("td", {
                         ...props,
-                        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(props.className, styles.bodyCell)
+                        className: classnames(props.className, styles.bodyCell)
                     })
             }
         }), [
@@ -313,17 +310,17 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
     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)();
+        const key = uid();
         defaultRowKeyMap.current.set(record, key);
         return key;
     };
     const getRowKey = (record)=>{
         if ('string' == typeof rowKey) {
             var _record_rowKey;
-            return null === (_record_rowKey = record[rowKey]) || void 0 === _record_rowKey ? void 0 : _record_rowKey.toString();
+            return null == (_record_rowKey = record[rowKey]) ? void 0 : _record_rowKey.toString();
         }
         var _this;
-        return null === (_this = (null != rowKey ? rowKey : defaultRowKey)(record)) || void 0 === _this ? void 0 : _this.toString();
+        return null == (_this = (null != rowKey ? rowKey : defaultRowKey)(record)) ? void 0 : _this.toString();
     };
     const restProps = {
         rowSelection: rowSelection ? {
@@ -343,31 +340,31 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
             renderCell: (checked, record, index, originNode)=>{
                 var _props_pagination, _props_pagination1;
                 if (!dragSort && !showIndex) return originNode;
-                const current = null == props ? void 0 : null === (_props_pagination = props.pagination) || void 0 === _props_pagination ? void 0 : _props_pagination.current;
-                const pageSize = (null == props ? void 0 : null === (_props_pagination1 = props.pagination) || void 0 === _props_pagination1 ? void 0 : _props_pagination1.pageSize) || 20;
+                const current = null == props ? void 0 : null == (_props_pagination = props.pagination) ? void 0 : _props_pagination.current;
+                const pageSize = (null == props ? void 0 : null == (_props_pagination1 = props.pagination) ? void 0 : _props_pagination1.pageSize) || 20;
                 if (current) index = index + (current - 1) * pageSize + 1;
                 else 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", {
+                if (record.__index) index = extractIndex(record.__index);
+                return /*#__PURE__*/ jsxs("div", {
                     role: "button",
                     "aria-label": "table-index-".concat(index),
-                    className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(checked ? 'checked' : null, styles.rowSelect, {
+                    className: classnames(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),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: classnames(checked ? 'checked' : null, styles.cellChecked),
                             children: [
-                                dragSort && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SortHandle, {
+                                dragSort && /*#__PURE__*/ jsx(SortHandle, {
                                     id: getRowKey(record)
                                 }),
-                                showIndex && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TableIndex, {
+                                showIndex && /*#__PURE__*/ 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),
+                        isRowSelect && /*#__PURE__*/ jsx("div", {
+                            className: classnames('tb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode),
                             children: originNode
                         })
                     ]
@@ -376,20 +373,20 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
             ...rowSelection
         } : void 0
     };
-    const SortableWrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((param)=>{
+    const SortableWrapper = 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: (null === (_field_value = field.value) || void 0 === _field_value ? void 0 : null === (_field_value_map = _field_value.map) || void 0 === _field_value_map ? void 0 : _field_value_map.call(_field_value, getRowKey)) || []
-        }, children) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_react__["default"].Fragment, {}, children);
+        return dragSort ? /*#__PURE__*/ react.createElement(SortableContext, {
+            items: (null == (_field_value = field.value) ? void 0 : null == (_field_value_map = _field_value.map) ? void 0 : _field_value_map.call(_field_value, getRowKey)) || []
+        }, children) : /*#__PURE__*/ react.createElement(react.Fragment, {}, children);
     }, [
         field,
         dragSort
     ]);
-    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const fixedBlock = null == fieldSchema ? void 0 : 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 : _fieldSchema_parent_xdecoratorprops.fixedBlock;
-    const { height: tableHeight, tableSizeRefCallback } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTableSize)();
-    const scroll = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>fixedBlock ? {
+    const fieldSchema = useFieldSchema();
+    const fixedBlock = null == fieldSchema ? void 0 : null == (_fieldSchema_parent = fieldSchema.parent) ? void 0 : null == (_fieldSchema_parent_xdecoratorprops = _fieldSchema_parent['x-decorator-props']) ? void 0 : _fieldSchema_parent_xdecoratorprops.fixedBlock;
+    const { height: tableHeight, tableSizeRefCallback } = useTableSize();
+    const scroll = useMemo(()=>fixedBlock ? {
             x: 'max-content',
             y: tableHeight
         } : {
@@ -398,11 +395,11 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
         fixedBlock,
         tableHeight
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+    return /*#__PURE__*/ 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, {
+            /*#__PURE__*/ jsx(SortableWrapper, {
+                children: /*#__PURE__*/ jsx(Table, {
                     ref: tableSizeRefCallback,
                     rowKey: null != rowKey ? rowKey : defaultRowKey,
                     dataSource: dataSource,
@@ -431,9 +428,9 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
                     }
                 })
             }),
-            field.errors.length > 0 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+            field.errors.length > 0 && /*#__PURE__*/ 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)=>error.messages.map((message)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                children: field.errors.map((error)=>error.messages.map((message)=>/*#__PURE__*/ jsx("div", {
                             children: message
                         }, message)))
             })
@@ -442,4 +439,4 @@ const Table = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaPr
 }), {
     displayName: 'Table'
 });
-export { Table };
+export { Table_Table as Table };

package/es/schema-component/antd/table-v2/Table.styles.mjs

@@ -1,5 +1,5 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ctrl_tinycolor__ from "@ctrl/tinycolor";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import { TinyColor } from "@ctrl/tinycolor";
+import { createStyles } from "antd-style";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -19,7 +19,7 @@ function _templateObject() {
 }
 function _templateObject1() {
     const data = _tagged_template_literal([
-        "\n      // 扩大 SchemaToolbar 的面积\n      .tb-action-link {\n        margin: -",
+        "\n      // \u6269\u5927 SchemaToolbar \u7684\u9762\u79EF\n      .tb-action-link {\n        margin: -",
         "px -",
         "px;\n        padding: ",
         "px ",
@@ -115,9 +115,9 @@ function _templateObject10() {
     };
     return data;
 }
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+const useStyles = createStyles((param)=>{
     let { css, token } = param;
-    const borderColor = new __WEBPACK_EXTERNAL_MODULE__ctrl_tinycolor__.TinyColor(token.colorSettings).setAlpha(0.6).toHex8String();
+    const borderColor = new TinyColor(token.colorSettings).setAlpha(0.6).toHex8String();
     return {
         container: css(_templateObject()),
         toolbar: css(_templateObject1(), token.paddingContentVerticalLG, token.marginSM, token.paddingContentVerticalLG, token.marginSM),