tntd 3.0.51 → 3.0.52-beta.1

package/es/anchor/anchor.js

@@ -24,10 +24,17 @@ Object.keys(_anchor).forEach(function (key) {
 });
 var _AnchorLink = _interopRequireDefault(require("antd/es/anchor/AnchorLink"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _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];
@@ -60,7 +67,15 @@ var AnchorLink = (0, _react.forwardRef)(function (props, ref) {
   return _react["default"].createElement(_AnchorLink["default"], Object.assign({
     ref: ref,
     href: href
-  }, restProps), children);
+  }, restProps, {
+    title: _react["default"].createElement(_ellipsis["default"], {
+      placement: "left",
+      title: restProps === null || restProps === void 0 ? void 0 : restProps.title,
+      getPopupContainer: function getPopupContainer(node) {
+        return node.closest('.ant-affix');
+      }
+    })
+  }), children);
 });
 // 新增 Anchor 组件
 var Anchor = exports.Anchor = (0, _react.forwardRef)(function (props, ref) {
@@ -69,25 +84,51 @@ var Anchor = exports.Anchor = (0, _react.forwardRef)(function (props, ref) {
     _props$tdAnchor = props.tdAnchor,
     tdAnchor = _props$tdAnchor === void 0 ? false : _props$tdAnchor,
     restProps = __rest(props, ["className", "children", "tdAnchor"]);
-  var isScrolling = (0, _useScrollLock["default"])({
-    debounceTime: 400,
-    throttleTime: 50,
-    enableScrollObserver: tdAnchor
-  });
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorLocked = _useState2[0],
+    setAnchorLocked = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorMove = _useState4[0],
+    setAnchorMove = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (tdAnchor) {
+      return function () {
+        setAnchorLocked(false);
+        setAnchorMove(false);
+      };
+    }
+  }, [tdAnchor]);
   return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
     var getPrefixCls = _ref.getPrefixCls;
     var prefixCls = getPrefixCls('anchor');
     var anchorClass = (0, _classnames["default"])(prefixCls, className, {
       'tnt-anchor': true,
       'tnt-td-anchor': tdAnchor,
-      'tnt-anchor-hide': isScrolling
+      'tnt-anchor-show': anchorLocked
     });
     return _react["default"].createElement(_anchor["default"], Object.assign({
       ref: ref,
       className: anchorClass
     }, restProps, {
       showInkInFixed: true
-    }), children);
+    }), tdAnchor ? _react["default"].createElement("div", {
+      key: anchorMove ? 'move' : 'static',
+      onMouseEnter: function onMouseEnter() {
+        return setAnchorMove(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setAnchorMove(false);
+      }
+    }, children, !!tdAnchor && _react["default"].createElement("div", {
+      className: "tnt-anchor-icon"
+    }, _react["default"].createElement(_icon["default"], {
+      onClick: function onClick() {
+        return setAnchorLocked(!anchorLocked);
+      },
+      type: anchorLocked ? 'close' : 'pushpin'
+    }))) : children);
   });
 });
 // 新增 AnchorLink 组件

package/es/anchor/anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../../src/anchor/anchor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAExD,cAAc,gBAAgB,CAAA;AAM9B,mBAAmB;AACnB,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK;IAE9C,YAAY;MAFN,oBAAgC,CAAQ,CAAA;IAE9C,YAAY;IACZ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAA;QACtD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAM,SAAS,GAChD,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,eAAe;AACf,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA/D,qCAAuD,CAAQ,CAAA;IACrE,MAAM,WAAW,GAAG,aAAa,CAAC;QAChC,YAAY,EAAE,GAAG;QACjB,YAAY,EAAE,EAAE;QAChB,oBAAoB,EAAE,QAAQ;KAC/B,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxC,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACnD,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,QAAQ;YACzB,iBAAiB,EAAE,WAAW;SAC/B,CAAC,CAAA;QACF,OAAO,CACL,oBAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAM,SAAS,IAAE,cAAc,EAAE,IAAI,KAC9E,QAAQ,CACE,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAoB,CAAA;AAErB,mBAAmB;AACnB,qBAAqB;AACrB,MAAM,CAAC,IAAI,GAAG,UAAU,CAAA;AAExB,eAAe,MAAM,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport { ConfigConsumer } from '../config-provider'\nimport type { AnchorProps as AntdAnchorProps, AnchorLinkProps } from 'antd/es/anchor'\nimport { default as AntdAnchor } from 'antd/es/anchor'\nimport { default as AntdAnchorLink } from 'antd/es/anchor/AnchorLink'\nimport classNames from 'classnames'\nimport useScrollLock from '../_util/hooks/useScrollLock'\n\nexport * from 'antd/es/anchor'\n\nexport interface AnchorProps extends AntdAnchorProps {\n  tdAnchor?: boolean\n}\n\n// 新增 AnchorLink 组件\nconst AnchorLink = forwardRef<AntdAnchorLink, AnchorLinkProps>((props, ref) => {\n  const { href, children, ...restProps } = props\n\n  // 简单的错误处理示例\n  if (typeof href !== 'string') {\n    console.error('Invalid href prop. Expected a string.')\n    return null\n  }\n\n  return (\n    <AntdAnchorLink ref={ref} href={href} {...restProps}>\n      {children}\n    </AntdAnchorLink>\n  )\n})\n\ninterface AnchorComponent\n  extends React.ForwardRefExoticComponent<AnchorProps & React.RefAttributes<AntdAnchor>> {\n  Link: typeof AnchorLink\n}\n\n// 新增 Anchor 组件\nexport const Anchor = forwardRef<AntdAnchor, AnchorProps>((props, ref) => {\n  const { className, children, tdAnchor = false, ...restProps } = props\n  const isScrolling = useScrollLock({\n    debounceTime: 400,\n    throttleTime: 50,\n    enableScrollObserver: tdAnchor,\n  })\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('anchor')\n        const anchorClass = classNames(prefixCls, className, {\n          'tnt-anchor': true,\n          'tnt-td-anchor': tdAnchor,\n          'tnt-anchor-hide': isScrolling,\n        })\n        return (\n          <AntdAnchor ref={ref} className={anchorClass} {...restProps} showInkInFixed={true}>\n            {children}\n          </AntdAnchor>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as AnchorComponent\n\n// 新增 AnchorLink 组件\n// 保留 Anchor.Link 的关系\nAnchor.Link = AnchorLink\n\nexport default Anchor\n"]}
+{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../../src/anchor/anchor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAMlC,mBAAmB;AACnB,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK;IAE9C,YAAY;MAFN,oBAAgC,CAAQ,CAAA;IAE9C,YAAY;IACZ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAA;QACtD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IACN,SAAS,IACb,KAAK,EACH,oBAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACvB,iBAAiB,EAAE,CAAC,IAAa,EAAE,EAAE;gBACnC,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAgB,CAAA;YAClD,CAAC,GACD,KAGH,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,eAAe;AACf,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA/D,qCAAuD,CAAQ,CAAA;IAErE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,OAAO,GAAG,EAAE;gBACV,eAAe,CAAC,KAAK,CAAC,CAAA;gBACtB,aAAa,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxC,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACnD,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,QAAQ;YACzB,iBAAiB,EAAE,YAAY;SAChC,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAM,SAAS,IAAE,cAAc,EAAE,IAAI,KAC9E,QAAQ,CAAC,CAAC,CAAC,CACV,6BACE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;YAEvC,QAAQ;YACR,CAAC,CAAC,QAAQ,IAAI,CACb,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,oBAAC,IAAI,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACxC,CACE,CACP,CACG,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAoB,CAAA;AAErB,mBAAmB;AACnB,qBAAqB;AACrB,MAAM,CAAC,IAAI,GAAG,UAAU,CAAA;AAExB,eAAe,MAAM,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useState, useEffect } from 'react'\nimport { ConfigConsumer } from '../config-provider'\nimport type { AnchorProps as AntdAnchorProps, AnchorLinkProps } from 'antd/es/anchor'\nimport { default as AntdAnchor } from 'antd/es/anchor'\nimport { default as AntdAnchorLink } from 'antd/es/anchor/AnchorLink'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/anchor'\nimport Icon from '../icon'\nimport Ellipsis from '../ellipsis'\n\nexport interface AnchorProps extends AntdAnchorProps {\n  tdAnchor?: boolean\n}\n\n// 新增 AnchorLink 组件\nconst AnchorLink = forwardRef<AntdAnchorLink, AnchorLinkProps>((props, ref) => {\n  const { href, children, ...restProps } = props\n\n  // 简单的错误处理示例\n  if (typeof href !== 'string') {\n    console.error('Invalid href prop. Expected a string.')\n    return null\n  }\n\n  return (\n    <AntdAnchorLink\n      ref={ref}\n      href={href}\n      {...restProps}\n      title={\n        <Ellipsis\n          placement=\"left\"\n          title={restProps?.title}\n          getPopupContainer={(node: Element) => {\n            return node.closest('.ant-affix') as HTMLElement\n          }}\n        />\n      }\n    >\n      {children}\n    </AntdAnchorLink>\n  )\n})\n\ninterface AnchorComponent\n  extends React.ForwardRefExoticComponent<AnchorProps & React.RefAttributes<AntdAnchor>> {\n  Link: typeof AnchorLink\n}\n\n// 新增 Anchor 组件\nexport const Anchor = forwardRef<AntdAnchor, AnchorProps>((props, ref) => {\n  const { className, children, tdAnchor = false, ...restProps } = props\n\n  const [anchorLocked, setAnchorLocked] = useState(false)\n  const [anchorMove, setAnchorMove] = useState(false)\n\n  useEffect(() => {\n    if (tdAnchor) {\n      return () => {\n        setAnchorLocked(false)\n        setAnchorMove(false)\n      }\n    }\n  }, [tdAnchor])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('anchor')\n        const anchorClass = classNames(prefixCls, className, {\n          'tnt-anchor': true,\n          'tnt-td-anchor': tdAnchor,\n          'tnt-anchor-show': anchorLocked,\n        })\n\n        return (\n          <AntdAnchor ref={ref} className={anchorClass} {...restProps} showInkInFixed={true}>\n            {tdAnchor ? (\n              <div\n                key={anchorMove ? 'move' : 'static'}\n                onMouseEnter={() => setAnchorMove(true)}\n                onMouseLeave={() => setAnchorMove(false)}\n              >\n                {children}\n                {!!tdAnchor && (\n                  <div className=\"tnt-anchor-icon\">\n                    <Icon\n                      onClick={() => setAnchorLocked(!anchorLocked)}\n                      type={anchorLocked ? 'close' : 'pushpin'}\n                    />\n                  </div>\n                )}\n              </div>\n            ) : (\n              children\n            )}\n          </AntdAnchor>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as AnchorComponent\n\n// 新增 AnchorLink 组件\n// 保留 Anchor.Link 的关系\nAnchor.Link = AnchorLink\n\nexport default Anchor\n"]}

package/es/anchor/anchor.less

@@ -1,6 +1,6 @@
 // 使用 Less 变量管理层级参数
 @anchor-level: 10;
-@anchor-indent-step: 8px; // 每级递进步长
+@anchor-indent-step: 12px; // 每级递进步长
 @anchor-active-line-left: 2px; // 激活线基准位置
 
 
@@ -18,6 +18,7 @@
   .ant-anchor-link {
     padding: 0 0 0 8px;
     position: relative;
+    max-width: calc(220px - 8px);
   
     // 通用激活线样式
     &-active::before {
@@ -52,6 +53,8 @@
     .level-indent(@level) when (@level < @anchor-level) { // 生成最多10级
       .ant-anchor-link {
         padding-left: @anchor-indent-step;
+        max-width: calc(220px - @anchor-indent-step * @level - 8px);
+        min-width: 0;
 
         // 激活线递进算法
         &.ant-anchor-link-active::before {
@@ -65,15 +68,47 @@
     // 初始化递归生成
     .level-indent(1);
   }
+}
 
+.tnt-td-anchor-styles() {
+  max-width: 278px; // 220+24+32+2
+  .ant-anchor {
+    padding-right: 24px;
+  }
+  .tnt-anchor-icon {
+    opacity: 1;
+    transition: all 0.1s linear 0.1s; 
+  }
 }
 
+.ant-affix:hover .tnt-td-anchor {
+  .tnt-td-anchor-styles();
+}
 
-.tnt-anchor.tnt-td-anchor{
-  &.tnt-anchor-hide{
-    width: 32px;
-    overflow-x: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* 平滑缓动曲线 */
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* 反向缓动 */
+.tnt-anchor.tnt-td-anchor {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 32px;
+  transition: all 0.1s linear;
+  &.tnt-anchor-show,
+  &:hover {
+    .tnt-td-anchor-styles();
+  }
+  .ant-anchor{
+      overflow: hidden;
+  }
+  .tnt-anchor-icon{
+      opacity: 0;
+      position: absolute;
+      right: 0;
+      top: 2px;
+      height: 18px;
+      width: 18px;
+      cursor: pointer;
+      transition: all 0.1s linear; 
+      .tntd-anticon{
+        font-size: 18px;
+      }
   }
 }

package/es/array-input/index.js

@@ -106,6 +106,7 @@ function ArrayInput(_ref) {
     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,
@@ -221,9 +222,12 @@ function ArrayInput(_ref) {
           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) {
@@ -232,7 +236,9 @@ function ArrayInput(_ref) {
             changeValue(index, name, newValue);
           },
           disabled: disabled
-        }, other)));
+        }, 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", {
@@ -318,16 +324,22 @@ function ArrayInput(_ref) {
           if (!(0, _react.isValidElement)(field)) {
             return field;
           }
-          var fieldChange = field.props.onChange;
-          return _react["default"].cloneElement(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: disabled
-          });
+              changeValue(index, name, newValue), disabled;
+            }
+          }), isError && _react["default"].createElement("div", {
+            className: "ant-form-item-explain-error"
+          }, isError));
         }
       });
     }), !disabled && _react["default"].createElement(Column, {
@@ -335,13 +347,12 @@ function ArrayInput(_ref) {
       dataIndex: "action",
       title: locale.action,
       width: actionWidth,
+      className: "tntd-array-input-action",
       render: function render(text, row, index) {
         if (renderAction) {
           return renderAction(row, index, onDelete, onAdd);
         }
-        return _react["default"].createElement("span", {
-          className: "tntd-array-input-action"
-        }, deleteTip ? _react["default"].createElement(_tooltip["default"], {
+        return _react["default"].createElement(_react["default"].Fragment, null, deleteTip ? _react["default"].createElement(_tooltip["default"], {
           title: deleteTip
         }, _react["default"].createElement("span", {
           onClick: function onClick() {

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 { DndContext } from '@dnd-kit/core'\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport Button from '../button'\nimport Col from '../col'\nimport Icon from '../icon'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\nimport './index.less'\n\nconst { Column } = Table\nconst RowContext = React.createContext({})\nlet key = 1\n\nfunction DragHandle() {\n  const { setActivatorNodeRef, listeners } = useContext(RowContext)\n  return (\n    <Button\n      className=\"drag-btn\"\n      type=\"tertiary\"\n      size=\"small\"\n      icon=\"drag\"\n      ref={setActivatorNodeRef}\n      {...listeners}\n    />\n  )\n}\nfunction BodyRow(props) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: props['data-row-key'],\n  })\n  const style = {\n    ...props.style,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n        }\n      : {}),\n  }\n  const contextValue = useMemo(\n    () => ({\n      setActivatorNodeRef,\n      listeners,\n    }),\n    [setActivatorNodeRef, listeners]\n  )\n  return (\n    <RowContext.Provider value={contextValue}>\n      <tr {...props} ref={setNodeRef} style={style} {...attributes} />\n    </RowContext.Provider>\n  )\n}\n\nfunction ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  drag = false, // 只做了table的拖拽排序\n  gutter = 10,\n  require = false,\n  deleteTip = '',\n  plusTip = '',\n  addText,\n  locale,\n  xProps = {},\n  renderAction,\n  actionWidth = 80,\n  disabled = false,\n}) {\n  if (!isFunction(children)) {\n    throw new Error(locale.error)\n  }\n  if (addText === undefined) {\n    addText = locale?.add\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    let newValue = value\n    // 如果数组没有key\n    if (Array.isArray(value) && value.some((obj) => !obj.key)) {\n      newValue = value.map((obj) => ({ ...obj, key: obj.key || key++ }))\n      _onChange(newValue)\n    } else {\n      setValue(newValue)\n    }\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 = [{ key: key++ }]\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, { key: key++ }])\n    } else {\n      inValue.splice(index + 1, 0, { key: key++ })\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  const onDragEnd = ({ active, over }) => {\n    if (active.id !== over?.id) {\n      _onChange((prevState) => {\n        const activeIndex = prevState.findIndex((record) => record.key === active?.id)\n        const overIndex = prevState.findIndex((record) => record.key === over?.id)\n        return arrayMove(prevState, activeIndex, overIndex)\n      })\n    }\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                      disabled,\n                      ...other,\n                    })}\n                  </Col>\n                )\n              })}\n              {!disabled && (\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              )}\n            </Row>\n          )\n        })}\n        {!disabled && (\n          <Button type=\"link\" onClick={() => onAdd()}>\n            <Icon type=\"plus\" />\n            {addText}\n          </Button>\n        )}\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 = { key: value.key }\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n\n    return (\n      <div className=\"tntd-array-input\">\n        <DndContext modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n          <SortableContext\n            items={dataSource.map((i) => i.key)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Table\n              dataSource={dataSource}\n              pagination={false}\n              components={{\n                body: {\n                  row: BodyRow,\n                },\n              }}\n              bordered\n              {...xProps}\n            >\n              {drag && (\n                <Column\n                  key=\"dragger\"\n                  dataIndex=\"dragger\"\n                  width={60}\n                  render={() => <DragHandle />}\n                ></Column>\n              )}\n              {fields.map((field) => {\n                const { name, width = 160, title } = field?.props || {}\n                return (\n                  <Column\n                    key={name}\n                    dataIndex={name}\n                    title={title}\n                    width={width}\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                        disabled,\n                      })\n                    }}\n                  ></Column>\n                )\n              })}\n              {!disabled && (\n                <Column\n                  key=\"action\"\n                  dataIndex=\"action\"\n                  title={locale.action}\n                  width={actionWidth}\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              )}\n            </Table>\n          </SortableContext>\n        </DndContext>\n        {!disabled && (\n          <Button type=\"dashed\" block className=\"mt10\" onClick={() => onAdd()}>\n            <Icon type=\"plus\" />\n            {addText}\n          </Button>\n        )}\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/array-input/index.js"],"names":[],"mappings":"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","sourcesContent":["import { DndContext } from '@dnd-kit/core'\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport Button from '../button'\nimport Col from '../col'\nimport Icon from '../icon'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\nimport './index.less'\n\nconst { Column } = Table\nconst RowContext = React.createContext({})\nlet key = 1\n\nfunction DragHandle() {\n  const { setActivatorNodeRef, listeners } = useContext(RowContext)\n  return (\n    <Button\n      className=\"drag-btn\"\n      type=\"tertiary\"\n      size=\"small\"\n      icon=\"drag\"\n      ref={setActivatorNodeRef}\n      {...listeners}\n    />\n  )\n}\nfunction BodyRow(props) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: props['data-row-key'],\n  })\n  const style = {\n    ...props.style,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n        }\n      : {}),\n  }\n  const contextValue = useMemo(\n    () => ({\n      setActivatorNodeRef,\n      listeners,\n    }),\n    [setActivatorNodeRef, listeners]\n  )\n  return (\n    <RowContext.Provider value={contextValue}>\n      <tr {...props} ref={setNodeRef} style={style} {...attributes} />\n    </RowContext.Provider>\n  )\n}\n\nfunction ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  drag = false, // 只做了table的拖拽排序\n  gutter = 10,\n  require = false,\n  errorMap,\n  deleteTip = '',\n  plusTip = '',\n  addText,\n  locale,\n  xProps = {},\n  renderAction,\n  actionWidth = 80,\n  disabled = false,\n}) {\n  if (!isFunction(children)) {\n    throw new Error(locale.error)\n  }\n  if (addText === undefined) {\n    addText = locale?.add\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    let newValue = value\n    // 如果数组没有key\n    if (Array.isArray(value) && value.some((obj) => !obj.key)) {\n      newValue = value.map((obj) => ({ ...obj, key: obj.key || key++ }))\n      _onChange(newValue)\n    } else {\n      setValue(newValue)\n    }\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 = [{ key: key++ }]\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, { key: key++ }])\n    } else {\n      inValue.splice(index + 1, 0, { key: key++ })\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  const onDragEnd = ({ active, over }) => {\n    if (active.id !== over?.id) {\n      _onChange((prevState) => {\n        const activeIndex = prevState.findIndex((record) => record.key === active?.id)\n        const overIndex = prevState.findIndex((record) => record.key === over?.id)\n        return arrayMove(prevState, activeIndex, overIndex)\n      })\n    }\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                const isError = errorMap ? errorMap[`${index}-${name}`] : ''\n                return (\n                  <Col span={span} key={i}>\n                    <div className={!isError ? 'tntd-array-input-hide-error' : ''}>\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                        disabled,\n                        ...other,\n                      })}\n                    </div>\n                    {isError && <div className=\"ant-form-item-explain-error\">{isError}</div>}\n                  </Col>\n                )\n              })}\n              {!disabled && (\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              )}\n            </Row>\n          )\n        })}\n        {!disabled && (\n          <Button type=\"link\" onClick={() => onAdd()}>\n            <Icon type=\"plus\" />\n            {addText}\n          </Button>\n        )}\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 = { key: value.key }\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n\n    return (\n      <div className=\"tntd-array-input\">\n        <DndContext modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n          <SortableContext\n            items={dataSource.map((i) => i.key)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Table\n              dataSource={dataSource}\n              pagination={false}\n              components={{\n                body: {\n                  row: BodyRow,\n                },\n              }}\n              bordered\n              {...xProps}\n            >\n              {drag && (\n                <Column\n                  key=\"dragger\"\n                  dataIndex=\"dragger\"\n                  width={60}\n                  render={() => <DragHandle />}\n                ></Column>\n              )}\n              {fields.map((field) => {\n                const { name, width = 160, title } = field?.props || {}\n                return (\n                  <Column\n                    key={name}\n                    dataIndex={name}\n                    title={title}\n                    width={width}\n                    render={(field, row, index) => {\n                      if (!isValidElement(field)) {\n                        return field\n                      }\n                      const { name, onChange: fieldChange } = field.props\n                      const isError = errorMap ? errorMap[`${index}-${name}`] : ''\n                      return (\n                        <div className={!isError ? 'tntd-array-input-hide-error' : ''}>\n                          {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), disabled\n                            },\n                          })}\n                          {isError && <div className=\"ant-form-item-explain-error\">{isError}</div>}\n                        </div>\n                      )\n                    }}\n                  ></Column>\n                )\n              })}\n              {!disabled && (\n                <Column\n                  key=\"action\"\n                  dataIndex=\"action\"\n                  title={locale.action}\n                  width={actionWidth}\n                  className=\"tntd-array-input-action\"\n                  render={(text, row, index) => {\n                    if (renderAction) {\n                      return renderAction(row, index, onDelete, onAdd)\n                    }\n                    return (\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                  }}\n                ></Column>\n              )}\n            </Table>\n          </SortableContext>\n        </DndContext>\n        {!disabled && (\n          <Button type=\"dashed\" block className=\"mt10\" onClick={() => onAdd()}>\n            <Icon type=\"plus\" />\n            {addText}\n          </Button>\n        )}\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

@@ -1,28 +1,157 @@
+@import '../style/themes/index';
+@import '../style/mixins/index';
+@import '../form/style/mixin.less';
+
+@form-prefix-cls: ~'@{ant-prefix}-form';
+
 .tntd-array-input {
+  line-height: 1.5;
+
   &-item {
     margin-bottom: 10px;
   }
+
+  .ant-form-item-explain-error {
+    font-size: 12px;
+  }
+
   .ant-col,
   .ant-table-row {
     .ant-select {
       width: 100%;
     }
   }
+
+  .ant-table-tbody > tr > td {
+    vertical-align: top;
+  }
+
   .mr10 {
     margin-right: 10px;
   }
+
   .mt10 {
     margin-top: 10px;
   }
+
   &-action {
     line-height: @btn-height-base;
+
     > span {
       cursor: pointer;
     }
   }
+
   .drag-btn {
     border: none;
     background-color: transparent;
     cursor: move;
   }
 }
+
+.has-error {
+  .tntd-array-input-hide-error {
+    .form-control-validation(@text-color; @border-color-base; @component-background; );
+
+    &.has-feedback .@{form-prefix-cls}-item-children-icon {
+      color: @text-color;
+      animation-name: diffZoomIn2 !important;
+    }
+
+    //select
+    .@{ant-prefix}-select {
+      &-selection {
+        border-color: @input-border-color;
+
+        &:hover {
+          border-color: @primary-color;
+        }
+      }
+
+      &-open .@{ant-prefix}-select-selection,
+      &-focused .@{ant-prefix}-select-selection {
+        .active();
+      }
+    }
+
+    .@{ant-prefix}-select.@{ant-prefix}-select-auto-complete {
+      .@{ant-prefix}-input:focus {
+        border-color: @primary-color;
+      }
+    }
+
+    .@{ant-prefix}-input-group-addon .@{ant-prefix}-select {
+      &-selection {
+        border-color: transparent;
+        box-shadow: none;
+      }
+    }
+
+    // arrow and icon
+    .@{ant-prefix}-calendar-picker-icon::after,
+    .@{ant-prefix}-time-picker-icon::after,
+    .@{ant-prefix}-picker-icon::after,
+    .@{ant-prefix}-select-arrow,
+    .@{ant-prefix}-cascader-picker-arrow {
+      color: @disabled-color;
+    }
+
+    //input-number, timepicker
+    .@{ant-prefix}-input-number,
+    .@{ant-prefix}-time-picker-input {
+      border-color: @input-border-color;
+
+      &-focused,
+      &:focus {
+        .active();
+      }
+
+      &:not([disabled]):hover {
+        border-color: @primary-color;
+      }
+    }
+
+    .@{ant-prefix}-mention-wrapper {
+      .@{ant-prefix}-mention-editor {
+        &,
+        &:not([disabled]):hover {
+          border-color: @primary-color;
+        }
+      }
+
+      &.@{ant-prefix}-mention-active:not([disabled]) .@{ant-prefix}-mention-editor,
+      .@{ant-prefix}-mention-editor:not([disabled]):focus {
+        .active();
+      }
+    }
+
+    .@{ant-prefix}-cascader-picker {
+      &:focus .@{ant-prefix}-cascader-input {
+        .active();
+      }
+
+      &:hover .@{ant-prefix}-cascader-input {
+        border-color: @input-border-color;
+      }
+    }
+
+    // transfer
+    .@{ant-prefix}-transfer {
+      &-list {
+        border-color: @input-border-color;
+
+        &-search:not([disabled]) {
+          border-color: @input-border-color;
+
+          &:hover {
+            .hover();
+          }
+
+          &:focus {
+            .active();
+          }
+        }
+      }
+    }
+  }
+}

package/es/form/style/index.less

@@ -274,11 +274,11 @@ form {
       top: -1px;
     }
     // safari下时间没对齐
-    .@{ant-prefix}-calendar-picker {
-        position: relative;
-        top: -1px;
-        vertical-align: middle;
-    }
+    // .@{ant-prefix}-calendar-picker {
+    //     position: relative;
+    //     top: -1px;
+    //     vertical-align: middle;
+    // }
   }
 }
 

package/es/form/style/mixin.less

@@ -1,12 +1,15 @@
 @import '../../input/style/mixin';
 
 .form-control-validation(@text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg) {
+
   .@{ant-prefix}-form-explain,
   .@{ant-prefix}-form-split {
     color: @text-color;
   }
+
   // 输入框的不同校验状态
   .@{ant-prefix}-input {
+
     &,
     &:hover {
       background-color: @background-color;
@@ -29,6 +32,7 @@
   // Input prefix
   .@{ant-prefix}-input-affix-wrapper {
     .@{ant-prefix}-input {
+
       &,
       &:hover {
         background-color: @background-color;
@@ -123,4 +127,4 @@
     font-size: @font-size-base;
     line-height: @line-height-base;
   }
-}
+}

package/es/index.js

@@ -369,6 +369,12 @@ Object.defineProperty(exports, "Row", {
     return _row["default"];
   }
 });
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function get() {
+    return _scrollBar["default"];
+  }
+});
 Object.defineProperty(exports, "Segmented", {
   enumerable: true,
   get: function get() {
@@ -690,6 +696,7 @@ var _renderEmpty = _interopRequireDefault(require("./render-empty"));
 var _waterMark = _interopRequireDefault(require("./water-mark"));
 var _segmented = _interopRequireDefault(require("./segmented"));
 var _checkCard = _interopRequireDefault(require("./check-card"));
+var _scrollBar = _interopRequireDefault(require("./scroll-bar"));
 var _tntdLayout = _interopRequireDefault(require("./tntd-layout"));
 var _authContext = _interopRequireDefault(require("./auth-context"));
 var _queryForm = _interopRequireDefault(require("./query-form"));