tntd 3.0.79 → 3.0.80

package/lib/array-input/index.js

@@ -1,234 +1,500 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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);
+}
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@dnd-kit/core");
-const modifiers_1 = require("@dnd-kit/modifiers");
-const sortable_1 = require("@dnd-kit/sortable");
-const utilities_1 = require("@dnd-kit/utilities");
-const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const button_1 = __importDefault(require("../button"));
-const col_1 = __importDefault(require("../col"));
-const icon_1 = __importDefault(require("../icon"));
-const row_1 = __importDefault(require("../row"));
-const table_1 = __importDefault(require("../table"));
-const tooltip_1 = __importDefault(require("../tooltip"));
+exports["default"] = WarpArrayInput;
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _sum2 = _interopRequireDefault(require("lodash/sum"));
+var _set2 = _interopRequireDefault(require("lodash/set"));
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _core = require("@dnd-kit/core");
+var _modifiers = require("@dnd-kit/modifiers");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _react = _interopRequireWildcard(require("react"));
+var _button = _interopRequireDefault(require("../button"));
+var _col = _interopRequireDefault(require("../col"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _row = _interopRequireDefault(require("../row"));
+var _table = _interopRequireDefault(require("../table"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 require("./index.less");
-const { Column } = table_1.default;
-const RowContext = react_1.default.createContext({});
-let key = 1;
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
+    "default": e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n["default"] = e, t && t.set(e, n), n;
+}
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : 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(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+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(r) {
+  if (Array.isArray(r)) return r;
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var Column = _table["default"].Column;
+var RowContext = _react["default"].createContext({});
+var key = 1;
 function DragHandle() {
-    const { setActivatorNodeRef, listeners } = (0, react_1.useContext)(RowContext);
-    return (react_1.default.createElement(button_1.default, Object.assign({ className: "drag-btn", type: "tertiary", size: "small", icon: "drag", ref: setActivatorNodeRef }, listeners)));
+  var _useContext = (0, _react.useContext)(RowContext),
+    setActivatorNodeRef = _useContext.setActivatorNodeRef,
+    listeners = _useContext.listeners;
+  return _react["default"].createElement(_button["default"], Object.assign({
+    className: "drag-btn",
+    type: "tertiary",
+    size: "small",
+    icon: "drag",
+    ref: setActivatorNodeRef
+  }, listeners));
 }
 function BodyRow(props) {
-    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging, } = (0, sortable_1.useSortable)({
-        id: props['data-row-key'],
+  var _useSortable = (0, _sortable.useSortable)({
+      id: props['data-row-key']
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  var style = Object.assign(Object.assign(Object.assign({}, props.style), {
+    transform: _utilities.CSS.Translate.toString(transform),
+    transition: transition
+  }), isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      setActivatorNodeRef: setActivatorNodeRef,
+      listeners: listeners
+    };
+  }, [setActivatorNodeRef, listeners]);
+  return _react["default"].createElement(RowContext.Provider, {
+    value: contextValue
+  }, _react["default"].createElement("tr", Object.assign({}, props, {
+    ref: setNodeRef,
+    style: style
+  }, attributes)));
+}
+function ArrayInput(_ref) {
+  var children = _ref.children,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'list' : _ref$mode,
+    _ref$drag = _ref.drag,
+    drag = _ref$drag === void 0 ? false : _ref$drag,
+    _ref$gutter = _ref.gutter,
+    gutter = _ref$gutter === void 0 ? 10 : _ref$gutter,
+    _ref$require = _ref.require,
+    require = _ref$require === void 0 ? false : _ref$require,
+    errorMap = _ref.errorMap,
+    _ref$deleteTip = _ref.deleteTip,
+    deleteTip = _ref$deleteTip === void 0 ? '' : _ref$deleteTip,
+    _ref$plusTip = _ref.plusTip,
+    plusTip = _ref$plusTip === void 0 ? '' : _ref$plusTip,
+    addText = _ref.addText,
+    locale = _ref.locale,
+    _ref$xProps = _ref.xProps,
+    xProps = _ref$xProps === void 0 ? {} : _ref$xProps,
+    _ref$defaultAddData = _ref.defaultAddData,
+    defaultAddData = _ref$defaultAddData === void 0 ? {} : _ref$defaultAddData,
+    renderAction = _ref.renderAction,
+    _ref$actionFixed = _ref.actionFixed,
+    actionFixed = _ref$actionFixed === void 0 ? false : _ref$actionFixed,
+    _ref$actionWidth = _ref.actionWidth,
+    actionWidth = _ref$actionWidth === void 0 ? 80 : _ref$actionWidth,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  if (!(0, _isFunction2["default"])(children)) {
+    throw new Error(locale.error);
+  }
+  if (addText === undefined) {
+    addText = locale === null || locale === void 0 ? void 0 : locale.add;
+  }
+  var _useState = (0, _react.useState)(value || defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    _value = _useState2[0],
+    setValue = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var newValue = value;
+    // 如果数组没有key
+    if (Array.isArray(value) && value.some(function (obj) {
+      return !obj.key;
+    })) {
+      newValue = value.map(function (obj) {
+        return Object.assign(Object.assign({}, obj), {
+          key: obj.key || key++
+        });
+      });
+      _onChange(newValue);
+    } else {
+      setValue(newValue);
+    }
+  }, [value]);
+  var _onChange = (0, _react.useCallback)(function (value) {
+    if (onChange) {
+      onChange(value);
+    } else {
+      setValue(value);
+    }
+  }, []);
+  var inValue = _value || [];
+  if (require && inValue.length === 0) {
+    inValue = [{
+      key: key++
+    }];
+  }
+  var changeValue = function changeValue(index, name, value) {
+    inValue[index] = Object.assign(Object.assign({}, inValue[index]), _defineProperty({}, name, value));
+    _onChange(_toConsumableArray(inValue));
+  };
+  var onAdd = function onAdd(index) {
+    var newData = Object.assign(Object.assign({}, (0, _cloneDeep2["default"])(defaultAddData)), {
+      key: key++
     });
-    const style = Object.assign(Object.assign(Object.assign({}, props.style), { transform: utilities_1.CSS.Translate.toString(transform), transition }), (isDragging
-        ? {
-            position: 'relative',
-            zIndex: 9999,
-        }
-        : {}));
-    const contextValue = (0, react_1.useMemo)(() => ({
-        setActivatorNodeRef,
-        listeners,
-    }), [setActivatorNodeRef, listeners]);
-    return (react_1.default.createElement(RowContext.Provider, { value: contextValue },
-        react_1.default.createElement("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes))));
-}
-function ArrayInput({ children, defaultValue, value, onChange, mode = 'list', drag = false, // 只做了table的拖拽排序
-gutter = 10, require = false, errorMap, deleteTip = '', plusTip = '', addText, locale, xProps = {}, defaultAddData = {}, renderAction, actionFixed = false, actionWidth = 80, disabled = false, }) {
-    if (!(0, lodash_1.isFunction)(children)) {
-        throw new Error(locale.error);
+    if (index === undefined) {
+      _onChange([].concat(_toConsumableArray(inValue), [newData]));
+    } else {
+      inValue.splice(index + 1, 0, newData);
+      _onChange(_toConsumableArray(inValue));
     }
-    if (addText === undefined) {
-        addText = locale === null || locale === void 0 ? void 0 : locale.add;
+  };
+  var onDelete = function onDelete(i) {
+    inValue.splice(i, 1);
+    _onChange(_toConsumableArray(inValue));
+  };
+  var onDragEnd = function onDragEnd(_ref2) {
+    var active = _ref2.active,
+      over = _ref2.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      _onChange(function (prevState) {
+        var activeIndex = prevState.findIndex(function (record) {
+          return record.key === (active === null || active === void 0 ? void 0 : active.id);
+        });
+        var overIndex = prevState.findIndex(function (record) {
+          return record.key === (over === null || over === void 0 ? void 0 : over.id);
+        });
+        return (0, _sortable.arrayMove)(prevState, activeIndex, overIndex);
+      });
     }
-    const [_value, setValue] = (0, react_1.useState)(value || defaultValue);
-    (0, react_1.useEffect)(() => {
-        let newValue = value;
-        // 如果数组没有key
-        if (Array.isArray(value) && value.some((obj) => !obj.key)) {
-            newValue = value.map((obj) => (Object.assign(Object.assign({}, obj), { key: obj.key || key++ })));
-            _onChange(newValue);
-        }
-        else {
-            setValue(newValue);
+  };
+  if (mode === 'list') {
+    return _react["default"].createElement("div", {
+      className: "tntd-array-input"
+    }, inValue.map(function (item, index) {
+      var fields = children(item, index);
+      if (!(0, _isArray2["default"])(fields)) {
+        fields = (0, _get2["default"])(fields, 'props.children', []);
+      }
+      var actionSpan = 24 - (0, _sum2["default"])(fields.map(function (f) {
+        return (0, _get2["default"])(f, 'props.span', 4);
+      })) % 24;
+      return _react["default"].createElement(_row["default"], {
+        gutter: gutter,
+        key: index,
+        className: "tntd-array-input-item"
+      }, fields.map(function (field, i) {
+        if (!(0, _react.isValidElement)(field)) {
+          return field ? _react["default"].createElement(_col["default"], {
+            span: 4,
+            key: i
+          }, field) : '';
         }
-    }, [value]);
-    const _onChange = (0, react_1.useCallback)((value) => {
-        if (onChange) {
-            onChange(value);
+        var _a = field === null || field === void 0 ? void 0 : field.props,
+          name = _a.name,
+          _a$span = _a.span,
+          span = _a$span === void 0 ? 4 : _a$span,
+          fieldChange = _a.onChange,
+          other = __rest(_a, ["name", "span", "onChange"]);
+        var isError = errorMap ? errorMap["".concat(index, "-").concat(name)] : '';
+        return _react["default"].createElement(_col["default"], {
+          span: span,
+          key: i
+        }, _react["default"].createElement("div", {
+          className: !isError ? 'tntd-array-input-hide-error' : ''
+        }, _react["default"].cloneElement(field, Object.assign({
+          value: item[name] || undefined,
+          onChange: function onChange(e) {
+            fieldChange && fieldChange(e, index, changeValue);
+            var newValue = e.target ? e.target.value : e;
+            changeValue(index, name, newValue);
+          },
+          disabled: disabled
+        }, other))), isError && _react["default"].createElement("div", {
+          className: "ant-form-item-explain-error"
+        }, isError));
+      }), !disabled && _react["default"].createElement(_col["default"], {
+        span: actionSpan
+      }, _react["default"].createElement("span", {
+        className: "tntd-array-input-action"
+      }, renderAction ? renderAction(item, index, onDelete, onAdd) : _react["default"].createElement(_react["default"].Fragment, null, deleteTip ? _react["default"].createElement(_tooltip["default"], {
+        title: deleteTip
+      }, _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return onDelete(index);
         }
-        else {
-            setValue(value);
+      }, _react["default"].createElement(_icon["default"], {
+        type: "delete"
+      }))) : _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return onDelete(index);
         }
-    }, []);
-    let inValue = _value || [];
-    if (require && inValue.length === 0) {
-        inValue = [{ key: key++ }];
+      }, _react["default"].createElement(_icon["default"], {
+        type: "delete"
+      }))))));
+    }), !disabled && _react["default"].createElement(_button["default"], {
+      type: "link",
+      onClick: function onClick() {
+        return onAdd();
+      }
+    }, _react["default"].createElement(_icon["default"], {
+      type: "plus"
+    }), addText));
+  } else {
+    var fields = children({}, 0);
+    if (!(0, _isArray2["default"])(fields)) {
+      fields = (0, _get2["default"])(fields, 'props.children', []);
     }
-    const changeValue = (index, name, value) => {
-        inValue[index] = Object.assign(Object.assign({}, inValue[index]), { [name]: value });
-        _onChange([...inValue]);
-    };
-    const onAdd = (index) => {
-        const newData = Object.assign(Object.assign({}, (0, lodash_1.cloneDeep)(defaultAddData)), { key: key++ });
-        if (index === undefined) {
-            _onChange([...inValue, newData]);
-        }
-        else {
-            inValue.splice(index + 1, 0, newData);
-            _onChange([...inValue]);
+    var dataSource = inValue.map(function (value, index) {
+      var fields = children(value, index);
+      var back = {
+        key: value.key
+      };
+      fields.forEach(function (field) {
+        var _a;
+        var name = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.name;
+        name && (0, _set2["default"])(back, name, field);
+      });
+      return back;
+    });
+    return _react["default"].createElement("div", {
+      className: "tntd-array-input"
+    }, _react["default"].createElement(_core.DndContext, {
+      modifiers: [_modifiers.restrictToVerticalAxis],
+      onDragEnd: onDragEnd
+    }, _react["default"].createElement(_sortable.SortableContext, {
+      items: dataSource.map(function (i) {
+        return i.key;
+      }),
+      strategy: _sortable.verticalListSortingStrategy
+    }, _react["default"].createElement(_table["default"], Object.assign({
+      dataSource: dataSource,
+      pagination: false,
+      components: {
+        body: {
+          row: BodyRow
         }
-    };
-    const onDelete = (i) => {
-        inValue.splice(i, 1);
-        _onChange([...inValue]);
-    };
-    const onDragEnd = ({ active, over }) => {
-        if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-            _onChange((prevState) => {
-                const activeIndex = prevState.findIndex((record) => record.key === (active === null || active === void 0 ? void 0 : active.id));
-                const overIndex = prevState.findIndex((record) => record.key === (over === null || over === void 0 ? void 0 : over.id));
-                return (0, sortable_1.arrayMove)(prevState, activeIndex, overIndex);
-            });
+      },
+      bordered: true
+    }, xProps), drag && _react["default"].createElement(Column, {
+      key: "dragger",
+      dataIndex: "dragger",
+      width: 60,
+      render: function render() {
+        return _react["default"].createElement(DragHandle, null);
+      }
+    }), fields.map(function (field) {
+      var _ref3 = (field === null || field === void 0 ? void 0 : field.props) || {},
+        name = _ref3.name,
+        _ref3$width = _ref3.width,
+        width = _ref3$width === void 0 ? 160 : _ref3$width,
+        title = _ref3.title;
+      return _react["default"].createElement(Column, {
+        key: name,
+        dataIndex: name,
+        title: title,
+        width: width,
+        render: function render(field, row, index) {
+          if (!(0, _react.isValidElement)(field)) {
+            return field;
+          }
+          var _field$props = field.props,
+            name = _field$props.name,
+            fieldChange = _field$props.onChange;
+          var isError = errorMap ? errorMap["".concat(index, "-").concat(name)] : '';
+          return _react["default"].createElement("div", {
+            className: !isError ? 'tntd-array-input-hide-error' : ''
+          }, _react["default"].cloneElement(field, {
+            value: inValue[index][name] || undefined,
+            onChange: function onChange(e) {
+              fieldChange && fieldChange(e, index, changeValue);
+              var newValue = e.target ? e.target.value : e;
+              changeValue(index, name, newValue), disabled;
+            }
+          }), isError && _react["default"].createElement("div", {
+            className: "ant-form-item-explain-error"
+          }, isError));
         }
-    };
-    if (mode === 'list') {
-        return (react_1.default.createElement("div", { className: "tntd-array-input" },
-            inValue.map((item, index) => {
-                let fields = children(item, index);
-                if (!(0, lodash_1.isArray)(fields)) {
-                    fields = (0, lodash_1.get)(fields, 'props.children', []);
-                }
-                const actionSpan = 24 - ((0, lodash_1.sum)(fields.map((f) => (0, lodash_1.get)(f, 'props.span', 4))) % 24);
-                return (react_1.default.createElement(row_1.default, { gutter: gutter, key: index, className: "tntd-array-input-item" },
-                    fields.map((field, i) => {
-                        if (!(0, react_1.isValidElement)(field)) {
-                            return field ? (react_1.default.createElement(col_1.default, { span: 4, key: i }, field)) : ('');
-                        }
-                        const _a = field === null || field === void 0 ? void 0 : field.props, { name, span = 4, onChange: fieldChange } = _a, other = __rest(_a, ["name", "span", "onChange"]);
-                        const isError = errorMap ? errorMap[`${index}-${name}`] : '';
-                        return (react_1.default.createElement(col_1.default, { span: span, key: i },
-                            react_1.default.createElement("div", { className: !isError ? 'tntd-array-input-hide-error' : '' }, react_1.default.cloneElement(field, Object.assign({ value: item[name] || undefined, onChange: (e) => {
-                                    fieldChange && fieldChange(e, index, changeValue);
-                                    const newValue = e.target ? e.target.value : e;
-                                    changeValue(index, name, newValue);
-                                }, disabled }, other))),
-                            isError && react_1.default.createElement("div", { className: "ant-form-item-explain-error" }, isError)));
-                    }),
-                    !disabled && (react_1.default.createElement(col_1.default, { span: actionSpan },
-                        react_1.default.createElement("span", { className: "tntd-array-input-action" }, renderAction ? (renderAction(item, index, onDelete, onAdd)) : (react_1.default.createElement(react_1.default.Fragment, null, deleteTip ? (react_1.default.createElement(tooltip_1.default, { title: deleteTip },
-                            react_1.default.createElement("span", { onClick: () => onDelete(index) },
-                                react_1.default.createElement(icon_1.default, { type: "delete" })))) : (react_1.default.createElement("span", { onClick: () => onDelete(index) },
-                            react_1.default.createElement(icon_1.default, { type: "delete" }))))))))));
-            }),
-            !disabled && (react_1.default.createElement(button_1.default, { type: "link", onClick: () => onAdd() },
-                react_1.default.createElement(icon_1.default, { type: "plus" }),
-                addText))));
-    }
-    else {
-        let fields = children({}, 0);
-        if (!(0, lodash_1.isArray)(fields)) {
-            fields = (0, lodash_1.get)(fields, 'props.children', []);
+      });
+    }), !disabled && _react["default"].createElement(Column, {
+      key: "action",
+      dataIndex: "action",
+      title: locale.action,
+      width: actionWidth,
+      className: "tntd-array-input-action",
+      fixed: actionFixed,
+      render: function render(text, row, index) {
+        if (renderAction) {
+          return renderAction(row, index, onDelete, onAdd);
         }
-        const dataSource = inValue.map((value, index) => {
-            const fields = children(value, index);
-            const back = { key: value.key };
-            fields.forEach((field) => {
-                var _a;
-                const name = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.name;
-                name && (0, lodash_1.set)(back, name, field);
-            });
-            return back;
-        });
-        return (react_1.default.createElement("div", { className: "tntd-array-input" },
-            react_1.default.createElement(core_1.DndContext, { modifiers: [modifiers_1.restrictToVerticalAxis], onDragEnd: onDragEnd },
-                react_1.default.createElement(sortable_1.SortableContext, { items: dataSource.map((i) => i.key), strategy: sortable_1.verticalListSortingStrategy },
-                    react_1.default.createElement(table_1.default, Object.assign({ dataSource: dataSource, pagination: false, components: {
-                            body: {
-                                row: BodyRow,
-                            },
-                        }, bordered: true }, xProps),
-                        drag && (react_1.default.createElement(Column, { key: "dragger", dataIndex: "dragger", width: 60, render: () => react_1.default.createElement(DragHandle, null) })),
-                        fields.map((field) => {
-                            const { name, width = 160, title } = (field === null || field === void 0 ? void 0 : field.props) || {};
-                            return (react_1.default.createElement(Column, { key: name, dataIndex: name, title: title, width: width, render: (field, row, index) => {
-                                    if (!(0, react_1.isValidElement)(field)) {
-                                        return field;
-                                    }
-                                    const { name, onChange: fieldChange } = field.props;
-                                    const isError = errorMap ? errorMap[`${index}-${name}`] : '';
-                                    return (react_1.default.createElement("div", { className: !isError ? 'tntd-array-input-hide-error' : '' },
-                                        react_1.default.cloneElement(field, {
-                                            value: inValue[index][name] || undefined,
-                                            onChange: (e) => {
-                                                fieldChange && fieldChange(e, index, changeValue);
-                                                const newValue = e.target ? e.target.value : e;
-                                                changeValue(index, name, newValue), disabled;
-                                            },
-                                        }),
-                                        isError && react_1.default.createElement("div", { className: "ant-form-item-explain-error" }, isError)));
-                                } }));
-                        }),
-                        !disabled && (react_1.default.createElement(Column, { key: "action", dataIndex: "action", title: locale.action, width: actionWidth, className: "tntd-array-input-action", fixed: actionFixed, render: (text, row, index) => {
-                                if (renderAction) {
-                                    return renderAction(row, index, onDelete, onAdd);
-                                }
-                                return (react_1.default.createElement(react_1.default.Fragment, null, deleteTip ? (react_1.default.createElement(tooltip_1.default, { title: deleteTip },
-                                    react_1.default.createElement("span", { onClick: () => onDelete(index) },
-                                        react_1.default.createElement(icon_1.default, { type: "delete" })))) : (react_1.default.createElement("span", { onClick: () => onDelete(index) },
-                                    react_1.default.createElement(icon_1.default, { type: "delete" })))));
-                            } }))))),
-            !disabled && (react_1.default.createElement(button_1.default, { type: "dashed", block: true, className: "mt10", onClick: () => onAdd() },
-                react_1.default.createElement(icon_1.default, { type: "plus" }),
-                addText))));
-    }
+        return _react["default"].createElement(_react["default"].Fragment, null, deleteTip ? _react["default"].createElement(_tooltip["default"], {
+          title: deleteTip
+        }, _react["default"].createElement("span", {
+          onClick: function onClick() {
+            return onDelete(index);
+          }
+        }, _react["default"].createElement(_icon["default"], {
+          type: "delete"
+        }))) : _react["default"].createElement("span", {
+          onClick: function onClick() {
+            return onDelete(index);
+          }
+        }, _react["default"].createElement(_icon["default"], {
+          type: "delete"
+        })));
+      }
+    })))), !disabled && _react["default"].createElement(_button["default"], {
+      type: "dashed",
+      block: true,
+      className: "mt10",
+      onClick: function onClick() {
+        return onAdd();
+      }
+    }, _react["default"].createElement(_icon["default"], {
+      type: "plus"
+    }), addText));
+  }
 }
 function WarpArrayInput(props) {
-    return (react_1.default.createElement(LocaleReceiver_1.default, { componentName: "ArrayInput" }, (locale) => {
-        return react_1.default.createElement(ArrayInput, Object.assign({}, props, { locale: locale }));
+  return _react["default"].createElement(_LocaleReceiver["default"], {
+    componentName: "ArrayInput"
+  }, function (locale) {
+    return _react["default"].createElement(ArrayInput, Object.assign({}, props, {
+      locale: locale
     }));
-}
-exports.default = WarpArrayInput;
-//# sourceMappingURL=index.js.map
+  });
+}