tntd 2.6.7 → 2.7.0

package/es/_util/wave.js

@@ -0,0 +1,228 @@
+import * as React from 'react';
+import { findDOMNode } from 'react-dom';
+import TransitionEvents from 'css-animation/lib/Event';
+import raf from './raf';
+import { ConfigConsumer } from '../config-provider';
+let styleForPesudo;
+// Where el is the DOM element you'd like to test for visibility
+function isHidden(element) {
+  if (process.env.NODE_ENV === 'test') {
+    return false;
+  }
+  return !element || element.offsetParent === null;
+}
+function isNotGrey(color) {
+  // eslint-disable-next-line no-useless-escape
+  const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/);
+  if (match && match[1] && match[2] && match[3]) {
+    return !(match[1] === match[2] && match[2] === match[3]);
+  }
+  return true;
+}
+export default class Wave extends React.Component {
+  constructor() {
+    super(...arguments);
+    Object.defineProperty(this, "instance", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "extraNode", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "clickWaveTimeoutId", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "animationStartId", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "animationStart", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: false
+    });
+    Object.defineProperty(this, "destroy", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: false
+    });
+    Object.defineProperty(this, "csp", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "onClick", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: (node, waveColor) => {
+        if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {
+          return;
+        }
+        const {
+          insertExtraNode
+        } = this.props;
+        this.extraNode = document.createElement('div');
+        const {
+          extraNode
+        } = this;
+        extraNode.className = 'ant-click-animating-node';
+        const attributeName = this.getAttributeName();
+        node.setAttribute(attributeName, 'true');
+        // Not white or transparnt or grey
+        styleForPesudo = styleForPesudo || document.createElement('style');
+        if (waveColor && waveColor !== '#ffffff' && waveColor !== 'rgb(255, 255, 255)' && isNotGrey(waveColor) && !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) &&
+        // any transparent rgba color
+        waveColor !== 'transparent') {
+          // Add nonce if CSP exist
+          if (this.csp && this.csp.nonce) {
+            styleForPesudo.nonce = this.csp.nonce;
+          }
+          extraNode.style.borderColor = waveColor;
+          styleForPesudo.innerHTML = `
+      [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {
+        --antd-wave-shadow-color: ${waveColor};
+      }`;
+          if (!document.body.contains(styleForPesudo)) {
+            document.body.appendChild(styleForPesudo);
+          }
+        }
+        if (insertExtraNode) {
+          node.appendChild(extraNode);
+        }
+        TransitionEvents.addStartEventListener(node, this.onTransitionStart);
+        TransitionEvents.addEndEventListener(node, this.onTransitionEnd);
+      }
+    });
+    Object.defineProperty(this, "onTransitionStart", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: e => {
+        if (this.destroy) return;
+        const node = findDOMNode(this);
+        if (!e || e.target !== node) {
+          return;
+        }
+        if (!this.animationStart) {
+          this.resetEffect(node);
+        }
+      }
+    });
+    Object.defineProperty(this, "onTransitionEnd", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: e => {
+        if (!e || e.animationName !== 'fadeEffect') {
+          return;
+        }
+        this.resetEffect(e.target);
+      }
+    });
+    Object.defineProperty(this, "bindAnimationEvent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: node => {
+        if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.indexOf('disabled') >= 0) {
+          return;
+        }
+        const onClick = e => {
+          // Fix radio button click twice
+          if (e.target.tagName === 'INPUT' || isHidden(e.target)) {
+            return;
+          }
+          this.resetEffect(node);
+          // Get wave color from target
+          const waveColor = getComputedStyle(node).getPropertyValue('border-top-color') ||
+          // Firefox Compatible
+          getComputedStyle(node).getPropertyValue('border-color') || getComputedStyle(node).getPropertyValue('background-color');
+          this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0);
+          raf.cancel(this.animationStartId);
+          this.animationStart = true;
+          // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.
+          this.animationStartId = raf(() => {
+            this.animationStart = false;
+          }, 10);
+        };
+        node.addEventListener('click', onClick, true);
+        return {
+          cancel: () => {
+            node.removeEventListener('click', onClick, true);
+          }
+        };
+      }
+    });
+    Object.defineProperty(this, "renderWave", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ({
+        csp
+      }) => {
+        const {
+          children
+        } = this.props;
+        this.csp = csp;
+        return children;
+      }
+    });
+  }
+  componentDidMount() {
+    const node = findDOMNode(this);
+    if (!node || node.nodeType !== 1) {
+      return;
+    }
+    this.instance = this.bindAnimationEvent(node);
+  }
+  componentWillUnmount() {
+    if (this.instance) {
+      this.instance.cancel();
+    }
+    if (this.clickWaveTimeoutId) {
+      clearTimeout(this.clickWaveTimeoutId);
+    }
+    this.destroy = true;
+  }
+  getAttributeName() {
+    const {
+      insertExtraNode
+    } = this.props;
+    return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node';
+  }
+  resetEffect(node) {
+    if (!node || node === this.extraNode || !(node instanceof Element)) {
+      return;
+    }
+    const {
+      insertExtraNode
+    } = this.props;
+    const attributeName = this.getAttributeName();
+    node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466
+    if (styleForPesudo) {
+      styleForPesudo.innerHTML = '';
+    }
+    if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {
+      node.removeChild(this.extraNode);
+    }
+    TransitionEvents.removeStartEventListener(node, this.onTransitionStart);
+    TransitionEvents.removeEndEventListener(node, this.onTransitionEnd);
+  }
+  render() {
+    return React.createElement(ConfigConsumer, null, this.renderWave);
+  }
+}

package/es/_util/wave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wave.js","sourceRoot":"","sources":["../../src/_util/wave.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport TransitionEvents from 'css-animation/lib/Event';\nimport raf from './raf';\nimport { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../config-provider';\n\nlet styleForPesudo: HTMLStyleElement | null;\n\n// Where el is the DOM element you'd like to test for visibility\nfunction isHidden(element: HTMLElement) {\n  if (process.env.NODE_ENV === 'test') {\n    return false;\n  }\n  return !element || element.offsetParent === null;\n}\n\nfunction isNotGrey(color: string) {\n  // eslint-disable-next-line no-useless-escape\n  const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\.\\d]*)?\\)/);\n  if (match && match[1] && match[2] && match[3]) {\n    return !(match[1] === match[2] && match[2] === match[3]);\n  }\n  return true;\n}\n\nexport default class Wave extends React.Component<{ insertExtraNode?: boolean }> {\n  private instance?: {\n    cancel: () => void;\n  };\n\n  private extraNode: HTMLDivElement;\n\n  private clickWaveTimeoutId: number;\n\n  private animationStartId: number;\n\n  private animationStart: boolean = false;\n\n  private destroy: boolean = false;\n\n  private csp?: CSPConfig;\n\n  componentDidMount() {\n    const node = findDOMNode(this) as HTMLElement;\n    if (!node || node.nodeType !== 1) {\n      return;\n    }\n    this.instance = this.bindAnimationEvent(node);\n  }\n\n  componentWillUnmount() {\n    if (this.instance) {\n      this.instance.cancel();\n    }\n    if (this.clickWaveTimeoutId) {\n      clearTimeout(this.clickWaveTimeoutId);\n    }\n\n    this.destroy = true;\n  }\n\n  onClick = (node: HTMLElement, waveColor: string) => {\n    if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {\n      return;\n    }\n    const { insertExtraNode } = this.props;\n    this.extraNode = document.createElement('div');\n    const { extraNode } = this;\n    extraNode.className = 'ant-click-animating-node';\n    const attributeName = this.getAttributeName();\n    node.setAttribute(attributeName, 'true');\n    // Not white or transparnt or grey\n    styleForPesudo = styleForPesudo || document.createElement('style');\n    if (\n      waveColor &&\n      waveColor !== '#ffffff' &&\n      waveColor !== 'rgb(255, 255, 255)' &&\n      isNotGrey(waveColor) &&\n      !/rgba\\(\\d*, \\d*, \\d*, 0\\)/.test(waveColor) && // any transparent rgba color\n      waveColor !== 'transparent'\n    ) {\n      // Add nonce if CSP exist\n      if (this.csp && this.csp.nonce) {\n        styleForPesudo.nonce = this.csp.nonce;\n      }\n\n      extraNode.style.borderColor = waveColor;\n      styleForPesudo.innerHTML = `\n      [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {\n        --antd-wave-shadow-color: ${waveColor};\n      }`;\n      if (!document.body.contains(styleForPesudo)) {\n        document.body.appendChild(styleForPesudo);\n      }\n    }\n    if (insertExtraNode) {\n      node.appendChild(extraNode);\n    }\n    TransitionEvents.addStartEventListener(node, this.onTransitionStart);\n    TransitionEvents.addEndEventListener(node, this.onTransitionEnd);\n  };\n\n  onTransitionStart = (e: AnimationEvent) => {\n    if (this.destroy) return;\n\n    const node = findDOMNode(this) as HTMLElement;\n    if (!e || e.target !== node) {\n      return;\n    }\n\n    if (!this.animationStart) {\n      this.resetEffect(node);\n    }\n  };\n\n  onTransitionEnd = (e: AnimationEvent) => {\n    if (!e || e.animationName !== 'fadeEffect') {\n      return;\n    }\n    this.resetEffect(e.target as HTMLElement);\n  };\n\n  getAttributeName() {\n    const { insertExtraNode } = this.props;\n    return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node';\n  }\n\n  bindAnimationEvent = (node: HTMLElement) => {\n    if (\n      !node ||\n      !node.getAttribute ||\n      node.getAttribute('disabled') ||\n      node.className.indexOf('disabled') >= 0\n    ) {\n      return;\n    }\n    const onClick = (e: MouseEvent) => {\n      // Fix radio button click twice\n      if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {\n        return;\n      }\n      this.resetEffect(node);\n      // Get wave color from target\n      const waveColor =\n        getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible\n        getComputedStyle(node).getPropertyValue('border-color') ||\n        getComputedStyle(node).getPropertyValue('background-color');\n      this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0);\n\n      raf.cancel(this.animationStartId);\n      this.animationStart = true;\n\n      // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n      this.animationStartId = raf(() => {\n        this.animationStart = false;\n      }, 10);\n    };\n    node.addEventListener('click', onClick, true);\n    return {\n      cancel: () => {\n        node.removeEventListener('click', onClick, true);\n      },\n    };\n  };\n\n  resetEffect(node: HTMLElement) {\n    if (!node || node === this.extraNode || !(node instanceof Element)) {\n      return;\n    }\n    const { insertExtraNode } = this.props;\n    const attributeName = this.getAttributeName();\n    node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466\n\n    if (styleForPesudo) {\n      styleForPesudo.innerHTML = '';\n    }\n\n    if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n      node.removeChild(this.extraNode);\n    }\n    TransitionEvents.removeStartEventListener(node, this.onTransitionStart);\n    TransitionEvents.removeEndEventListener(node, this.onTransitionEnd);\n  }\n\n  renderWave = ({ csp }: ConfigConsumerProps) => {\n    const { children } = this.props;\n    this.csp = csp;\n\n    return children;\n  };\n\n  render() {\n    return <ConfigConsumer>{this.renderWave}</ConfigConsumer>;\n  }\n}\n"]}

package/es/affix/index.js

@@ -1,5 +1,4 @@
 import Affix from 'antd/es/affix';
 import 'antd/es/affix/style';
 export * from 'antd/es/affix';
-export default Affix;
-//# sourceMappingURL=index.js.map
+export default Affix;

package/es/alert/index.js

@@ -1,5 +1,4 @@
 import Alert from 'antd/es/alert';
 import 'antd/es/alert/style';
 export * from 'antd/es/alert';
-export default Alert;
-//# sourceMappingURL=index.js.map
+export default Alert;

package/es/anchor/index.js

@@ -1,5 +1,4 @@
 import Anchor from 'antd/es/anchor';
 import 'antd/es/anchor/style';
 export * from 'antd/es/anchor';
-export default Anchor;
-//# sourceMappingURL=index.js.map
+export default Anchor;

package/es/array-input/icon.js

@@ -1,7 +1,25 @@
 import React from 'react';
-export const plusIcon = (React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "plus-circle", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
-    React.createElement("path", { d: "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" }),
-    React.createElement("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" })));
-export const deleteIcon = (React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "delete", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
-    React.createElement("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })));
-//# sourceMappingURL=icon.js.map
+export const plusIcon = React.createElement("svg", {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  "data-icon": "plus-circle",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, React.createElement("path", {
+  d: "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+}), React.createElement("path", {
+  d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+}));
+export const deleteIcon = React.createElement("svg", {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  "data-icon": "delete",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, React.createElement("path", {
+  d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+}));

package/es/array-input/index.js

@@ -1,15 +1,17 @@
-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;
+import _sumBy from "lodash/sumBy";
+import _sum from "lodash/sum";
+import _set from "lodash/set";
+import _isFunction from "lodash/isFunction";
+import _isArray from "lodash/isArray";
+import _get from "lodash/get";
+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;
 };
-import { get, isArray, isFunction, set, sum, sumBy } from 'lodash';
 import React, { isValidElement, useCallback, useEffect, useState } from 'react';
 import { deleteIcon, plusIcon } from './icon';
 import Col from '../col';
@@ -17,116 +19,198 @@ import Row from '../row';
 import Table from '../table';
 import Tooltip from '../tooltip';
 import './index.less';
-const { Column } = Table;
-const getWidth = (span) => 1000 / span;
-export default function ArrayInput({ children, defaultValue, value, onChange, mode = 'list', gutter = 10, require = false, deleteTip = '', plusTip = '', addText = '添加', }) {
-    if (!isFunction(children)) {
-        throw new Error('ArrayInput的children必须是函数');
+const {
+  Column
+} = Table;
+const getWidth = span => 1000 / span;
+export default function ArrayInput({
+  children,
+  defaultValue,
+  value,
+  onChange,
+  mode = 'list',
+  gutter = 10,
+  require = false,
+  deleteTip = '',
+  plusTip = '',
+  addText = '添加'
+}) {
+  if (!_isFunction(children)) {
+    throw new Error('ArrayInput的children必须是函数');
+  }
+  const [_value, setValue] = useState(value || defaultValue);
+  useEffect(() => {
+    setValue(value);
+  }, [value]);
+  const _onChange = useCallback(value => {
+    if (onChange) {
+      onChange(value);
+    } else {
+      setValue(value);
     }
-    const [_value, setValue] = useState(value || defaultValue);
-    useEffect(() => {
-        setValue(value);
-    }, [value]);
-    const _onChange = useCallback((value) => {
-        if (onChange) {
-            onChange(value);
-        }
-        else {
-            setValue(value);
-        }
-    }, []);
-    let inValue = _value || [];
-    if (require && inValue.length === 0) {
-        inValue = [{}];
+  }, []);
+  let inValue = _value || [];
+  if (require && inValue.length === 0) {
+    inValue = [{}];
+  }
+  const changeValue = (index, name, value) => {
+    inValue[index] = Object.assign(Object.assign({}, inValue[index]), {
+      [name]: value
+    });
+    _onChange([...inValue]);
+  };
+  const onAdd = index => {
+    if (index === undefined) {
+      _onChange([...inValue, {}]);
+    } else {
+      inValue.splice(index + 1, 0, {});
+      _onChange([...inValue]);
     }
-    const changeValue = (index, name, value) => {
-        inValue[index] = Object.assign(Object.assign({}, inValue[index]), { [name]: value });
-        _onChange([...inValue]);
-    };
-    const onAdd = (index) => {
-        if (index === undefined) {
-            _onChange([...inValue, {}]);
+  };
+  const onDelete = i => {
+    inValue.splice(i, 1);
+    _onChange([...inValue]);
+  };
+  if (mode === 'list') {
+    return React.createElement("div", {
+      className: "tntd-array-input"
+    }, inValue.map((item, index) => {
+      let fields = children(item, index);
+      if (!_isArray(fields)) {
+        fields = _get(fields, 'props.children', []);
+      }
+      return React.createElement(Row, {
+        gutter: gutter,
+        key: index,
+        className: "tntd-array-input-item"
+      }, fields.map((field, i) => {
+        if (!isValidElement(field)) {
+          return field ? React.createElement(Col, {
+            span: 4,
+            key: i
+          }, field) : '';
         }
-        else {
-            inValue.splice(index + 1, 0, {});
-            _onChange([...inValue]);
-        }
-    };
-    const onDelete = (i) => {
-        inValue.splice(i, 1);
-        _onChange([...inValue]);
-    };
-    if (mode === 'list') {
-        return (React.createElement("div", { className: "tntd-array-input" },
-            inValue.map((item, index) => {
-                let fields = children(item, index);
-                if (!isArray(fields)) {
-                    fields = get(fields, 'props.children', []);
-                }
-                return (React.createElement(Row, { gutter: gutter, key: index, className: "tntd-array-input-item" },
-                    fields.map((field, i) => {
-                        if (!isValidElement(field)) {
-                            return field ? (React.createElement(Col, { 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"]);
-                        return (React.createElement(Col, { span: span, key: i }, React.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);
-                            } }, other))));
-                    }),
-                    React.createElement(Col, { span: 24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24) },
-                        React.createElement("span", { className: "tntd-array-input-action" },
-                            plusTip ? (React.createElement(Tooltip, { title: plusTip, placement: "left" },
-                                React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon))) : (React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon)),
-                            deleteTip ? (React.createElement(Tooltip, { title: deleteTip, placement: "right" },
-                                React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))) : (React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))))));
-            }),
-            inValue.length === 0 && React.createElement("a", { onClick: () => onAdd() }, addText)));
+        const _a = field === null || field === void 0 ? void 0 : field.props,
+          {
+            name,
+            span = 4,
+            onChange: fieldChange
+          } = _a,
+          other = __rest(_a, ["name", "span", "onChange"]);
+        return React.createElement(Col, {
+          span: span,
+          key: i
+        }, React.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);
+          }
+        }, other)));
+      }), React.createElement(Col, {
+        span: 24 - _sum(fields.map(f => _get(f, 'props.span', 4))) % 24
+      }, React.createElement("span", {
+        className: "tntd-array-input-action"
+      }, plusTip ? React.createElement(Tooltip, {
+        title: plusTip,
+        placement: "left"
+      }, React.createElement("span", {
+        className: "mr10",
+        onClick: () => onAdd(index)
+      }, plusIcon)) : React.createElement("span", {
+        className: "mr10",
+        onClick: () => onAdd(index)
+      }, plusIcon), deleteTip ? React.createElement(Tooltip, {
+        title: deleteTip,
+        placement: "right"
+      }, React.createElement("span", {
+        onClick: () => onDelete(index)
+      }, deleteIcon)) : React.createElement("span", {
+        onClick: () => onDelete(index)
+      }, deleteIcon))));
+    }), inValue.length === 0 && React.createElement("a", {
+      onClick: () => onAdd()
+    }, addText));
+  } else {
+    let fields = children({}, 0);
+    if (!_isArray(fields)) {
+      fields = _get(fields, 'props.children', []);
     }
-    else {
-        let fields = children({}, 0);
-        if (!isArray(fields)) {
-            fields = get(fields, 'props.children', []);
+    const dataSource = inValue.map((value, index) => {
+      const fields = children(value, index);
+      const back = {};
+      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 && _set(back, name, field);
+      });
+      return back;
+    });
+    return React.createElement("div", {
+      className: "tntd-array-input"
+    }, React.createElement(Table, {
+      dataSource: dataSource,
+      pagination: false,
+      locale: {
+        emptyText: React.createElement("a", {
+          onClick: () => onAdd()
+        }, addText)
+      }
+    }, fields.map(field => {
+      const {
+        name,
+        span,
+        title
+      } = (field === null || field === void 0 ? void 0 : field.props) || {};
+      return React.createElement(Column, {
+        key: name,
+        dataIndex: name,
+        title: title,
+        width: getWidth(span || 24 / (fields.length + 1)),
+        render: (field, row, index) => {
+          if (!isValidElement(field)) {
+            return field;
+          }
+          const {
+            onChange: fieldChange
+          } = field.props;
+          return React.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);
+            }
+          });
         }
-        const dataSource = inValue.map((value, index) => {
-            const fields = children(value, index);
-            const back = {};
-            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 && set(back, name, field);
-            });
-            return back;
-        });
-        return (React.createElement("div", { className: "tntd-array-input" },
-            React.createElement(Table, { dataSource: dataSource, pagination: false, locale: {
-                    emptyText: React.createElement("a", { onClick: () => onAdd() }, addText),
-                } },
-                fields.map((field) => {
-                    const { name, span, title } = (field === null || field === void 0 ? void 0 : field.props) || {};
-                    return (React.createElement(Column, { key: name, dataIndex: name, title: title, width: getWidth(span || 24 / (fields.length + 1)), render: (field, row, index) => {
-                            if (!isValidElement(field)) {
-                                return field;
-                            }
-                            const { onChange: fieldChange } = field.props;
-                            return React.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);
-                                },
-                            });
-                        } }));
-                }),
-                React.createElement(Column, { key: "action", dataIndex: "action", title: "\u64CD\u4F5C", width: getWidth(24 - (sumBy(fields, 'props.span') % 24)), render: (text, row, index) => {
-                        return (React.createElement("span", { className: "tntd-array-input-action" },
-                            plusTip ? (React.createElement(Tooltip, { title: plusTip, placement: "left" },
-                                React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon))) : (React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon)),
-                            deleteTip ? (React.createElement(Tooltip, { title: deleteTip, placement: "right" },
-                                React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))) : (React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))));
-                    } }))));
-    }
-}
-//# sourceMappingURL=index.js.map
+      });
+    }), React.createElement(Column, {
+      key: "action",
+      dataIndex: "action",
+      title: "\u64CD\u4F5C",
+      width: getWidth(24 - _sumBy(fields, 'props.span') % 24),
+      render: (text, row, index) => {
+        return React.createElement("span", {
+          className: "tntd-array-input-action"
+        }, plusTip ? React.createElement(Tooltip, {
+          title: plusTip,
+          placement: "left"
+        }, React.createElement("span", {
+          className: "mr10",
+          onClick: () => onAdd(index)
+        }, plusIcon)) : React.createElement("span", {
+          className: "mr10",
+          onClick: () => onAdd(index)
+        }, plusIcon), deleteTip ? React.createElement(Tooltip, {
+          title: deleteTip,
+          placement: "right"
+        }, React.createElement("span", {
+          onClick: () => onDelete(index)
+        }, deleteIcon)) : React.createElement("span", {
+          onClick: () => onDelete(index)
+        }, deleteIcon));
+      }
+    })));
+  }
+}