@nokecy/qc-ui 0.6.7 → 0.7.0

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

@@ -1,17 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children"];
-
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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, CopyOutlined } from '@ant-design/icons';
@@ -20,27 +16,22 @@ import { clone, isUndef } from '@formily/shared';
 import { usePrefixCls } from '@formily/antd-v5/lib/__builtins__';
 import cls from 'classnames';
 import uniqueId from 'lodash/uniqueId';
-var ArrayBaseContext = /*#__PURE__*/createContext(null);
-var ItemContext = /*#__PURE__*/createContext(null);
-
+var ArrayBaseContext = /*#__PURE__*/createContext(undefined);
+var ItemContext = /*#__PURE__*/createContext(undefined);
 var takeRecord = function takeRecord(val, index) {
   return typeof val === 'function' ? val(index) : val;
 };
-
 var useArray = function useArray() {
   return useContext(ArrayBaseContext);
 };
-
 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);
 };
-
 export var ArrayBase = function ArrayBase(props) {
   var field = useField();
   var schema = useFieldSchema();
@@ -52,16 +43,13 @@ export var ArrayBase = function ArrayBase(props) {
     }
   }, props.children);
 };
-
 ArrayBase.Item = function (_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    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');
@@ -70,9 +58,9 @@ ArrayBase.Index = function (props) {
   }), "#", (index ? index : 0) + 1, ".");
 };
 
+//@ts-ignore
 ArrayBase.Copy = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _array$field;
-
   var self = useField();
   var array = useArray();
   var index = useIndex(props.index);
@@ -83,23 +71,24 @@ ArrayBase.Copy = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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),
+    className: cls("".concat(prefixCls, "-copy"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-copy-disabled") : '', props.className)
+
+    //@ts-ignore
+    ,
     ref: ref,
     onClick: function onClick(e) {
       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$props = array.props) !== null && _array$props !== void 0 && _array$props.disabled) return;
-      var value = clone(array === null || array === void 0 ? void 0 : (_array$field2 = array.field) === null || _array$field2 === void 0 ? void 0 : _array$field2.value[index]);
+      var value = clone(array === null || array === void 0 || (_array$field2 = array.field) === null || _array$field2 === void 0 ? void 0 : _array$field2.value[index]);
       var distIndex = index + 1;
-      (_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, _objectSpread(_objectSpread({}, value), {}, {
+      (_array$field3 = array.field) === null || _array$field3 === void 0 || (_array$field3$insert = _array$field3.insert) === null || _array$field3$insert === void 0 || _array$field3$insert.call(_array$field3, distIndex, _objectSpread(_objectSpread({}, value), {}, {
         id: undefined,
         _id: uniqueId(),
         _isNew: true
       }));
-      (_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);
-
+      (_array$props2 = array.props) === null || _array$props2 === void 0 || (_array$props2$onCopy = _array$props2.onCopy) === null || _array$props2$onCopy === void 0 || _array$props2$onCopy.call(_array$props2, distIndex);
       if (props.onClick) {
         //@ts-ignore
         props.onClick(e);
@@ -108,9 +97,10 @@ ArrayBase.Copy = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(CopyOutlined, null) : props.icon
   }), props.title || self.title);
 });
+
+//@ts-ignore
 ArrayBase.Remove = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _array$field4;
-
   var index = useIndex(props.index);
   var self = useField();
   var array = useArray();
@@ -121,16 +111,17 @@ ArrayBase.Remove = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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),
+    className: cls("".concat(prefixCls, "-remove"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-remove-disabled") : '', props.className)
+
+    //@ts-ignore
+    ,
     ref: ref,
     onClick: function onClick(e) {
       var _array$field5, _array$field5$remove, _array$props3, _array$props3$onRemov;
-
       if (self !== null && self !== void 0 && self.disabled) return;
       e.stopPropagation();
-      (_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);
-
+      (_array$field5 = array.field) === null || _array$field5 === void 0 || (_array$field5$remove = _array$field5.remove) === null || _array$field5$remove === void 0 || _array$field5$remove.call(_array$field5, index);
+      (_array$props3 = array.props) === null || _array$props3 === void 0 || (_array$props3$onRemov = _array$props3.onRemove) === null || _array$props3$onRemov === void 0 || _array$props3$onRemov.call(_array$props3, index);
       if (props.onClick) {
         //@ts-ignore
         props.onClick(e);
@@ -139,9 +130,10 @@ ArrayBase.Remove = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(DeleteOutlined, null) : props.icon
   }), props.title || self.title);
 });
+
+//@ts-ignore
 ArrayBase.MoveDown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _array$field6;
-
   var index = useIndex(props.index);
   var self = useField();
   var array = useArray();
@@ -152,16 +144,17 @@ ArrayBase.MoveDown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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),
+    className: cls("".concat(prefixCls, "-move-down"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-move-down-disabled") : '', props.className)
+
+    //@ts-ignore
+    ,
     ref: ref,
     onClick: function onClick(e) {
       var _array$field7, _array$field7$moveDow, _array$props4, _array$props4$onMoveD;
-
       if (self !== null && self !== void 0 && self.disabled) return;
       e.stopPropagation();
-      (_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);
-
+      (_array$field7 = array.field) === null || _array$field7 === void 0 || (_array$field7$moveDow = _array$field7.moveDown) === null || _array$field7$moveDow === void 0 || _array$field7$moveDow.call(_array$field7, index);
+      (_array$props4 = array.props) === null || _array$props4 === void 0 || (_array$props4$onMoveD = _array$props4.onMoveDown) === null || _array$props4$onMoveD === void 0 || _array$props4$onMoveD.call(_array$props4, index);
       if (props.onClick) {
         //@ts-ignore
         props.onClick(e);
@@ -170,9 +163,10 @@ ArrayBase.MoveDown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(DownOutlined, null) : props.icon
   }), props.title || self.title);
 });
+
+//@ts-ignore
 ArrayBase.MoveUp = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _array$field8;
-
   var index = useIndex(props.index);
   var self = useField();
   var array = useArray();
@@ -183,16 +177,17 @@ ArrayBase.MoveUp = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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),
+    className: cls("".concat(prefixCls, "-move-up"), self !== null && self !== void 0 && self.disabled ? "".concat(prefixCls, "-move-up-disabled") : '', props.className)
+
+    //@ts-ignore
+    ,
     ref: ref,
     onClick: function onClick(e) {
       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$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);
-
+      array === null || array === void 0 || (_array$field9 = array.field) === null || _array$field9 === void 0 || _array$field9.moveUp(index);
+      array === null || array === void 0 || (_array$props5 = array.props) === null || _array$props5 === void 0 || (_array$props5$onMoveU = _array$props5.onMoveUp) === null || _array$props5$onMoveU === void 0 || _array$props5$onMoveU.call(_array$props5, index);
       if (props.onClick) {
         //@ts-ignore
         props.onClick(e);
@@ -201,10 +196,11 @@ ArrayBase.MoveUp = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon: isUndef(props.icon) ? /*#__PURE__*/React.createElement(UpOutlined, null) : props.icon
   }), props.title || self.title);
 });
+
+//@ts-ignore
 ArrayBase.useArray = useArray;
 ArrayBase.useIndex = useIndex;
 ArrayBase.useRecord = useRecord;
-
 ArrayBase.mixin = function (target) {
   target.Index = ArrayBase.Index;
   target.SortHandle = ArrayBase.SortHandle;
@@ -218,5 +214,4 @@ ArrayBase.mixin = function (target) {
   target.useRecord = ArrayBase.useRecord;
   return target;
 };
-
 export default ArrayBase;

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

@@ -1,6 +1,6 @@
-import React from "react";
-import { AgGridReactProps } from "ag-grid-react";
-declare const _default: React.ForwardRefExoticComponent<Partial<AgGridReactProps<any> & {
-    children?: React.ReactNode;
-}> & React.RefAttributes<unknown>>;
-export default _default;
+import React from "react";
+import { AgGridReactProps } from "ag-grid-react";
+declare const _default: React.ForwardRefExoticComponent<Partial<AgGridReactProps<any> & {
+    children?: React.ReactNode;
+}> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -1,21 +1,15 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { Fragment, useRef, useState } from "react";
 import { AgGridReact } from "ag-grid-react";
 import { useField, observer, RecursionField } from "@formily/react";
@@ -26,29 +20,28 @@ import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnCompon
 import ArrayBase from "./arrayBase";
 import ArrayAddBtn from "./arrayAddBtn";
 import PreviewArrayTable from "./preview";
-import { Space } from "antd"; //@ts-ignore
+import { Space } from "antd";
 
+//@ts-ignore
 var ArrayTable = observer(function (props) {
   var height = props.height;
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isAdd = _useState2[0],
-      setIsAdd = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isAdd = _useState2[0],
+    setIsAdd = _useState2[1];
   var apiRef = useRef();
   var ref = useRef();
   var field = useField();
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
   var sources = useArrayTableSources();
   var columns = useArrayTableColumns(dataSource, field, sources);
-  var schema = useFieldSchema(); //@ts-ignore
-
+  var schema = useFieldSchema();
+  //@ts-ignore
   var onAdd = props.onAdd,
-      onCopy = props.onCopy,
-      onRemove = props.onRemove,
-      onMoveDown = props.onMoveDown,
-      onMoveUp = props.onMoveUp;
+    onCopy = props.onCopy,
+    onRemove = props.onRemove,
+    onMoveDown = props.onMoveDown,
+    onMoveUp = props.onMoveUp;
   var addition = useAddition();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
     style: {
@@ -88,8 +81,7 @@ var ArrayTable = observer(function (props) {
     onRowDataUpdated: function onRowDataUpdated(e) {
       if (isAdd) {
         var _apiRef$current;
-
-        (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.ensureIndexVisible(dataSource.length - 1, "bottom");
+        (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.ensureIndexVisible(dataSource.length - 1, "bottom");
         setIsAdd(false);
       }
     },
@@ -103,16 +95,19 @@ var ArrayTable = observer(function (props) {
     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>' +
+        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 data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span data-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>"
+        '    <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span data-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;
-    } // rowDragEntireRow={true}
+    }
+    // rowDragEntireRow={true}
     // onRowDragEnd={(event) => {
     //   const { overIndex, node } = event;
     //   field.move(node.rowIndex!, overIndex);
@@ -141,11 +136,9 @@ var ArrayTable = observer(function (props) {
   }))));
 });
 ArrayTable.displayName = "ArrayTable";
-
 ArrayTable.Column = function () {
   return /*#__PURE__*/React.createElement(Fragment, null);
 };
-
 ArrayBase.mixin(ArrayTable);
 export default connect(ArrayTable, mapProps(function (props, field) {
   return _objectSpread({}, props);

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { AgGridReactProps, AgGridColumnProps } from 'ag-grid-react';
-import { GeneralField, FieldDisplayTypes } from '@formily/core';
-import { Schema } from '@formily/json-schema';
-import { ArrayBaseMixins } from '@formily/antd-v5';
-interface ObservableColumnSource {
-    field: GeneralField;
-    columnProps: AgGridColumnProps;
-    schema: Schema;
-    display: FieldDisplayTypes;
-    name: string;
-}
-declare type ComposedArrayTable = React.FC<React.PropsWithChildren<AgGridReactProps>> & ArrayBaseMixins & {
-    Column?: React.FC<React.PropsWithChildren<AgGridColumnProps>>;
-};
-export { ComposedArrayTable, ObservableColumnSource };
+import { ArrayBaseMixins } from "@formily/antd-v5";
+import { FieldDisplayTypes, GeneralField } from "@formily/core";
+import { Schema } from "@formily/json-schema";
+import { AgGridReactProps } from "ag-grid-react";
+import React from "react";
+interface ObservableColumnSource {
+    field: GeneralField;
+    columnProps: any;
+    schema: Schema;
+    display: FieldDisplayTypes;
+    name: string;
+}
+type ComposedArrayTable = React.FC<React.PropsWithChildren<AgGridReactProps>> & ArrayBaseMixins & {
+    Column?: any;
+};
+export { ComposedArrayTable, ObservableColumnSource };

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

@@ -1,3 +1,3 @@
-import { ComposedArrayTable } from "./interface";
-declare const ArrayTable: ComposedArrayTable;
-export default ArrayTable;
+import { ComposedArrayTable } from "./interface";
+declare const ArrayTable: ComposedArrayTable;
+export default ArrayTable;

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

@@ -1,8 +1,9 @@
 import React, { useRef } from "react";
 import { AgGridReact } from "ag-grid-react";
 import { useField } from "@formily/react";
-import { useArrayTableColumns, useArrayTableSources } from "./utils"; //@ts-ignore
+import { useArrayTableColumns, useArrayTableSources } from "./utils";
 
+//@ts-ignore
 var ArrayTable = function ArrayTable(props) {
   var height = props.height;
   var apiRef = useRef();
@@ -27,8 +28,10 @@ var ArrayTable = function ArrayTable(props) {
     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>' +
+        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>"
       }
@@ -43,5 +46,4 @@ var ArrayTable = function ArrayTable(props) {
     rowData: dataSource
   }));
 };
-
 export default ArrayTable;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { AgGridReactProps } from 'ag-grid-react';
-import { ArrayField } from '@formily/core';
-import { Schema } from '@formily/json-schema';
-import { ObservableColumnSource } from './interface';
-declare const isColumnComponent: (schema: Schema) => boolean;
-declare const useArrayTableSources: () => ObservableColumnSource[];
-declare const useArrayTableColumns: (dataSource: any[], field: ArrayField, sources: ObservableColumnSource[]) => AgGridReactProps['columnDefs'];
-declare const useAddition: () => JSX.Element | null;
-export { isColumnComponent, useArrayTableSources, useArrayTableColumns, useAddition };
+import React from 'react';
+import { AgGridReactProps } from 'ag-grid-react';
+import { ArrayField } from '@formily/core';
+import { Schema } from '@formily/json-schema';
+import { ObservableColumnSource } from './interface';
+declare const isColumnComponent: (schema: Schema) => boolean;
+declare const useArrayTableSources: () => ObservableColumnSource[];
+declare const useArrayTableColumns: (dataSource: any[], field: ArrayField, sources: ObservableColumnSource[]) => AgGridReactProps['columnDefs'];
+declare const useAddition: () => React.JSX.Element | null;
+export { isColumnComponent, useArrayTableSources, useArrayTableColumns, useAddition };

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

@@ -1,92 +1,82 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { forwardRef } from 'react';
 import { useField, useFieldSchema, RecursionField } from '@formily/react';
 import { isArr } from '@formily/shared';
 import ArrayBase from "./arrayBase";
-
 var isColumnComponent = function isColumnComponent(schema) {
   var _schema$xComponent;
-
   return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1;
 };
-
 var isOperationsComponent = function isOperationsComponent(schema) {
   var _schema$xComponent2;
-
   return ((_schema$xComponent2 = schema['x-component']) === null || _schema$xComponent2 === void 0 ? void 0 : _schema$xComponent2.indexOf('Operations')) > -1;
 };
-
 var isAdditionComponent = function isAdditionComponent(schema) {
   var _schema$xComponent3;
-
   return ((_schema$xComponent3 = schema['x-component']) === null || _schema$xComponent3 === void 0 ? void 0 : _schema$xComponent3.indexOf('Addition')) > -1;
 };
-
 var useArrayTableSources = function useArrayTableSources() {
   var arrayField = useField();
   var schema = useFieldSchema();
-
   var parseSources = function parseSources(schema) {
     if (isColumnComponent(schema) || isOperationsComponent(schema) || isAdditionComponent(schema)) {
       var _schema$xComponentP, _schema$xComponentP2, _field$component;
-
       if (!((_schema$xComponentP = schema['x-component-props']) !== null && _schema$xComponentP !== void 0 && _schema$xComponentP['dataIndex']) && !schema['name']) return [];
       var name = ((_schema$xComponentP2 = schema['x-component-props']) === null || _schema$xComponentP2 === void 0 ? void 0 : _schema$xComponentP2['dataIndex']) || schema['name'];
       var field = arrayField.query(arrayField.address.concat(name)).take();
-      var columnProps = (field === null || field === void 0 ? void 0 : (_field$component = field.component) === null || _field$component === void 0 ? void 0 : _field$component[1]) || schema['x-component-props'] || {};
+      //@ts-ignore
+      var columnProps = (field === null || field === void 0 || (_field$component = field.component) === null || _field$component === void 0 ? void 0 : _field$component[1]) || schema['x-component-props'] || {};
       var display = (field === null || field === void 0 ? void 0 : field.display) || schema['x-display'];
       return [{
         name: name,
         display: display,
+        //@ts-ignore
         field: field,
         schema: schema,
         columnProps: columnProps
       }];
     } else if (schema.properties) {
       return schema.reduceProperties(function (buf, schema) {
+        //@ts-ignore
         return buf.concat(parseSources(schema));
       }, []);
     }
-
     return [];
   };
-
   var parseArrayItems = function parseArrayItems(schema) {
     if (!schema) return [];
     var sources = [];
     var items = isArr(schema) ? schema : [schema];
     return items.reduce(function (columns, schema) {
       var item = parseSources(schema);
-
       if (item) {
         return columns.concat(item);
       }
-
       return columns;
     }, sources);
   };
-
   if (!schema) throw new Error('can not found schema object');
   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;
+    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, {
+  var children =
+  /*#__PURE__*/
+  //@ts-ignore
+  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,
@@ -98,13 +88,12 @@ var AgField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
   return children;
 });
-
 var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
   return sources.reduce(function (buf, _ref2, key) {
     var name = _ref2.name,
-        columnProps = _ref2.columnProps,
-        schema = _ref2.schema,
-        display = _ref2.display;
+      columnProps = _ref2.columnProps,
+      schema = _ref2.schema,
+      display = _ref2.display;
     if (display && display !== 'visible') return buf;
     if (!isColumnComponent(schema)) return buf;
     return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
@@ -120,7 +109,6 @@ var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sour
     }));
   }, []);
 };
-
 var useAddition = function useAddition() {
   var schema = useFieldSchema();
   return schema.reduceProperties(function (addition, schema, key) {
@@ -130,9 +118,7 @@ var useAddition = function useAddition() {
         name: key
       });
     }
-
     return addition;
   }, null);
 };
-
 export { isColumnComponent, useArrayTableSources, useArrayTableColumns, useAddition };

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
-export default _default;
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;