@nokecy/qc-ui 0.1.53 → 0.2.0

package/dist/cjs/array-table/arrayAddBtn.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrayAddBtn: (props: any) => JSX.Element | null;
+export default ArrayAddBtn;

package/dist/cjs/array-table/arrayAddBtn.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@formily/react");
+
+var _antd = require("antd");
+
+var _builtins__ = require("@formily/antd-v5/lib/__builtins__");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icons = require("@ant-design/icons");
+
+var _shared = require("@formily/shared");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+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 ((0, _shared.isValid)(value)) return value;
+    }
+  }
+};
+
+var getDefaultValue = function getDefaultValue(defaultValue, schema) {
+  if ((0, _shared.isValid)(defaultValue)) return (0, _shared.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);
+};
+
+var ArrayAddBtn = function ArrayAddBtn(props) {
+  var self = (0, _react2.useField)();
+  var arrayField = props.arrayField,
+      schema = props.schema;
+  var prefixCls = (0, _builtins__.usePrefixCls)("formily-array-base");
+  if (!arrayField) return null;
+  if (arrayField.pattern !== "editable" && arrayField.pattern !== "disabled") return null;
+  return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
+    type: "primary"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: (0, _classnames.default)("".concat(prefixCls, "-addition"), props.className),
+    onClick: function onClick(e) {
+      if (arrayField !== null && arrayField !== void 0 && arrayField.disabled) return;
+      var defaultValue = getDefaultValue(props.defaultValue, schema);
+
+      if (props.method === "unshift") {
+        var _arrayField$unshift, _props$onAdd;
+
+        (_arrayField$unshift = arrayField.unshift) === null || _arrayField$unshift === void 0 ? void 0 : _arrayField$unshift.call(arrayField, defaultValue);
+        props === null || props === void 0 ? void 0 : (_props$onAdd = props.onAdd) === null || _props$onAdd === void 0 ? void 0 : _props$onAdd.call(props, 0);
+      } else {
+        var _arrayField$push, _props$onAdd2, _arrayField$value;
+
+        (_arrayField$push = arrayField.push) === null || _arrayField$push === void 0 ? void 0 : _arrayField$push.call(arrayField, defaultValue);
+        props === null || props === void 0 ? void 0 : (_props$onAdd2 = props.onAdd) === null || _props$onAdd2 === void 0 ? void 0 : _props$onAdd2.call(props, (arrayField === null || arrayField === void 0 ? void 0 : (_arrayField$value = arrayField.value) === null || _arrayField$value === void 0 ? void 0 : _arrayField$value.length) - 1);
+      }
+
+      if (props.onClick) {
+        //@ts-ignore
+        props.onClick(e);
+      }
+    },
+    icon: (0, _shared.isUndef)(props.icon) ? /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null) : props.icon
+  }), props.title || self.title);
+};
+
+var _default = ArrayAddBtn;
+exports.default = _default;

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

@@ -44,7 +44,7 @@ export declare type ArrayBaseMixins = {
     Index?: React.FC;
     useArray?: () => IArrayBaseContext;
     useIndex: (index?: number) => number;
-    useRecord?: (record?: number) => any;
+    useRecord: (record?: number) => any;
 };
 export interface IArrayBaseProps {
     disabled?: boolean;

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

@@ -55,24 +55,6 @@ var useRecord = function useRecord(record) {
   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 ((0, _shared.isValid)(value)) return value;
-    }
-  }
-};
-
-var getDefaultValue = function getDefaultValue(defaultValue, schema) {
-  if ((0, _shared.isValid)(defaultValue)) return (0, _shared.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);
-};
-
 var ArrayBase = function ArrayBase(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
 };
@@ -96,56 +78,15 @@ ArrayBase.Index = function (props) {
   }), "#", (index ? index : 0) + 1, ".");
 };
 
-ArrayBase.Addition = function (props) {
-  var _array$field, _array$field2;
-
-  var self = (0, _react2.useField)();
-  var array = useArray();
-  var prefixCls = (0, _builtins__.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.default.createElement(_antd.Button, _extends({
-    type: "dashed",
-    block: true
-  }, props, {
-    disabled: self === null || self === void 0 ? void 0 : self.disabled,
-    className: (0, _classnames.default)("".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: (0, _shared.isUndef)(props.icon) ? /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null) : props.icon
-  }), props.title || self.title);
-};
-
 ArrayBase.Copy = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _array$field6;
+  var _array$field;
 
   var self = (0, _react2.useField)();
   var array = useArray();
   var index = useIndex(props.index);
   var prefixCls = (0, _builtins__.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;
+  if (((_array$field = array.field) === null || _array$field === void 0 ? void 0 : _array$field.pattern) !== 'editable') return null;
   return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
     type: "text"
   }, props, {
@@ -153,15 +94,15 @@ ArrayBase.Copy = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: (0, _classnames.default)("".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;
+      var _array$props, _array$field2, _array$field3, _array$field3$insert, _array$props2, _array$props2$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 = (0, _shared.clone)(array === null || array === void 0 ? void 0 : (_array$field7 = array.field) === null || _array$field7 === void 0 ? void 0 : _array$field7.value[index]);
+      if ((_array$props = array.props) !== null && _array$props !== void 0 && _array$props.disabled) return;
+      var value = (0, _shared.clone)(array === null || array === void 0 ? void 0 : (_array$field2 = array.field) === null || _array$field2 === void 0 ? void 0 : _array$field2.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);
+      (_array$field3 = array.field) === null || _array$field3 === void 0 ? void 0 : (_array$field3$insert = _array$field3.insert) === null || _array$field3$insert === void 0 ? void 0 : _array$field3$insert.call(_array$field3, distIndex, value);
+      (_array$props2 = array.props) === null || _array$props2 === void 0 ? void 0 : (_array$props2$onCopy = _array$props2.onCopy) === null || _array$props2$onCopy === void 0 ? void 0 : _array$props2$onCopy.call(_array$props2, distIndex);
 
       if (props.onClick) {
         //@ts-ignore
@@ -172,14 +113,14 @@ ArrayBase.Copy = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), props.title || self.title);
 });
 ArrayBase.Remove = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _array$field9;
+  var _array$field4;
 
   var index = useIndex(props.index);
   var self = (0, _react2.useField)();
   var array = useArray();
   var prefixCls = (0, _builtins__.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;
+  if (((_array$field4 = array.field) === null || _array$field4 === void 0 ? void 0 : _array$field4.pattern) !== 'editable') return null;
   return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
     type: "text"
   }, props, {
@@ -187,12 +128,12 @@ ArrayBase.Remove = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     className: (0, _classnames.default)("".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;
+      var _array$field5, _array$field5$remove, _array$props3, _array$props3$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);
+      (_array$field5 = array.field) === null || _array$field5 === void 0 ? void 0 : (_array$field5$remove = _array$field5.remove) === null || _array$field5$remove === void 0 ? void 0 : _array$field5$remove.call(_array$field5, index);
+      (_array$props3 = array.props) === null || _array$props3 === void 0 ? void 0 : (_array$props3$onRemov = _array$props3.onRemove) === null || _array$props3$onRemov === void 0 ? void 0 : _array$props3$onRemov.call(_array$props3, index);
 
       if (props.onClick) {
         //@ts-ignore
@@ -203,14 +144,14 @@ ArrayBase.Remove = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), props.title || self.title);
 });
 ArrayBase.MoveDown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _array$field11;
+  var _array$field6;
 
   var index = useIndex(props.index);
   var self = (0, _react2.useField)();
   var array = useArray();
   var prefixCls = (0, _builtins__.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;
+  if (((_array$field6 = array.field) === null || _array$field6 === void 0 ? void 0 : _array$field6.pattern) !== 'editable') return null;
   return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
     type: "text"
   }, props, {
@@ -218,12 +159,12 @@ ArrayBase.MoveDown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     className: (0, _classnames.default)("".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;
+      var _array$field7, _array$field7$moveDow, _array$props4, _array$props4$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);
+      (_array$field7 = array.field) === null || _array$field7 === void 0 ? void 0 : (_array$field7$moveDow = _array$field7.moveDown) === null || _array$field7$moveDow === void 0 ? void 0 : _array$field7$moveDow.call(_array$field7, index);
+      (_array$props4 = array.props) === null || _array$props4 === void 0 ? void 0 : (_array$props4$onMoveD = _array$props4.onMoveDown) === null || _array$props4$onMoveD === void 0 ? void 0 : _array$props4$onMoveD.call(_array$props4, index);
 
       if (props.onClick) {
         //@ts-ignore
@@ -234,14 +175,14 @@ ArrayBase.MoveDown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }), props.title || self.title);
 });
 ArrayBase.MoveUp = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _array$field13;
+  var _array$field8;
 
   var index = useIndex(props.index);
   var self = (0, _react2.useField)();
   var array = useArray();
   var prefixCls = (0, _builtins__.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;
+  if (((_array$field8 = array.field) === null || _array$field8 === void 0 ? void 0 : _array$field8.pattern) !== 'editable') return null;
   return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
     type: "text"
   }, props, {
@@ -249,12 +190,12 @@ ArrayBase.MoveUp = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     className: (0, _classnames.default)("".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;
+      var _array$field9, _array$props5, _array$props5$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);
+      array === null || array === void 0 ? void 0 : (_array$field9 = array.field) === null || _array$field9 === void 0 ? void 0 : _array$field9.moveUp(index);
+      array === null || array === void 0 ? void 0 : (_array$props5 = array.props) === null || _array$props5 === void 0 ? void 0 : (_array$props5$onMoveU = _array$props5.onMoveUp) === null || _array$props5$onMoveU === void 0 ? void 0 : _array$props5$onMoveU.call(_array$props5, index);
 
       if (props.onClick) {
         //@ts-ignore

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

@@ -21,20 +21,16 @@ var _utils = require("./utils");
 
 var _arrayBase = _interopRequireDefault(require("./arrayBase"));
 
+var _arrayAddBtn = _interopRequireDefault(require("./arrayAddBtn"));
+
+var _antd = require("antd");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -62,13 +58,28 @@ var ArrayTable = (0, _react2.observer)(function (props) {
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
   var sources = (0, _utils.useArrayTableSources)();
   var columns = (0, _utils.useArrayTableColumns)(dataSource, field, sources);
-  var addition = (0, _utils.useAddition)();
+  var schema = (0, _react2.useFieldSchema)();
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
       height: height ? height : 400
     }
-  }, /*#__PURE__*/_react.default.createElement(_arrayBase.default, null, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
+  }, /*#__PURE__*/_react.default.createElement(_arrayBase.default, null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    style: {
+      marginBottom: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_arrayAddBtn.default, {
+    arrayField: field,
+    schema: schema,
+    defaultValue: {
+      _id: (0, _uniqueId.default)(),
+      _isNew: true
+    },
+    title: "新增",
+    onAdd: function onAdd() {
+      setIsAdd(true);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
     onGridReady: function onGridReady(params) {
       apiRef.current = params.api;
     },
@@ -81,6 +92,15 @@ var ArrayTable = (0, _react2.observer)(function (props) {
       }
     },
     className: "ag-theme-alpine",
+    defaultColDef: {
+      resizable: true,
+      headerComponentParams: {
+        template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
+        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
+        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
+        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '  </div>' + '</div>'
+      }
+    },
     getRowId: function getRowId(_ref) {
       var data = _ref.data;
       return data._id || data.id;
@@ -127,19 +147,5 @@ ArrayTable.Column = function () {
 
 _arrayBase.default.mixin(ArrayTable);
 
-var Addition = function Addition(props) {
-  return /*#__PURE__*/_react.default.createElement(_arrayBase.default.Addition, _extends({
-    type: "primary",
-    children: "新增行"
-  }, props, {
-    block: false,
-    defaultValue: _objectSpread(_objectSpread({}, props.defaultValue), {}, {
-      _id: (0, _uniqueId.default)(),
-      _isNew: true
-    })
-  }));
-};
-
-ArrayTable.Addition = Addition;
 var _default = ArrayTable;
 exports.default = _default;

package/dist/cjs/editable/index.js

@@ -19,6 +19,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _antdV = require("@formily/antd-v5");
 
+var _arrayBase = require("../array-table/arrayBase");
+
 var _react2 = _interopRequireWildcard(require("react"));
 
 var _builtins__ = require("@formily/antd-v5/lib/__builtins__");
@@ -61,7 +63,7 @@ var useParentPattern = function useParentPattern() {
 var useEditable = function useEditable() {
   var pattern = useParentPattern();
 
-  var record = _antdV.ArrayBase.useRecord();
+  var record = _arrayBase.ArrayBase.useRecord();
 
   var field = (0, _react.useField)(); // useLayoutEffect(() => {
   //     if (pattern === 'editable') {

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrayAddBtn: (props: any) => JSX.Element | null;
+export default ArrayAddBtn;

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

@@ -0,0 +1,66 @@
+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); }
+
+import React from "react";
+import { useField } from "@formily/react";
+import { Button } from "antd";
+import { usePrefixCls } from "@formily/antd-v5/lib/__builtins__";
+import cls from 'classnames';
+import { PlusOutlined } from "@ant-design/icons";
+import { isValid, clone, isUndef } from '@formily/shared';
+
+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);
+};
+
+var ArrayAddBtn = function ArrayAddBtn(props) {
+  var self = useField();
+  var arrayField = props.arrayField,
+      schema = props.schema;
+  var prefixCls = usePrefixCls("formily-array-base");
+  if (!arrayField) return null;
+  if (arrayField.pattern !== "editable" && arrayField.pattern !== "disabled") return null;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "primary"
+  }, props, {
+    disabled: self === null || self === void 0 ? void 0 : self.disabled,
+    className: cls("".concat(prefixCls, "-addition"), props.className),
+    onClick: function onClick(e) {
+      if (arrayField !== null && arrayField !== void 0 && arrayField.disabled) return;
+      var defaultValue = getDefaultValue(props.defaultValue, schema);
+
+      if (props.method === "unshift") {
+        var _arrayField$unshift, _props$onAdd;
+
+        (_arrayField$unshift = arrayField.unshift) === null || _arrayField$unshift === void 0 ? void 0 : _arrayField$unshift.call(arrayField, defaultValue);
+        props === null || props === void 0 ? void 0 : (_props$onAdd = props.onAdd) === null || _props$onAdd === void 0 ? void 0 : _props$onAdd.call(props, 0);
+      } else {
+        var _arrayField$push, _props$onAdd2, _arrayField$value;
+
+        (_arrayField$push = arrayField.push) === null || _arrayField$push === void 0 ? void 0 : _arrayField$push.call(arrayField, defaultValue);
+        props === null || props === void 0 ? void 0 : (_props$onAdd2 = props.onAdd) === null || _props$onAdd2 === void 0 ? void 0 : _props$onAdd2.call(props, (arrayField === null || arrayField === void 0 ? void 0 : (_arrayField$value = arrayField.value) === null || _arrayField$value === void 0 ? void 0 : _arrayField$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);
+};
+
+export default ArrayAddBtn;

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

@@ -44,7 +44,7 @@ export declare type ArrayBaseMixins = {
     Index?: React.FC;
     useArray?: () => IArrayBaseContext;
     useIndex: (index?: number) => number;
-    useRecord?: (record?: number) => any;
+    useRecord: (record?: number) => any;
 };
 export interface IArrayBaseProps {
     disabled?: boolean;