@nokecy/qc-ui 0.1.49 → 0.1.51

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -26,11 +26,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import { AgGridReact } from 'ag-grid-react';
 import { Spin, Pagination, Card, Tag } from 'antd';
-import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import "ag-grid-enterprise";
 import "./global.scss";
 import "./index.less";
-import { AgGridColumn } from "./interface";
 import FormRender from "./queryForm";
 import ToolBar from "./toolBar";
 import SettingItem from "./settingItem";
@@ -205,6 +204,11 @@ function AgGridPlus(props) {
       onRefresh: onRefresh
     };
   }, [queryFilter, JSON.stringify(gridParams), JSON.stringify(sortColumn)]);
+  var colDefs = useMemo(function () {
+    return React.Children.map(children, function (child, index) {
+      return child.props;
+    });
+  }, [children]);
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,
     wrapperClassName: "grid-spin"
@@ -328,18 +332,8 @@ function AgGridPlus(props) {
     } // animateRows={true}
     //停用默认分页组件
     ,
-    suppressPaginationPanel: true
-  }), props.rowSelection ? /*#__PURE__*/React.createElement(AgGridColumn, {
-    field: "",
-    width: 30,
-    flex: 0,
-    headerCheckboxSelection: true,
-    checkboxSelection: true,
-    showDisabledCheckboxes: true,
-    filter: false,
-    pinned: "left"
-  }) : null, React.Children.map(children, function (child, index) {
-    return child;
+    suppressPaginationPanel: true,
+    columnDefs: colDefs || props.columnDefs
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,

package/dist/esm/ag-grid-plus/global.scss

@@ -4,18 +4,24 @@
         // alpine-active-color: red,
         odd-row-background-color:#fafafa,
         secondary-border-color:#f0f0f0,
-        border-color:#f0f0f5,
+        border-color:#f0f0f0,
         foreground-color: rgba(0, 0, 0, 0.88),
 
         --ag-font-size: 11px,
         --ag-font-family: ('microsoft yahei', 'Helvetica', 'Arial'),
 
         --ag-borders: solid 0px,
-        --ag-borders-row: solid 1px,
-        --ag-row-border-color:#f0f0f5,
+        --ag-row-border-color:#f0f0f0,
         --ag-grid-size: 4px,
 
-        --ag-header-background-color: #fafafa,
+        --ag-header-background-color: #f0f0f0,
+
+        --ag-cell-horizontal-border: solid #f0f0f0,
+
+        --ag-header-column-separator-display: block,
+        --ag-header-column-separator-height: 100%,
+        --ag-header-column-separator-width: 2px,
+        --ag-header-column-separator-color: #cecece,
     ));
 
 .ag-theme-alpine .ag-header-group-cell {

package/dist/esm/ag-grid-plus/interface.d.ts

@@ -1,5 +1,5 @@
-import { GridApi } from 'ag-grid-community';
-import { AgGridReactProps, AgGridColumnProps, AgGridColumnGroupProps } from 'ag-grid-react';
+import { GridApi, ColDef, ColGroupDef } from 'ag-grid-community';
+import { AgGridReactProps } from 'ag-grid-react';
 import React, { CSSProperties, ReactNode } from 'react';
 interface GridRef {
     onRefresh: () => void;
@@ -26,7 +26,7 @@ interface GridProps extends AgGridReactProps {
     gridColumnState?: any[];
     gridRef?: React.Ref<GridRef | undefined>;
 }
-interface AgGridColumnPropsClone extends AgGridColumnProps {
+interface AgGridColumnPropsClone extends ColDef {
     hideInTable?: boolean;
     hideInSearch?: boolean;
     queryField?: string;
@@ -34,5 +34,5 @@ interface AgGridColumnPropsClone extends AgGridColumnProps {
     searchComponentProps?: any;
     searchSort?: number;
 }
-declare function AgGridColumn(props: AgGridColumnPropsClone | AgGridColumnGroupProps): JSX.Element;
+declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): JSX.Element;
 export { GridProps, AgGridColumn, GridRef };

package/dist/esm/ag-grid-plus/interface.js

@@ -1,4 +1,3 @@
-import { AgGridColumn as AgGridColumnClone } from 'ag-grid-react';
 import React from 'react';
 
 function AgGridColumn(props) {

package/dist/esm/array-table/arrayBase.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { ButtonProps } from 'antd/lib/button';
+import { ArrayField } from '@formily/core';
+import { Schema, JSXComponent } from '@formily/react';
+export interface IArrayBaseAdditionProps extends ButtonProps {
+    title?: string;
+    method?: 'push' | 'unshift';
+    defaultValue?: any;
+}
+export interface IArrayBaseOperationProps extends ButtonProps {
+    title?: string;
+    index?: number;
+    ref?: React.Ref<HTMLElement>;
+}
+export interface IArrayBaseContext {
+    props: IArrayBaseProps;
+    field: ArrayField;
+    schema: Schema;
+}
+export interface IArrayBaseItemProps {
+    index: number;
+    record: ((index: number) => Record<string, any>) | Record<string, any>;
+    props: IArrayBaseProps;
+    field: ArrayField;
+    schema: Schema;
+}
+export declare type ArrayBaseMixins = {
+    Addition?: React.FC<React.PropsWithChildren<IArrayBaseAdditionProps>>;
+    Copy?: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+        index?: number;
+    }>>;
+    Remove?: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+        index?: number;
+    }>>;
+    MoveUp?: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+        index?: number;
+    }>>;
+    MoveDown?: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+        index?: number;
+    }>>;
+    SortHandle?: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+        index?: number;
+    }>>;
+    Index?: React.FC;
+    useArray?: () => IArrayBaseContext;
+    useIndex?: (index?: number) => number;
+    useRecord?: (record?: number) => any;
+};
+export interface IArrayBaseProps {
+    disabled?: boolean;
+    onAdd?: (index: number) => void;
+    onCopy?: (index: number) => void;
+    onRemove?: (index: number) => void;
+    onMoveDown?: (index: number) => void;
+    onMoveUp?: (index: number) => void;
+}
+declare type ComposedArrayBase = React.FC<React.PropsWithChildren<IArrayBaseProps>> & ArrayBaseMixins & {
+    Item?: React.FC<React.PropsWithChildren<IArrayBaseItemProps>>;
+    mixin?: <T extends JSXComponent>(target: T) => T & ArrayBaseMixins;
+};
+export declare const ArrayBase: ComposedArrayBase;
+export default ArrayBase;

package/dist/esm/array-table/arrayBase.js

@@ -0,0 +1,261 @@
+var _excluded = ["children"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { createContext, useContext } from 'react';
+import { Button } from 'antd';
+import { DeleteOutlined, DownOutlined, UpOutlined, PlusOutlined, CopyOutlined } from '@ant-design/icons';
+import { useField } from '@formily/react';
+import { isValid, clone, isUndef } from '@formily/shared';
+import { usePrefixCls } from '@formily/antd-v5/lib/__builtins__';
+import cls from 'classnames';
+var ItemContext = /*#__PURE__*/createContext(null);
+
+var takeRecord = function takeRecord(val, index) {
+  return typeof val === 'function' ? val(index) : val;
+};
+
+var useArray = function useArray() {
+  return useContext(ItemContext);
+};
+
+var useIndex = function useIndex(index) {
+  var ctx = useContext(ItemContext);
+  return ctx ? ctx.index : index || 0;
+};
+
+var useRecord = function useRecord(record) {
+  var ctx = useContext(ItemContext);
+  return takeRecord(ctx ? ctx.record : record, ctx === null || ctx === void 0 ? void 0 : ctx.index);
+};
+
+var getSchemaDefaultValue = function getSchemaDefaultValue(schema) {
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'array') return [];
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object') return {};
+
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'void') {
+    for (var key in schema.properties) {
+      var value = getSchemaDefaultValue(schema.properties[key]);
+      if (isValid(value)) return value;
+    }
+  }
+};
+
+var getDefaultValue = function getDefaultValue(defaultValue, schema) {
+  if (isValid(defaultValue)) return clone(defaultValue);
+  if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.items)) return getSchemaDefaultValue(schema === null || schema === void 0 ? void 0 : schema.items[0]);
+  return getSchemaDefaultValue(schema === null || schema === void 0 ? void 0 : schema.items);
+};
+
+export var ArrayBase = function ArrayBase(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+};
+
+ArrayBase.Item = function (_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(ItemContext.Provider, {
+    value: props
+  }, children);
+};
+
+ArrayBase.Index = function (props) {
+  var index = useIndex();
+  var prefixCls = usePrefixCls('formily-array-base');
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: "".concat(prefixCls, "-index")
+  }), "#", (index ? index : 0) + 1, ".");
+};
+
+ArrayBase.Addition = function (props) {
+  var _array$field, _array$field2;
+
+  var self = useField();
+  var array = useArray();
+  var prefixCls = usePrefixCls('formily-array-base');
+  if (!array) return null;
+  if (((_array$field = array.field) === null || _array$field === void 0 ? void 0 : _array$field.pattern) !== 'editable' && ((_array$field2 = array.field) === null || _array$field2 === void 0 ? void 0 : _array$field2.pattern) !== 'disabled') return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "dashed",
+    block: true
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-addition"), props.className),
+    onClick: function onClick(e) {
+      var _array$props;
+
+      if ((_array$props = array.props) !== null && _array$props !== void 0 && _array$props.disabled) return;
+      var defaultValue = getDefaultValue(props.defaultValue, array.schema);
+
+      if (props.method === 'unshift') {
+        var _array$field3, _array$field3$unshift, _array$props2, _array$props2$onAdd;
+
+        (_array$field3 = array.field) === null || _array$field3 === void 0 ? void 0 : (_array$field3$unshift = _array$field3.unshift) === null || _array$field3$unshift === void 0 ? void 0 : _array$field3$unshift.call(_array$field3, defaultValue);
+        (_array$props2 = array.props) === null || _array$props2 === void 0 ? void 0 : (_array$props2$onAdd = _array$props2.onAdd) === null || _array$props2$onAdd === void 0 ? void 0 : _array$props2$onAdd.call(_array$props2, 0);
+      } else {
+        var _array$field4, _array$field4$push, _array$props3, _array$props3$onAdd, _array$field5, _array$field5$value;
+
+        (_array$field4 = array.field) === null || _array$field4 === void 0 ? void 0 : (_array$field4$push = _array$field4.push) === null || _array$field4$push === void 0 ? void 0 : _array$field4$push.call(_array$field4, defaultValue);
+        (_array$props3 = array.props) === null || _array$props3 === void 0 ? void 0 : (_array$props3$onAdd = _array$props3.onAdd) === null || _array$props3$onAdd === void 0 ? void 0 : _array$props3$onAdd.call(_array$props3, (array === null || array === void 0 ? void 0 : (_array$field5 = array.field) === null || _array$field5 === void 0 ? void 0 : (_array$field5$value = _array$field5.value) === null || _array$field5$value === void 0 ? void 0 : _array$field5$value.length) - 1);
+      }
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(PlusOutlined, null) : props.icon
+  }), props.title || self.title);
+};
+
+ArrayBase.Copy = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _array$field6;
+
+  var self = useField();
+  var array = useArray();
+  var index = useIndex(props.index);
+  var prefixCls = usePrefixCls('formily-array-base');
+  if (!array) return null;
+  if (((_array$field6 = array.field) === null || _array$field6 === void 0 ? void 0 : _array$field6.pattern) !== 'editable') return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "text"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-copy"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-copy-disabled") : '', props.className),
+    ref: ref,
+    onClick: function onClick(e) {
+      var _array$props4, _array$field7, _array$field8, _array$field8$insert, _array$props5, _array$props5$onCopy;
+
+      if (self !== null && self !== void 0 && self.disabled) return;
+      e.stopPropagation();
+      if ((_array$props4 = array.props) !== null && _array$props4 !== void 0 && _array$props4.disabled) return;
+      var value = clone(array === null || array === void 0 ? void 0 : (_array$field7 = array.field) === null || _array$field7 === void 0 ? void 0 : _array$field7.value[index]);
+      var distIndex = index + 1;
+      (_array$field8 = array.field) === null || _array$field8 === void 0 ? void 0 : (_array$field8$insert = _array$field8.insert) === null || _array$field8$insert === void 0 ? void 0 : _array$field8$insert.call(_array$field8, distIndex, value);
+      (_array$props5 = array.props) === null || _array$props5 === void 0 ? void 0 : (_array$props5$onCopy = _array$props5.onCopy) === null || _array$props5$onCopy === void 0 ? void 0 : _array$props5$onCopy.call(_array$props5, distIndex);
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(CopyOutlined, null) : props.icon
+  }), props.title || self.title);
+});
+ArrayBase.Remove = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _array$field9;
+
+  var index = useIndex(props.index);
+  var self = useField();
+  var array = useArray();
+  var prefixCls = usePrefixCls('formily-array-base');
+  if (!array) return null;
+  if (((_array$field9 = array.field) === null || _array$field9 === void 0 ? void 0 : _array$field9.pattern) !== 'editable') return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "text"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-remove"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-remove-disabled") : '', props.className),
+    ref: ref,
+    onClick: function onClick(e) {
+      var _array$field10, _array$field10$remove, _array$props6, _array$props6$onRemov;
+
+      if (self !== null && self !== void 0 && self.disabled) return;
+      e.stopPropagation();
+      (_array$field10 = array.field) === null || _array$field10 === void 0 ? void 0 : (_array$field10$remove = _array$field10.remove) === null || _array$field10$remove === void 0 ? void 0 : _array$field10$remove.call(_array$field10, index);
+      (_array$props6 = array.props) === null || _array$props6 === void 0 ? void 0 : (_array$props6$onRemov = _array$props6.onRemove) === null || _array$props6$onRemov === void 0 ? void 0 : _array$props6$onRemov.call(_array$props6, index);
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(DeleteOutlined, null) : props.icon
+  }), props.title || self.title);
+});
+ArrayBase.MoveDown = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _array$field11;
+
+  var index = useIndex(props.index);
+  var self = useField();
+  var array = useArray();
+  var prefixCls = usePrefixCls('formily-array-base');
+  if (!array) return null;
+  if (((_array$field11 = array.field) === null || _array$field11 === void 0 ? void 0 : _array$field11.pattern) !== 'editable') return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "text"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-move-down"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-move-down-disabled") : '', props.className),
+    ref: ref,
+    onClick: function onClick(e) {
+      var _array$field12, _array$field12$moveDo, _array$props7, _array$props7$onMoveD;
+
+      if (self !== null && self !== void 0 && self.disabled) return;
+      e.stopPropagation();
+      (_array$field12 = array.field) === null || _array$field12 === void 0 ? void 0 : (_array$field12$moveDo = _array$field12.moveDown) === null || _array$field12$moveDo === void 0 ? void 0 : _array$field12$moveDo.call(_array$field12, index);
+      (_array$props7 = array.props) === null || _array$props7 === void 0 ? void 0 : (_array$props7$onMoveD = _array$props7.onMoveDown) === null || _array$props7$onMoveD === void 0 ? void 0 : _array$props7$onMoveD.call(_array$props7, index);
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(DownOutlined, null) : props.icon
+  }), props.title || self.title);
+});
+ArrayBase.MoveUp = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _array$field13;
+
+  var index = useIndex(props.index);
+  var self = useField();
+  var array = useArray();
+  var prefixCls = usePrefixCls('formily-array-base');
+  if (!array) return null;
+  if (((_array$field13 = array.field) === null || _array$field13 === void 0 ? void 0 : _array$field13.pattern) !== 'editable') return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "text"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-move-up"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-move-up-disabled") : '', props.className),
+    ref: ref,
+    onClick: function onClick(e) {
+      var _array$field14, _array$props8, _array$props8$onMoveU;
+
+      if (self !== null && self !== void 0 && self.disabled) return;
+      e.stopPropagation();
+      array === null || array === void 0 ? void 0 : (_array$field14 = array.field) === null || _array$field14 === void 0 ? void 0 : _array$field14.moveUp(index);
+      array === null || array === void 0 ? void 0 : (_array$props8 = array.props) === null || _array$props8 === void 0 ? void 0 : (_array$props8$onMoveU = _array$props8.onMoveUp) === null || _array$props8$onMoveU === void 0 ? void 0 : _array$props8$onMoveU.call(_array$props8, index);
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(UpOutlined, null) : props.icon
+  }), props.title || self.title);
+});
+ArrayBase.useArray = useArray;
+ArrayBase.useIndex = useIndex;
+ArrayBase.useRecord = useRecord;
+
+ArrayBase.mixin = function (target) {
+  target.Index = ArrayBase.Index;
+  target.SortHandle = ArrayBase.SortHandle;
+  target.Addition = ArrayBase.Addition;
+  target.Copy = ArrayBase.Copy;
+  target.Remove = ArrayBase.Remove;
+  target.MoveDown = ArrayBase.MoveDown;
+  target.MoveUp = ArrayBase.MoveUp;
+  target.useArray = ArrayBase.useArray;
+  target.useIndex = ArrayBase.useIndex;
+  target.useRecord = ArrayBase.useRecord;
+  return target;
+};
+
+export default ArrayBase;

package/dist/esm/array-table/index.js

@@ -21,11 +21,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { Fragment, useRef, useState } from "react";
-import { AgGridPlus } from "../ag-grid-plus";
+import { AgGridReact } from "ag-grid-react";
 import { useField, observer, RecursionField } from "@formily/react";
-import { ArrayBase } from "@formily/antd-v5";
 import uniqueId from "lodash/uniqueId";
-import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils"; //@ts-ignore
+import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils";
+import ArrayBase from "./arrayBase"; //@ts-ignore
 
 export var ArrayTable = observer(function (props) {
   var height = props.height;
@@ -47,11 +47,7 @@ export var ArrayTable = observer(function (props) {
     style: {
       height: height ? height : 400
     }
-  }, /*#__PURE__*/React.createElement(ArrayBase, {
-    onAdd: function onAdd() {
-      setIsAdd(true);
-    }
-  }, /*#__PURE__*/React.createElement(AgGridPlus, {
+  }, /*#__PURE__*/React.createElement(ArrayBase, null, /*#__PURE__*/React.createElement(AgGridReact, {
     onGridReady: function onGridReady(params) {
       apiRef.current = params.api;
     },
@@ -64,14 +60,10 @@ export var ArrayTable = observer(function (props) {
       }
     },
     className: "ag-theme-alpine",
-    search: false,
     getRowId: function getRowId(_ref) {
       var data = _ref.data;
       return data._id || data.id;
     },
-    toolBarRender: function toolBarRender() {
-      return [addition];
-    },
     rowDragEntireRow: true,
     onRowDragEnd: function onRowDragEnd(event) {
       var overIndex = event.overIndex,
@@ -114,8 +106,6 @@ ArrayTable.Column = function () {
 ArrayBase.mixin(ArrayTable);
 
 var Addition = function Addition(props) {
-  var self = useField();
-  var array = ArrayBase.useArray();
   return /*#__PURE__*/React.createElement(ArrayBase.Addition, _extends({
     type: "primary",
     children: "新增行"

package/dist/esm/array-table/utils.js

@@ -4,10 +4,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(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; }
 
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { useField, useFieldSchema, RecursionField } from '@formily/react';
 import { isArr } from '@formily/shared';
-import { ArrayBase } from '@formily/antd-v5';
+import ArrayBase from "./arrayBase";
 
 var isColumnComponent = function isColumnComponent(schema) {
   var _schema$xComponent;
@@ -75,37 +75,48 @@ var useArrayTableSources = function useArrayTableSources() {
   return parseArrayItems(schema.items);
 };
 
+var AgField = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+      record = _ref.data,
+      dataSource = _ref.dataSource,
+      schema = _ref.schema,
+      field = _ref.field;
+  var index = dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record);
+  var children = /*#__PURE__*/React.createElement(ArrayBase.Item, {
+    index: index,
+    record: function record() {
+      var _field$value;
+
+      return (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value[index];
+    },
+    schema: schema,
+    field: field
+  }, /*#__PURE__*/React.createElement(RecursionField, {
+    schema: schema,
+    name: index,
+    onlyRenderProperties: true
+  }));
+  return children;
+});
+
 var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
-  return sources.reduce(function (buf, _ref, key) {
-    var name = _ref.name,
-        columnProps = _ref.columnProps,
-        schema = _ref.schema,
-        display = _ref.display;
+  return sources.reduce(function (buf, _ref2, key) {
+    var name = _ref2.name,
+        columnProps = _ref2.columnProps,
+        schema = _ref2.schema,
+        display = _ref2.display;
     if (display !== 'visible') return buf;
     if (!isColumnComponent(schema)) return buf;
     return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
       //@ts-ignore
       headerName: columnProps.headerName || columnProps.title,
       field: name,
-      cellRenderer: function cellRenderer(_ref2) {
-        var rowIndex = _ref2.rowIndex,
-            value = _ref2.value,
-            record = _ref2.data;
-        var index = dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record);
-        var children = /*#__PURE__*/React.createElement(ArrayBase.Item, {
-          index: index,
-          record: function record() {
-            var _field$value;
-
-            return field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value[index];
-          }
-        }, /*#__PURE__*/React.createElement(RecursionField, {
-          schema: schema,
-          name: index,
-          onlyRenderProperties: true
-        }));
-        return children;
-      }
+      cellRendererParams: {
+        dataSource: dataSource,
+        schema: schema,
+        field: field
+      },
+      cellRenderer: AgField
     }));
   }, []);
 };