tntd 3.0.47 → 3.0.48-beta.1

package/lib/_util/hooks/useScrollLock.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
+var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
+var _react = require("react");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+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;
+}
+// ==================== 优化版 Hook ====================
+var _default = exports["default"] = function _default(config) {
+  var _ref = config || {},
+    _ref$enableScrollObse = _ref.enableScrollObserver,
+    enableScrollObserver = _ref$enableScrollObse === void 0 ? true : _ref$enableScrollObse,
+    _ref$debounceTime = _ref.debounceTime,
+    debounceTime = _ref$debounceTime === void 0 ? 100 : _ref$debounceTime,
+    _ref$throttleTime = _ref.throttleTime,
+    throttleTime = _ref$throttleTime === void 0 ? 50 : _ref$throttleTime,
+    _ref$scrollContainer = _ref.scrollContainer,
+    scrollContainer = _ref$scrollContainer === void 0 ? window : _ref$scrollContainer;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrolling = _useState2[0],
+    setIsScrolling = _useState2[1];
+  var throttledHandlerRef = (0, _react.useRef)();
+  var debouncedEndRef = (0, _react.useRef)();
+  // ==================== 核心逻辑 ====================
+  var handleScroll = (0, _react.useCallback)(function () {
+    var _a;
+    // 标记开始滚动
+    setIsScrolling(true);
+    // 启动防抖结束检测
+    (_a = debouncedEndRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+    debouncedEndRef.current = (0, _debounce2["default"])(function () {
+      return setIsScrolling(false);
+    }, debounceTime);
+    debouncedEndRef.current();
+  }, [debounceTime]);
+  // ==================== 事件监听 ====================
+  (0, _react.useEffect)(function () {
+    var container = scrollContainer || window;
+    if (!container || !enableScrollObserver) return;
+    // 使用 lodash 节流包装处理函数
+    throttledHandlerRef.current = (0, _throttle2["default"])(handleScroll, throttleTime, {
+      leading: true,
+      trailing: true
+    });
+    var options = {
+      passive: true
+    };
+    container.addEventListener('scroll', throttledHandlerRef.current, options);
+    return function () {
+      var _a, _b;
+      // 清理事件和定时器
+      container.removeEventListener('scroll', throttledHandlerRef.current, options);
+      (_a = throttledHandlerRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+      (_b = debouncedEndRef.current) === null || _b === void 0 ? void 0 : _b.cancel();
+    };
+  }, [handleScroll, scrollContainer, enableScrollObserver, throttleTime]);
+  return isScrolling;
+};

package/lib/_util/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../../src/_util/hooks/useScrollLock.ts"],"names":[],"mappings":";;AAAA,iCAAgE;AAChE,mCAA2C;AAU3C,qDAAqD;AACrD,kBAAe,CAAC,MAA4B,EAAE,EAAE;IAC9C,MAAM,EACJ,oBAAoB,GAAG,IAAI,EAC3B,YAAY,GAAG,GAAG,EAClB,YAAY,GAAG,EAAE,EACjB,eAAe,GAAG,MAAM,GACzB,GAAG,MAAM,IAAI,EAAE,CAAA;IAEhB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,MAAM,mBAAmB,GAAG,IAAA,cAAM,GAA+B,CAAA;IACjE,MAAM,eAAe,GAAG,IAAA,cAAM,GAA+B,CAAA;IAE7D,iDAAiD;IACjD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QACpC,SAAS;QACT,cAAc,CAAC,IAAI,CAAC,CAAA;QAEpB,WAAW;QACX,MAAA,eAAe,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAA;QACjC,eAAe,CAAC,OAAO,GAAG,IAAA,iBAAQ,EAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,CAAA;QAC7E,eAAe,CAAC,OAAO,EAAE,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,iDAAiD;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,eAAe,IAAI,MAAM,CAAA;QAC3C,IAAI,CAAC,SAAS,IAAI,CAAC,oBAAoB;YAAE,OAAM;QAE/C,qBAAqB;QACrB,mBAAmB,CAAC,OAAO,GAAG,IAAA,iBAAQ,EAAC,YAAY,EAAE,YAAY,EAAE;YACjE,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAA;QAEF,MAAM,OAAO,GAA4B,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;QAC1D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAE1E,OAAO,GAAG,EAAE;;YACV,WAAW;YACX,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,OAAQ,EAAE,OAAO,CAAC,CAAA;YAC9E,MAAA,mBAAmB,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAA;YACrC,MAAA,eAAe,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAA;IAEvE,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react'\nimport { throttle, debounce } from 'lodash'\n\n// ==================== 类型定义 ====================\ninterface ScrollControlConfig {\n  debounceTime?: number // 防抖时间 (默认: 100ms)\n  throttleTime?: number // 节流时间 (默认: 50ms)\n  scrollContainer?: HTMLElement | Window | null\n  enableScrollObserver?: boolean\n}\n\n// ==================== 优化版 Hook ====================\nexport default (config?: ScrollControlConfig) => {\n  const {\n    enableScrollObserver = true,\n    debounceTime = 100,\n    throttleTime = 50,\n    scrollContainer = window,\n  } = config || {}\n\n  const [isScrolling, setIsScrolling] = useState(false)\n  const throttledHandlerRef = useRef<ReturnType<typeof throttle>>()\n  const debouncedEndRef = useRef<ReturnType<typeof debounce>>()\n\n  // ==================== 核心逻辑 ====================\n  const handleScroll = useCallback(() => {\n    // 标记开始滚动\n    setIsScrolling(true)\n\n    // 启动防抖结束检测\n    debouncedEndRef.current?.cancel()\n    debouncedEndRef.current = debounce(() => setIsScrolling(false), debounceTime)\n    debouncedEndRef.current()\n  }, [debounceTime])\n\n  // ==================== 事件监听 ====================\n  useEffect(() => {\n    const container = scrollContainer || window\n    if (!container || !enableScrollObserver) return\n\n    // 使用 lodash 节流包装处理函数\n    throttledHandlerRef.current = throttle(handleScroll, throttleTime, {\n      leading: true,\n      trailing: true,\n    })\n\n    const options: AddEventListenerOptions = { passive: true }\n    container.addEventListener('scroll', throttledHandlerRef.current, options)\n\n    return () => {\n      // 清理事件和定时器\n      container.removeEventListener('scroll', throttledHandlerRef.current!, options)\n      throttledHandlerRef.current?.cancel()\n      debouncedEndRef.current?.cancel()\n    }\n  }, [handleScroll, scrollContainer, enableScrollObserver, throttleTime])\n\n  return isScrolling\n}\n"]}

package/lib/anchor/anchor.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { AnchorProps as AntdAnchorProps, AnchorLinkProps } from 'antd/lib/anchor';
+import { default as AntdAnchor } from 'antd/lib/anchor';
+import { default as AntdAnchorLink } from 'antd/lib/anchor/AnchorLink';
+export * from 'antd/lib/anchor';
+export interface AnchorProps extends AntdAnchorProps {
+    tdAnchor?: boolean;
+}
+declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<AntdAnchorLink>>;
+interface AnchorComponent extends React.ForwardRefExoticComponent<AnchorProps & React.RefAttributes<AntdAnchor>> {
+    Link: typeof AnchorLink;
+}
+export declare const Anchor: AnchorComponent;
+export default Anchor;
+//# sourceMappingURL=anchor.d.ts.map

package/lib/anchor/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/anchor/anchor.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAIrE,cAAc,gBAAgB,CAAA;AAE9B,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,QAAA,MAAM,UAAU,wFAcd,CAAA;AAEF,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtF,IAAI,EAAE,OAAO,UAAU,CAAA;CACxB;AAGD,eAAO,MAAM,MAAM,iBAwBE,CAAA;AAMrB,eAAe,MAAM,CAAA"}

package/lib/anchor/anchor.js

@@ -0,0 +1,131 @@
+"use strict";
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Anchor: true
+};
+exports["default"] = exports.Anchor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _anchor = _interopRequireWildcard(require("antd/lib/anchor"));
+Object.keys(_anchor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _anchor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _anchor[key];
+    }
+  });
+});
+var _AnchorLink = _interopRequireDefault(require("antd/lib/anchor/AnchorLink"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
+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;
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2023-10-26 09:46:28
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2023-10-31 09:59:35
+ * @FilePath: /tntd/packages/tntd/src/button/button.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+// 新增 AnchorLink 组件
+var AnchorLink = (0, _react.forwardRef)(function (props, ref) {
+  var href = props.href,
+    children = props.children,
+    restProps = __rest(props
+    // 简单的错误处理示例
+    , ["href", "children"]);
+  // 简单的错误处理示例
+  if (typeof href !== 'string') {
+    console.error('Invalid href prop. Expected a string.');
+    return null;
+  }
+  return _react["default"].createElement(_AnchorLink["default"], Object.assign({
+    ref: ref,
+    href: href
+  }, restProps), children);
+});
+// 新增 Anchor 组件
+var Anchor = exports.Anchor = (0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    _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
+  });
+  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
+    });
+    return _react["default"].createElement(_anchor["default"], Object.assign({
+      ref: ref,
+      className: anchorClass
+    }, restProps, {
+      showInkInFixed: true
+    }), children);
+  });
+});
+// 新增 AnchorLink 组件
+// 保留 Anchor.Link 的关系
+Anchor.Link = AnchorLink;
+var _default = exports["default"] = Anchor;

package/lib/anchor/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../../src/anchor/anchor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AACzC,wDAAmD;AAEnD,4DAAsD;AACtD,2EAAqE;AACrE,4DAAmC;AACnC,iFAAwD;AAExD,iDAA8B;AAM9B,mBAAmB;AACnB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAkC,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,8BAAC,oBAAc,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAM,SAAS,GAChD,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,eAAe;AACF,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA0B,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,IAAA,uBAAa,EAAC;QAChC,YAAY,EAAE,GAAG;QACjB,YAAY,EAAE,EAAE;QAChB,oBAAoB,EAAE,QAAQ;KAC/B,CAAC,CAAA;IACF,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxC,MAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;YACnD,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,QAAQ;YACzB,iBAAiB,EAAE,WAAW;SAC/B,CAAC,CAAA;QACF,OAAO,CACL,8BAAC,gBAAU,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,cAAM,CAAC,IAAI,GAAG,UAAU,CAAA;AAExB,kBAAe,cAAM,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/lib/anchor'\nimport { default as AntdAnchor } from 'antd/lib/anchor'\nimport { default as AntdAnchorLink } from 'antd/lib/anchor/AnchorLink'\nimport classNames from 'classnames'\nimport useScrollLock from '../_util/hooks/useScrollLock'\n\nexport * from 'antd/lib/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"]}

package/lib/anchor/anchor.less

@@ -0,0 +1,79 @@
+// 使用 Less 变量管理层级参数
+@anchor-level: 10;
+@anchor-indent-step: 8px; // 每级递进步长
+@anchor-active-line-left: 2px; // 激活线基准位置
+
+
+.tnt-td-anchor{
+  background: #fff;
+  border-radius: calc(@border-radius-base * 2);
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
+  padding: 16px 16px 8px 16px;
+  right:0;
+  position: absolute;
+  
+  .ant-anchor-ink-ball {
+    display: none !important;
+  }
+  .ant-anchor-link {
+    padding: 0 0 0 8px;
+    position: relative;
+  
+    // 通用激活线样式
+    &-active::before {
+      content: " ";
+      position: absolute;
+      left: -@anchor-active-line-left;
+      top: 0;
+      bottom: 0;
+      height: 24px;
+      width: @anchor-active-line-left;
+      background: @primary-color;
+      transition: top 0.3s ease-in-out;
+    }
+  
+    // 文字样式统一管理
+    &-title {
+      color: @text-color-secondary;
+      transition: none !important;
+      margin-bottom: 0;
+      padding-top: 4px;
+      padding-bottom: 4px;
+      margin-bottom: 10px;
+      // 激活状态文字样式
+      &.ant-anchor-link-title-active{
+        color: @text-color;
+        font-weight: 600;
+        transition: none !important;
+      }
+    }
+  
+    // 层级递进生成器
+    .level-indent(@level) when (@level < @anchor-level) { // 生成最多10级
+      .ant-anchor-link {
+        padding-left: @anchor-indent-step;
+
+        // 激活线递进算法
+        &.ant-anchor-link-active::before {
+          left: calc(-@anchor-active-line-left - @anchor-indent-step * @level);
+        }
+        // 递归生成下一级
+        .level-indent(@level + 1);
+      }
+    }
+  
+    // 初始化递归生成
+    .level-indent(1);
+  }
+
+}
+
+
+.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); /* 反向缓动 */
+  }
+}

package/lib/anchor/index.d.ts

@@ -1,5 +1,6 @@
-import Anchor from 'antd/lib/anchor';
 import './style';
-export * from 'antd/lib/anchor';
+import './anchor.less';
+import { Anchor } from './anchor';
+export * from './anchor';
 export default Anchor;
 //# sourceMappingURL=index.d.ts.map

package/lib/anchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,eAAe,MAAM,CAAA"}

package/lib/anchor/index.js

@@ -1,55 +1,22 @@
 "use strict";
 
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports["default"] = void 0;
-var _anchor = _interopRequireWildcard(require("antd/lib/anchor"));
-Object.keys(_anchor).forEach(function (key) {
+require("./style");
+require("./anchor.less");
+var _anchor2 = require("./anchor");
+Object.keys(_anchor2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _anchor[key]) return;
+  if (key in exports && exports[key] === _anchor2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _anchor[key];
+      return _anchor2[key];
     }
   });
 });
-require("./style");
-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;
-}
-var _default = exports["default"] = _anchor["default"];
+var _default = exports["default"] = _anchor2.Anchor;

package/lib/anchor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AAEnC,mBAAgB;AAEhB,iDAA8B;AAE9B,kBAAe,gBAAM,CAAA","sourcesContent":["import Anchor from 'antd/lib/anchor'\n\nimport './style'\n\nexport * from 'antd/lib/anchor'\n\nexport default Anchor\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,yBAAsB;AACtB,qCAAiC;AACjC,2CAAwB;AACxB,kBAAe,eAAM,CAAA","sourcesContent":["import './style'\nimport './anchor.less'\nimport { Anchor } from './anchor'\nexport * from './anchor'\nexport default Anchor\n"]}

package/lib/array-input/icon.d.ts

@@ -0,0 +1,4 @@
+export const plusIcon: React.JSX.Element;
+export const deleteIcon: React.JSX.Element;
+import React from "react";
+//# sourceMappingURL=icon.d.ts.map

package/lib/array-input/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/array-input/icon.js"],"names":[],"mappings":"AAEA,yCAaC;AAED,2CAYC"}

package/lib/array-input/icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plusIcon = exports.deleteIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+var plusIcon = exports.plusIcon = _react["default"].createElement("svg", {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  "data-icon": "plus-circle",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, _react["default"].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["default"].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"
+}));
+var deleteIcon = exports.deleteIcon = _react["default"].createElement("svg", {
+  viewBox: "64 64 896 896",
+  focusable: "false",
+  "data-icon": "delete",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, _react["default"].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/lib/array-input/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/array-input/icon.js"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEZ,QAAA,QAAQ,GAAG,CACtB,uCACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,OAAO,eACP,aAAa,EACvB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,iBACP,MAAM;IAElB,wCAAM,CAAC,EAAC,2LAA2L,GAAQ;IAC3M,wCAAM,CAAC,EAAC,+KAA+K,GAAQ,CAC3L,CACP,CAAA;AAEY,QAAA,UAAU,GAAG,CACxB,uCACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,OAAO,eACP,QAAQ,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,iBACP,MAAM;IAElB,wCAAM,CAAC,EAAC,qVAAqV,GAAQ,CACjW,CACP,CAAA","sourcesContent":["import React from 'react'\n\nexport const plusIcon = (\n  <svg\n    viewBox=\"64 64 896 896\"\n    focusable=\"false\"\n    data-icon=\"plus-circle\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n  >\n    <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\"></path>\n    <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\"></path>\n  </svg>\n)\n\nexport const deleteIcon = (\n  <svg\n    viewBox=\"64 64 896 896\"\n    focusable=\"false\"\n    data-icon=\"delete\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n  >\n    <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\"></path>\n  </svg>\n)\n"]}

package/lib/checkbox/checkbox-group.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/lib/checkbox/Group';
+export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
+    readonly?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<AntdCheckboxGroupProps & React.RefAttributes<unknown>>;
+export default _default;
+//# sourceMappingURL=checkbox-group.d.ts.map

package/lib/checkbox/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAI1F,oBAAY,kBAAkB,GAAG,sBAAsB,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;AAED,wBAA2E"}

package/lib/checkbox/checkbox-group.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("react");
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(_checkbox["default"].Group, _previewText.PreviewText.Select);

package/lib/checkbox/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":";;;;;AAAA,iBAAyC;AACzC,gEAAuC;AAEvC,wCAAqD;AACrD,kDAA6C;AAM7C,kBAAe,IAAA,kCAAwB,EAAC,kBAAQ,CAAC,KAAK,EAAE,0BAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport Checkbox from 'antd/lib/checkbox'\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/lib/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Checkbox.Group, PreviewText.Select)\n"]}

package/lib/ellipsis/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"AAgCe,yDA4Jd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"AAkCe,yDAgKd"}

package/lib/ellipsis/index.js

@@ -19,6 +19,7 @@ var _popover2 = _interopRequireDefault(require("../popover"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
 var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
+var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
 require("./index.less");
 function _getRequireWildcardCache(e) {
   if ("function" != typeof WeakMap) return null;
@@ -105,15 +106,16 @@ function _arrayWithHoles(r) {
 var tolerance = 0; // In px. Depends on the font you are using
 var isEllipsisActive = function isEllipsisActive(e) {
   var _a, _b;
+  e.setAttribute('style', '');
   if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
     var styleStr = 'overflow:visible; ';
     if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.parentNode) === null || _a === void 0 ? void 0 : _a.getAttribute('style')) === null || _b === void 0 ? void 0 : _b.includes('width'))) {
       styleStr += 'max-width:100%;';
     }
     e.parentNode.setAttribute('style', styleStr);
-    e.setAttribute("style", 'overflow:inherit');
+    e.setAttribute('style', 'overflow:inherit');
   } else {
-    e.setAttribute("style", "");
+    e.setAttribute('style', '');
   }
   return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
 };
@@ -134,7 +136,8 @@ var _default = exports["default"] = function _default(props) {
     prefix = props.prefix,
     suffix = props.suffix,
     _props$needRefresh = props.needRefresh,
-    needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh;
+    needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh,
+    enableScrollObserver = props.enableScrollObserver;
   var _useState = (0, _react.useState)(1),
     _useState2 = _slicedToArray(_useState, 2),
     renderId = _useState2[0],
@@ -159,12 +162,25 @@ var _default = exports["default"] = function _default(props) {
     lineHeight = _useState10[0],
     setLineHeight = _useState10[1];
   var elementRef = (0, _react.useRef)();
+  var isScrolling = (0, _useScrollLock["default"])({
+    enableScrollObserver: enableScrollObserver
+  });
+  (0, _react.useEffect)(function () {
+    if (isScrolling) {
+      setTipVisible(false);
+    }
+  }, [isScrolling]);
   var computeElement = function computeElement() {
     elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
     if (elementRef.current) {
       setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));
     }
   };
+  (0, _react.useEffect)(function () {
+    return function () {
+      elementRef.current = null; // 清理引用
+    };
+  }, []);
   (0, _react.useLayoutEffect)(function () {
     if (needRefresh) {
       setRenderId(function (id) {
@@ -183,17 +199,18 @@ var _default = exports["default"] = function _default(props) {
     computeElement();
   }, [renderId]);
   (0, _react.useEffect)(function () {
-    window.addEventListener("resize", computeElement);
+    var handleResize = function handleResize() {
+      return computeElement();
+    };
+    window.addEventListener('resize', handleResize);
     return function () {
-      window.removeEventListener('resize', computeElement);
+      window.removeEventListener('resize', handleResize);
     };
   }, []);
   // original Node
   var inner = typeof children === 'string' ? children : _popover ? content : title;
   // for className
-  var getClassName = function getClassName() {
-    return "overflow min-width-0 ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
-  };
+  var getClassName = "overflow min-width-0 ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
   // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
   var handleVisibleChange = function handleVisibleChange(visible) {
     // const { onVisibleChange } = props;
@@ -204,9 +221,12 @@ var _default = exports["default"] = function _default(props) {
   var handleCopy = function handleCopy(innerText) {
     (0, _copyToClipboard["default"])(innerText);
     setHasCopy(!hasCopy);
-    setTimeout(function () {
+    var timer = setTimeout(function () {
       setHasCopy(false);
     }, 1000);
+    return function () {
+      return clearTimeout(timer);
+    }; // 清除定时器
   };
   var renderNode = function renderNode() {
     var popoverNode = _react["default"].createElement(_popover2["default"], Object.assign({}, props, {
@@ -243,7 +263,7 @@ var _default = exports["default"] = function _default(props) {
       maxWidth: widthLimit
     })
   }, prefix && prefix, _react["default"].createElement("div", {
-    className: getClassName(),
+    className: getClassName,
     key: renderId
   }, inner || inner === 0 ? renderNode() : emptyText), !!suffix && suffix, (inner || inner === 0) && _copyable && lineHeight && _react["default"].createElement("div", {
     className: "svg-button",