tntd 2.8.0-beta.2 → 2.8.0-beta.21

package/es/affix/index.js

@@ -1,4 +1,4 @@
 import Affix from 'antd/es/affix';
-import 'antd/es/affix/style';
+import './style';
 export * from 'antd/es/affix';
 export default Affix;

package/es/affix/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/affix/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,qBAAqB,CAAA;AAE5B,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Affix from 'antd/es/affix'\n\nimport 'antd/es/affix/style'\n\nexport * from 'antd/es/affix'\n\nexport default Affix\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/affix/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Affix from 'antd/es/affix'\n\nimport './style'\n\nexport * from 'antd/es/affix'\n\nexport default Affix\n"]}

package/es/affix/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/affix/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/affix/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/affix/style/index.less

@@ -0,0 +1,6 @@
+@import '../../style/themes/index';
+
+.@{ant-prefix}-affix {
+  position: fixed;
+  z-index: @zindex-affix;
+}

package/es/alert/index.js

@@ -1,4 +1,4 @@
 import Alert from 'antd/es/alert';
-import 'antd/es/alert/style';
+import './style';
 export * from 'antd/es/alert';
 export default Alert;

package/es/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,qBAAqB,CAAA;AAE5B,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from 'antd/es/alert'\n\nimport 'antd/es/alert/style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from 'antd/es/alert'\n\nimport './style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}

package/es/alert/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/alert/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/alert/style/index.less

@@ -0,0 +1,188 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@alert-prefix-cls: ~'@{ant-prefix}-alert';
+
+@alert-message-color: @heading-color;
+@alert-text-color: @text-color;
+@alert-close-color: @text-color-secondary;
+@alert-close-hover-color: @icon-color-hover;
+
+.@{alert-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  padding: 8px 15px 8px 37px;
+  word-wrap: break-word;
+  border-radius: @border-radius-base;
+
+  &&-no-icon {
+    padding: 8px 15px;
+  }
+
+  &&-closable {
+    padding-right: 30px;
+  }
+
+  &-icon {
+    position: absolute;
+    top: calc(8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2);
+    left: 16px;
+  }
+
+  &-description {
+    display: none;
+    font-size: @font-size-base;
+    line-height: 22px;
+  }
+
+  &-success {
+    background-color: @alert-success-bg-color;
+    border: @border-width-base @border-style-base @alert-success-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-success-icon-color;
+    }
+  }
+
+  &-info {
+    background-color: @alert-info-bg-color;
+    border: @border-width-base @border-style-base @alert-info-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-info-icon-color;
+    }
+  }
+
+  &-warning {
+    background-color: @alert-warning-bg-color;
+    border: @border-width-base @border-style-base @alert-warning-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-warning-icon-color;
+    }
+  }
+
+  &-error {
+    background-color: @alert-error-bg-color;
+    border: @border-width-base @border-style-base @alert-error-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-error-icon-color;
+    }
+  }
+
+  &-close-icon {
+    position: absolute;
+    top: 8px;
+    right: 16px;
+    padding: 0;
+    overflow: hidden;
+    font-size: @font-size-sm;
+    line-height: 22px;
+    background-color: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+
+    .@{iconfont-css-prefix}-close {
+      color: @alert-close-color;
+      transition: color 0.3s;
+      &:hover {
+        color: @alert-close-hover-color;
+      }
+    }
+  }
+
+  &-close-text {
+    color: @alert-close-color;
+    transition: color 0.3s;
+    &:hover {
+      color: @alert-close-hover-color;
+    }
+  }
+
+  &-with-description {
+    position: relative;
+    padding: 15px 15px 15px 64px;
+    color: @alert-text-color;
+    line-height: @line-height-base;
+    border-radius: @border-radius-base;
+  }
+
+  &-with-description&-no-icon {
+    padding: 15px;
+  }
+
+  &-with-description &-icon {
+    position: absolute;
+    top: 16px;
+    left: 24px;
+    font-size: 24px;
+  }
+
+  &-with-description &-close-icon {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    font-size: @font-size-base;
+    cursor: pointer;
+  }
+
+  &-with-description &-message {
+    display: block;
+    margin-bottom: 4px;
+    color: @alert-message-color;
+    font-size: @font-size-lg;
+  }
+
+  &-message {
+    color: @alert-message-color;
+  }
+
+  &-with-description &-description {
+    display: block;
+  }
+
+  &&-closing {
+    height: 0 !important;
+    margin: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    transform-origin: 50% 0;
+    transition: all 0.3s @ease-in-out-circ;
+  }
+
+  &-slide-up-leave {
+    animation: antAlertSlideUpOut 0.3s @ease-in-out-circ;
+    animation-fill-mode: both;
+  }
+
+  &-banner {
+    margin-bottom: 0;
+    border: 0;
+    border-radius: 0;
+  }
+}
+
+@keyframes antAlertSlideUpIn {
+  0% {
+    transform: scaleY(0);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+}
+
+@keyframes antAlertSlideUpOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+}

package/es/anchor/index.js

@@ -1,4 +1,4 @@
 import Anchor from 'antd/es/anchor';
-import 'antd/es/anchor/style';
+import './style';
 export * from 'antd/es/anchor';
 export default Anchor;

package/es/anchor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAA;AAEnC,OAAO,sBAAsB,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA","sourcesContent":["import Anchor from 'antd/es/anchor'\n\nimport 'antd/es/anchor/style'\n\nexport * from 'antd/es/anchor'\n\nexport default Anchor\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAA;AAEnC,OAAO,SAAS,CAAA;AAEhB,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA","sourcesContent":["import Anchor from 'antd/es/anchor'\n\nimport './style'\n\nexport * from 'antd/es/anchor'\n\nexport default Anchor\n"]}

package/es/anchor/style/index.js

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../affix/style';

package/es/anchor/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../affix/style'\n"]}

package/es/anchor/style/index.less

@@ -0,0 +1,82 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@anchor-border-width: 2px;
+
+.@{ant-prefix}-anchor {
+  .reset-component;
+
+  position: relative;
+  padding-left: @anchor-border-width;
+
+  &-wrapper {
+    margin-left: -4px;
+    padding-left: 4px;
+    overflow: auto;
+    background-color: @component-background;
+  }
+
+  &-ink {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    &::before {
+      position: relative;
+      display: block;
+      width: @anchor-border-width;
+      height: 100%;
+      margin: 0 auto;
+      background-color: @anchor-border-color;
+      content: ' ';
+    }
+    &-ball {
+      position: absolute;
+      left: 50%;
+      display: none;
+      width: 8px;
+      height: 8px;
+      background-color: @component-background;
+      border: 2px solid @primary-color;
+      border-radius: 8px;
+      transform: translateX(-50%);
+      transition: top 0.3s ease-in-out;
+      &.visible {
+        display: inline-block;
+      }
+    }
+  }
+
+  &.fixed &-ink &-ink-ball {
+    display: none;
+  }
+
+  &-link {
+    padding: 7px 0 7px 16px;
+    line-height: 1.143;
+
+    &-title {
+      position: relative;
+      display: block;
+      margin-bottom: 6px;
+      overflow: hidden;
+      color: @text-color;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      transition: all 0.3s;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    &-active > &-title {
+      color: @primary-color;
+    }
+  }
+
+  &-link &-link {
+    padding-top: 5px;
+    padding-bottom: 5px;
+  }
+}

package/es/array-input/index.js

@@ -13,17 +13,19 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import React, { isValidElement, useCallback, useEffect, useState } from 'react';
-import { deleteIcon, plusIcon } from './icon';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import Col from '../col';
 import Row from '../row';
 import Table from '../table';
 import Tooltip from '../tooltip';
+import Icon from '../icon';
+import Button from '../button';
 import './index.less';
 const {
   Column
 } = Table;
 const getWidth = span => 1000 / span;
-export default function ArrayInput({
+function ArrayInput({
   children,
   defaultValue,
   value,
@@ -33,11 +35,17 @@ export default function ArrayInput({
   require = false,
   deleteTip = '',
   plusTip = '',
-  addText = '添加'
+  addText,
+  locale,
+  xProps = {},
+  renderAction
 }) {
   if (!_isFunction(children)) {
     throw new Error('ArrayInput的children必须是函数');
   }
+  if (addText === undefined) {
+    addText = locale === null || locale === void 0 ? void 0 : locale.add;
+  }
   const [_value, setValue] = useState(value || defaultValue);
   useEffect(() => {
     setValue(value);
@@ -79,6 +87,7 @@ export default function ArrayInput({
       if (!_isArray(fields)) {
         fields = _get(fields, 'props.children', []);
       }
+      const actionSpan = 24 - _sum(fields.map(f => _get(f, 'props.span', 4))) % 24;
       return React.createElement(Row, {
         gutter: gutter,
         key: index,
@@ -109,29 +118,26 @@ export default function ArrayInput({
           }
         }, other)));
       }), React.createElement(Col, {
-        span: 24 - _sum(fields.map(f => _get(f, 'props.span', 4))) % 24
+        span: actionSpan
       }, 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"
+      }, renderAction ? renderAction(item, index, onDelete, onAdd) : React.createElement(React.Fragment, null, deleteTip ? React.createElement(Tooltip, {
+        title: deleteTip
       }, React.createElement("span", {
         onClick: () => onDelete(index)
-      }, deleteIcon)) : React.createElement("span", {
+      }, React.createElement(Icon, {
+        type: "delete"
+      }))) : React.createElement("span", {
         onClick: () => onDelete(index)
-      }, deleteIcon))));
-    }), inValue.length === 0 && React.createElement("a", {
+      }, React.createElement(Icon, {
+        type: "delete"
+      }))))));
+    }), React.createElement(Button, {
+      type: "link",
       onClick: () => onAdd()
-    }, addText));
+    }, React.createElement(Icon, {
+      type: "plus"
+    }), addText));
   } else {
     let fields = children({}, 0);
     if (!_isArray(fields)) {
@@ -149,15 +155,11 @@ export default function ArrayInput({
     });
     return React.createElement("div", {
       className: "tntd-array-input"
-    }, React.createElement(Table, {
+    }, React.createElement(Table, Object.assign({
       dataSource: dataSource,
       pagination: false,
-      locale: {
-        emptyText: React.createElement("a", {
-          onClick: () => onAdd()
-        }, addText)
-      }
-    }, fields.map(field => {
+      bordered: true
+    }, xProps), fields.map(field => {
       const {
         name,
         span,
@@ -191,26 +193,39 @@ export default function ArrayInput({
       title: "\u64CD\u4F5C",
       width: getWidth(24 - _sumBy(fields, 'props.span') % 24),
       render: (text, row, index) => {
+        if (renderAction) {
+          return renderAction(row, index, onDelete, onAdd);
+        }
         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"
+        }, deleteTip ? React.createElement(Tooltip, {
+          title: deleteTip
         }, React.createElement("span", {
           onClick: () => onDelete(index)
-        }, deleteIcon)) : React.createElement("span", {
+        }, React.createElement(Icon, {
+          type: "delete"
+        }))) : React.createElement("span", {
           onClick: () => onDelete(index)
-        }, deleteIcon));
+        }, React.createElement(Icon, {
+          type: "delete"
+        })));
       }
-    })));
+    })), React.createElement(Button, {
+      type: "dashed",
+      block: true,
+      className: "mt10",
+      onClick: () => onAdd()
+    }, React.createElement(Icon, {
+      type: "plus"
+    }), addText));
   }
+}
+export default function WarpArrayInput(props) {
+  return React.createElement(LocaleReceiver, {
+    componentName: "ArrayInput"
+  }, locale => {
+    return React.createElement(ArrayInput, Object.assign({}, props, {
+      locale: locale
+    }));
+  });
 }

package/es/array-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/array-input/index.js"],"names":[],"mappings":"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","sourcesContent":["import { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useEffect, useState } from 'react'\nimport { deleteIcon, plusIcon } from './icon'\n\nimport Col from '../col'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\n\nimport './index.less'\n\nconst { Column } = Table\nconst getWidth = (span) => 1000 / span\n\nexport default function ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  gutter = 10,\n  require = false,\n  deleteTip = '',\n  plusTip = '',\n  addText = '添加',\n}) {\n  if (!isFunction(children)) {\n    throw new Error('ArrayInput的children必须是函数')\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    setValue(value)\n  }, [value])\n\n  const _onChange = useCallback((value) => {\n    if (onChange) {\n      onChange(value)\n    } else {\n      setValue(value)\n    }\n  }, [])\n\n  let inValue = _value || []\n  if (require && inValue.length === 0) {\n    inValue = [{}]\n  }\n\n  const changeValue = (index, name, value) => {\n    inValue[index] = {\n      ...inValue[index],\n      [name]: value,\n    }\n    _onChange([...inValue])\n  }\n\n  const onAdd = (index) => {\n    if (index === undefined) {\n      _onChange([...inValue, {}])\n    } else {\n      inValue.splice(index + 1, 0, {})\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  if (mode === 'list') {\n    return (\n      <div className=\"tntd-array-input\">\n        {inValue.map((item, index) => {\n          let fields = children(item, index)\n          if (!isArray(fields)) {\n            fields = get(fields, 'props.children', [])\n          }\n          return (\n            <Row gutter={gutter} key={index} className=\"tntd-array-input-item\">\n              {fields.map((field, i) => {\n                if (!isValidElement(field)) {\n                  return field ? (\n                    <Col span={4} key={i}>\n                      {field}\n                    </Col>\n                  ) : (\n                    ''\n                  )\n                }\n                const { name, span = 4, onChange: fieldChange, ...other } = field?.props\n                return (\n                  <Col span={span} key={i}>\n                    {React.cloneElement(field, {\n                      value: item[name] || undefined,\n                      onChange: (e) => {\n                        fieldChange && fieldChange(e, index, changeValue)\n                        const newValue = e.target ? e.target.value : e\n                        changeValue(index, name, newValue)\n                      },\n                      ...other,\n                    })}\n                  </Col>\n                )\n              })}\n              <Col span={24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24)}>\n                <span className=\"tntd-array-input-action\">\n                  {plusTip ? (\n                    <Tooltip title={plusTip} placement=\"left\">\n                      <span className=\"mr10\" onClick={() => onAdd(index)}>\n                        {plusIcon}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <span className=\"mr10\" onClick={() => onAdd(index)}>\n                      {plusIcon}\n                    </span>\n                  )}\n                  {deleteTip ? (\n                    <Tooltip title={deleteTip} placement=\"right\">\n                      <span onClick={() => onDelete(index)}>{deleteIcon}</span>\n                    </Tooltip>\n                  ) : (\n                    <span onClick={() => onDelete(index)}>{deleteIcon}</span>\n                  )}\n                </span>\n              </Col>\n            </Row>\n          )\n        })}\n        {inValue.length === 0 && <a onClick={() => onAdd()}>{addText}</a>}\n      </div>\n    )\n  } else {\n    let fields = children({}, 0)\n    if (!isArray(fields)) {\n      fields = get(fields, 'props.children', [])\n    }\n    const dataSource = inValue.map((value, index) => {\n      const fields = children(value, index)\n      const back = {}\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n    return (\n      <div className=\"tntd-array-input\">\n        <Table\n          dataSource={dataSource}\n          pagination={false}\n          locale={{\n            emptyText: <a onClick={() => onAdd()}>{addText}</a>,\n          }}\n        >\n          {fields.map((field) => {\n            const { name, span, title } = field?.props || {}\n            return (\n              <Column\n                key={name}\n                dataIndex={name}\n                title={title}\n                width={getWidth(span || 24 / (fields.length + 1))}\n                render={(field, row, index) => {\n                  if (!isValidElement(field)) {\n                    return field\n                  }\n                  const { onChange: fieldChange } = field.props\n                  return React.cloneElement(field, {\n                    value: inValue[index][name] || undefined,\n                    onChange: (e) => {\n                      fieldChange && fieldChange(e, index, changeValue)\n                      const newValue = e.target ? e.target.value : e\n                      changeValue(index, name, newValue)\n                    },\n                  })\n                }}\n              ></Column>\n            )\n          })}\n          <Column\n            key=\"action\"\n            dataIndex=\"action\"\n            title=\"操作\"\n            width={getWidth(24 - (sumBy(fields, 'props.span') % 24))}\n            render={(text, row, index) => {\n              return (\n                <span className=\"tntd-array-input-action\">\n                  {plusTip ? (\n                    <Tooltip title={plusTip} placement=\"left\">\n                      <span className=\"mr10\" onClick={() => onAdd(index)}>\n                        {plusIcon}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <span className=\"mr10\" onClick={() => onAdd(index)}>\n                      {plusIcon}\n                    </span>\n                  )}\n                  {deleteTip ? (\n                    <Tooltip title={deleteTip} placement=\"right\">\n                      <span onClick={() => onDelete(index)}>{deleteIcon}</span>\n                    </Tooltip>\n                  ) : (\n                    <span onClick={() => onDelete(index)}>{deleteIcon}</span>\n                  )}\n                </span>\n              )\n            }}\n          ></Column>\n        </Table>\n      </div>\n    )\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/array-input/index.js"],"names":[],"mappings":"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","sourcesContent":["import { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useEffect, useState } from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport Col from '../col'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\nimport Icon from '../icon'\nimport Button from '../button'\n\nimport './index.less'\n\nconst { Column } = Table\nconst getWidth = (span) => 1000 / span\n\nfunction ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  gutter = 10,\n  require = false,\n  deleteTip = '',\n  plusTip = '',\n  addText,\n  locale,\n  xProps = {},\n  renderAction,\n}) {\n  if (!isFunction(children)) {\n    throw new Error('ArrayInput的children必须是函数')\n  }\n  if (addText === undefined) {\n    addText = locale?.add\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    setValue(value)\n  }, [value])\n\n  const _onChange = useCallback((value) => {\n    if (onChange) {\n      onChange(value)\n    } else {\n      setValue(value)\n    }\n  }, [])\n\n  let inValue = _value || []\n  if (require && inValue.length === 0) {\n    inValue = [{}]\n  }\n\n  const changeValue = (index, name, value) => {\n    inValue[index] = {\n      ...inValue[index],\n      [name]: value,\n    }\n    _onChange([...inValue])\n  }\n\n  const onAdd = (index) => {\n    if (index === undefined) {\n      _onChange([...inValue, {}])\n    } else {\n      inValue.splice(index + 1, 0, {})\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  if (mode === 'list') {\n    return (\n      <div className=\"tntd-array-input\">\n        {inValue.map((item, index) => {\n          let fields = children(item, index)\n          if (!isArray(fields)) {\n            fields = get(fields, 'props.children', [])\n          }\n          const actionSpan = 24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24)\n          return (\n            <Row gutter={gutter} key={index} className=\"tntd-array-input-item\">\n              {fields.map((field, i) => {\n                if (!isValidElement(field)) {\n                  return field ? (\n                    <Col span={4} key={i}>\n                      {field}\n                    </Col>\n                  ) : (\n                    ''\n                  )\n                }\n                const { name, span = 4, onChange: fieldChange, ...other } = field?.props\n                return (\n                  <Col span={span} key={i}>\n                    {React.cloneElement(field, {\n                      value: item[name] || undefined,\n                      onChange: (e) => {\n                        fieldChange && fieldChange(e, index, changeValue)\n                        const newValue = e.target ? e.target.value : e\n                        changeValue(index, name, newValue)\n                      },\n                      ...other,\n                    })}\n                  </Col>\n                )\n              })}\n              <Col span={actionSpan}>\n                <span className=\"tntd-array-input-action\">\n                  {renderAction ? (\n                    renderAction(item, index, onDelete, onAdd)\n                  ) : (\n                    <>\n                      {deleteTip ? (\n                        <Tooltip title={deleteTip}>\n                          <span onClick={() => onDelete(index)}>\n                            <Icon type=\"delete\" />\n                          </span>\n                        </Tooltip>\n                      ) : (\n                        <span onClick={() => onDelete(index)}>\n                          <Icon type=\"delete\" />\n                        </span>\n                      )}\n                    </>\n                  )}\n                </span>\n              </Col>\n            </Row>\n          )\n        })}\n        <Button type=\"link\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  } else {\n    let fields = children({}, 0)\n    if (!isArray(fields)) {\n      fields = get(fields, 'props.children', [])\n    }\n    const dataSource = inValue.map((value, index) => {\n      const fields = children(value, index)\n      const back = {}\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n    return (\n      <div className=\"tntd-array-input\">\n        <Table dataSource={dataSource} pagination={false} bordered {...xProps}>\n          {fields.map((field) => {\n            const { name, span, title } = field?.props || {}\n            return (\n              <Column\n                key={name}\n                dataIndex={name}\n                title={title}\n                width={getWidth(span || 24 / (fields.length + 1))}\n                render={(field, row, index) => {\n                  if (!isValidElement(field)) {\n                    return field\n                  }\n                  const { onChange: fieldChange } = field.props\n                  return React.cloneElement(field, {\n                    value: inValue[index][name] || undefined,\n                    onChange: (e) => {\n                      fieldChange && fieldChange(e, index, changeValue)\n                      const newValue = e.target ? e.target.value : e\n                      changeValue(index, name, newValue)\n                    },\n                  })\n                }}\n              ></Column>\n            )\n          })}\n          <Column\n            key=\"action\"\n            dataIndex=\"action\"\n            title=\"操作\"\n            width={getWidth(24 - (sumBy(fields, 'props.span') % 24))}\n            render={(text, row, index) => {\n              if (renderAction) {\n                return renderAction(row, index, onDelete, onAdd)\n              }\n              return (\n                <span className=\"tntd-array-input-action\">\n                  {deleteTip ? (\n                    <Tooltip title={deleteTip}>\n                      <span onClick={() => onDelete(index)}>\n                        <Icon type=\"delete\" />\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <span onClick={() => onDelete(index)}>\n                      <Icon type=\"delete\" />\n                    </span>\n                  )}\n                </span>\n              )\n            }}\n          ></Column>\n        </Table>\n        <Button type=\"dashed\" block className=\"mt10\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  }\n}\n\nexport default function WarpArrayInput(props) {\n  return (\n    <LocaleReceiver componentName=\"ArrayInput\">\n      {(locale) => {\n        return <ArrayInput {...props} locale={locale} />\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}

package/es/array-input/index.less

@@ -11,8 +11,11 @@
   .mr10 {
     margin-right: 10px;
   }
+  .mt10 {
+    margin-top: 10px;
+  }
   &-action {
-    line-height: 28px;
+    line-height: @btn-height-base;
     > span {
       cursor: pointer;
     }

package/es/auto-complete/index.js

@@ -1,4 +1,4 @@
 import AutoComplete from 'antd/es/auto-complete';
-import 'antd/es/auto-complete/style';
+import './style';
 export * from 'antd/es/auto-complete';
 export default AutoComplete;

package/es/auto-complete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/auto-complete/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAEhD,OAAO,6BAA6B,CAAA;AAEpC,cAAc,uBAAuB,CAAA;AAErC,eAAe,YAAY,CAAA","sourcesContent":["import AutoComplete from 'antd/es/auto-complete'\n\nimport 'antd/es/auto-complete/style'\n\nexport * from 'antd/es/auto-complete'\n\nexport default AutoComplete\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/auto-complete/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,cAAc,uBAAuB,CAAA;AAErC,eAAe,YAAY,CAAA","sourcesContent":["import AutoComplete from 'antd/es/auto-complete'\n\nimport './style'\n\nexport * from 'antd/es/auto-complete'\n\nexport default AutoComplete\n"]}

package/es/auto-complete/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../select/style';
+import '../../input/style';

package/es/auto-complete/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/auto-complete/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../select/style'\nimport '../../input/style'\n"]}