tntd 3.0.49 → 3.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/es/_util/hooks/useScrollLock.js +68 -0
  2. package/es/_util/hooks/useScrollLock.js.map +1 -0
  3. package/es/anchor/anchor.js +96 -0
  4. package/es/anchor/anchor.js.map +1 -0
  5. package/es/anchor/anchor.less +79 -0
  6. package/es/anchor/index.js +7 -9
  7. package/es/anchor/index.js.map +1 -1
  8. package/es/array-input/icon.js +36 -0
  9. package/es/array-input/icon.js.map +1 -0
  10. package/es/checkbox/checkbox-group.js +16 -0
  11. package/es/checkbox/checkbox-group.js.map +1 -0
  12. package/es/ellipsis/index.js +30 -10
  13. package/es/ellipsis/index.js.map +1 -1
  14. package/es/page-loading/index.less +4 -4
  15. package/es/page-loading/loading.gif +0 -0
  16. package/es/page-loading/loading1.gif +0 -0
  17. package/es/query-form/Field/Composition/FieldPopover.js +31 -24
  18. package/es/query-form/Field/Composition/Select.js +31 -24
  19. package/es/query-form/Field/Composition/SelectInput.js +18 -17
  20. package/es/query-form/Field/Composition/ValueTag.js +18 -17
  21. package/es/query-form/Field/Composition/index.js +37 -30
  22. package/es/query-form/Field/Composition/utils.js +3 -3
  23. package/es/radio/radio-group.js +16 -0
  24. package/es/radio/radio-group.js.map +1 -0
  25. package/es/scroll-bar/Bar.js +18 -17
  26. package/es/scroll-bar/Context.js +3 -3
  27. package/es/scroll-bar/ScrollBar.js +3 -3
  28. package/es/scroll-bar/Thumb.js +18 -17
  29. package/es/scroll-bar/index.js +3 -3
  30. package/es/scroll-bar/util.js +13 -7
  31. package/es/steps/stepStyle/small.less +5 -0
  32. package/es/table/total-shower.js +20 -0
  33. package/es/table/total-shower.js.map +1 -0
  34. package/es/tntd-rc-select/style/index.less +20 -2
  35. package/es/tooltip/tooltip.js +19 -5
  36. package/es/tooltip/tooltip.js.map +1 -1
  37. package/es/utils/simple-template.js +19 -0
  38. package/es/utils/simple-template.js.map +1 -0
  39. package/lib/_util/hooks/useScrollLock.d.ts +9 -0
  40. package/lib/_util/hooks/useScrollLock.d.ts.map +1 -0
  41. package/lib/_util/hooks/useScrollLock.js +114 -0
  42. package/lib/_util/hooks/useScrollLock.js.map +1 -0
  43. package/lib/anchor/anchor.d.ts +15 -0
  44. package/lib/anchor/anchor.d.ts.map +1 -0
  45. package/lib/anchor/anchor.js +131 -0
  46. package/lib/anchor/anchor.js.map +1 -0
  47. package/lib/anchor/anchor.less +79 -0
  48. package/lib/anchor/index.d.ts +3 -2
  49. package/lib/anchor/index.d.ts.map +1 -1
  50. package/lib/anchor/index.js +7 -40
  51. package/lib/anchor/index.js.map +1 -1
  52. package/lib/array-input/icon.d.ts +4 -0
  53. package/lib/array-input/icon.d.ts.map +1 -0
  54. package/lib/array-input/icon.js +36 -0
  55. package/lib/array-input/icon.js.map +1 -0
  56. package/lib/checkbox/checkbox-group.d.ts +8 -0
  57. package/lib/checkbox/checkbox-group.d.ts.map +1 -0
  58. package/lib/checkbox/checkbox-group.js +16 -0
  59. package/lib/checkbox/checkbox-group.js.map +1 -0
  60. package/lib/ellipsis/index.d.ts.map +1 -1
  61. package/lib/ellipsis/index.js +30 -10
  62. package/lib/ellipsis/index.js.map +1 -1
  63. package/lib/notification/assets/svg-error-tip.d.ts +1 -1
  64. package/lib/notification/assets/svg-success-tip.d.ts +1 -1
  65. package/lib/page-loading/index.less +4 -4
  66. package/lib/page-loading/loading.gif +0 -0
  67. package/lib/page-loading/loading1.gif +0 -0
  68. package/lib/query-form/Field/Composition/FieldPopover.js +31 -24
  69. package/lib/query-form/Field/Composition/Select.js +31 -24
  70. package/lib/query-form/Field/Composition/SelectInput.js +18 -17
  71. package/lib/query-form/Field/Composition/ValueTag.js +18 -17
  72. package/lib/query-form/Field/Composition/index.js +37 -30
  73. package/lib/query-form/Field/Composition/utils.js +3 -3
  74. package/lib/radio/radio-group.d.ts +8 -0
  75. package/lib/radio/radio-group.d.ts.map +1 -0
  76. package/lib/radio/radio-group.js +16 -0
  77. package/lib/radio/radio-group.js.map +1 -0
  78. package/lib/scroll-bar/Bar.js +18 -17
  79. package/lib/scroll-bar/Context.js +3 -3
  80. package/lib/scroll-bar/ScrollBar.js +3 -3
  81. package/lib/scroll-bar/Thumb.js +18 -17
  82. package/lib/scroll-bar/index.js +3 -3
  83. package/lib/scroll-bar/util.js +13 -7
  84. package/lib/segmented/index.d.ts +1 -1
  85. package/lib/steps/stepStyle/small.less +5 -0
  86. package/lib/svg-components/illustration-403.d.ts +1 -1
  87. package/lib/svg-components/illustration-404.d.ts +1 -1
  88. package/lib/svg-components/illustration-500.d.ts +1 -1
  89. package/lib/svg-components/illustration-empty.d.ts +1 -1
  90. package/lib/svg-components/illustration-failure.d.ts +1 -1
  91. package/lib/svg-components/illustration-no-access.d.ts +1 -1
  92. package/lib/svg-components/illustration-no-chart.d.ts +1 -1
  93. package/lib/svg-components/illustration-no-result.d.ts +1 -1
  94. package/lib/svg-components/illustration-offline.d.ts +1 -1
  95. package/lib/svg-components/illustration-success.d.ts +1 -1
  96. package/lib/table/assets/image-loading-background.d.ts +1 -1
  97. package/lib/table/assets/image-loading.d.ts +1 -1
  98. package/lib/table/total-shower.d.ts +9 -0
  99. package/lib/table/total-shower.d.ts.map +1 -0
  100. package/lib/table/total-shower.js +20 -0
  101. package/lib/table/total-shower.js.map +1 -0
  102. package/lib/tntd-rc-select/style/index.less +20 -2
  103. package/lib/tooltip/tooltip.d.ts +1 -0
  104. package/lib/tooltip/tooltip.d.ts.map +1 -1
  105. package/lib/tooltip/tooltip.js +23 -9
  106. package/lib/tooltip/tooltip.js.map +1 -1
  107. package/lib/utils/simple-template.d.ts +9 -0
  108. package/lib/utils/simple-template.d.ts.map +1 -0
  109. package/lib/utils/simple-template.js +19 -0
  110. package/lib/utils/simple-template.js.map +1 -0
  111. package/package.json +1 -1
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.TotalShower = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _utils = require("../utils");
9
+ function _interopRequireDefault(e) {
10
+ return e && e.__esModule ? e : {
11
+ "default": e
12
+ };
13
+ }
14
+ var TotalShower = exports.TotalShower = function TotalShower(_ref) {
15
+ var total = _ref.total,
16
+ locale = _ref.locale;
17
+ return _react["default"].createElement(_react["default"].Fragment, null, (0, _utils.simpleTemplate)(locale.total, {
18
+ total: total
19
+ }));
20
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"total-shower.js","sourceRoot":"","sources":["../../src/table/total-shower.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,MAAM,GAMP,EAAE,EAAE;IACH,OAAO,0CAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAI,CAAA;AACvD,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport type { TableProps as AntdTableProps } from 'antd/es/table'\nimport { simpleTemplate } from '../utils'\n\nexport const TotalShower = ({\n total,\n locale,\n}: {\n total: number\n locale: AntdTableProps<unknown>['locale'] & {\n total?: string\n }\n}) => {\n return <>{simpleTemplate(locale.total, { total })}</>\n}\n"]}
@@ -1338,7 +1338,7 @@
1338
1338
  .tntd-rc-select:not(.tntd-rc-select-customize-input) .tntd-rc-select-selector {
1339
1339
  position: relative;
1340
1340
  background-color: #fff;
1341
- border: 1px solid @border-color;
1341
+ border: 1px solid #e1e6ee;
1342
1342
  border-radius: 2px;
1343
1343
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1344
1344
  }
@@ -1446,7 +1446,7 @@
1446
1446
  align-items: center;
1447
1447
  height: 12px;
1448
1448
  margin-top: -6px;
1449
- color: rgba(0, 0, 0, 0.25);
1449
+ color: rgba(23, 35, 61, 0.3);
1450
1450
  font-size: 12px;
1451
1451
  line-height: 1;
1452
1452
  text-align: center;
@@ -1775,3 +1775,21 @@
1775
1775
  }
1776
1776
  }
1777
1777
  }
1778
+
1779
+ .has-error{
1780
+ .tntd-rc-select:not(.tntd-rc-select-customize-input) .tntd-rc-select-selector {
1781
+ border-color: @red-6;
1782
+ box-shadow: none ;
1783
+ }
1784
+
1785
+ .tntd-rc-select-focused:not(.tntd-rc-select-disabled).tntd-rc-select:not(
1786
+ .tntd-rc-select-customize-input
1787
+ ) .tntd-rc-select-selector {
1788
+ border-color: @red-6;
1789
+ box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
1790
+ }
1791
+ }
1792
+
1793
+ .tntd-rc-select-arrow{
1794
+ color: #17233d;
1795
+ }
@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  var _exportNames = {};
8
8
  exports["default"] = void 0;
9
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
10
  var _configProvider = require("../config-provider");
11
+ var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
11
12
  var _tooltip = _interopRequireWildcard(require("antd/es/tooltip"));
12
13
  Object.keys(_tooltip).forEach(function (key) {
13
14
  if (key === "default" || key === "__esModule") return;
@@ -21,9 +22,9 @@ Object.keys(_tooltip).forEach(function (key) {
21
22
  });
22
23
  });
23
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
24
26
  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); }
25
27
  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; }
26
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
27
28
  var __rest = void 0 && (void 0).__rest || function (s, e) {
28
29
  var t = {};
29
30
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -41,13 +42,26 @@ var Tooltip = function Tooltip(props) {
41
42
  theme = _props$theme === void 0 ? '' : _props$theme,
42
43
  _props$hiddenArrow = props.hiddenArrow,
43
44
  hiddenArrow = _props$hiddenArrow === void 0 ? false : _props$hiddenArrow,
44
- restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow"]);
45
+ enableScrollObserver = props.enableScrollObserver,
46
+ restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow", "enableScrollObserver"]);
47
+ var isScrolling = (0, _useScrollLock["default"])({
48
+ enableScrollObserver: enableScrollObserver
49
+ });
50
+ var MOUSE_ENTER_DELAY_WHILE_SCROLLING = 9999;
51
+ var DEFAULT_MOUSE_ENTER_DELAY = 0.1;
52
+ var visibleInfo = (0, _react.useMemo)(function () {
53
+ return isScrolling ? {
54
+ visible: false
55
+ } : {};
56
+ }, [isScrolling]);
45
57
  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
46
58
  var getPrefixCls = _ref.getPrefixCls;
47
59
  var prefixCls = getPrefixCls('tooltip');
48
60
  return _react["default"].createElement(_tooltip["default"], Object.assign({
49
- overlayClassName: (0, _classnames["default"])(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
50
- }, restProps));
61
+ overlayClassName: (0, _classnames["default"])(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? "".concat(prefixCls, "-arrow-hidden") : '', overlayClassName)
62
+ }, restProps, {
63
+ mouseEnterDelay: isScrolling ? MOUSE_ENTER_DELAY_WHILE_SCROLLING : restProps.mouseEnterDelay || DEFAULT_MOUSE_ENTER_DELAY
64
+ }, visibleInfo));
51
65
  });
52
66
  };
53
67
  var _default = exports["default"] = Tooltip;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAuE,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA3E,4CAAmE,CAAQ,CAAA;IAEjF,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/es/tooltip'\nimport { ConfigConsumer } from '../config-provider'\nimport AntdTooltip from 'antd/es/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string; hiddenArrow?: boolean }> = (props) => {\n const { overlayClassName, theme = '', hiddenArrow = false, ...restProps } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('tooltip')\n\n return (\n <AntdTooltip\n overlayClassName={classNames(\n prefixCls,\n 'tnt-tooltip',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Tooltip\n"]}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAET,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,gBAAgB,EAChB,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,KAAK,EACnB,oBAAoB,KAElB,KAAK,EADJ,SAAS,UACV,KAAK,EANH,oEAML,CAAQ,CAAA;IAET,MAAM,WAAW,GAAG,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAE3D,MAAM,iCAAiC,GAAG,IAAI,CAAA;IAC9C,MAAM,yBAAyB,GAAG,GAAG,CAAA;IAErC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,IACb,eAAe,EACb,WAAW;gBACT,CAAC,CAAC,iCAAiC;gBACnC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,yBAAyB,IAExD,WAAW,EACf,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React, { useMemo } from 'react'\nimport type { TooltipProps } from 'antd/es/tooltip'\nimport { ConfigConsumer } from '../config-provider'\nimport useScrollLock from '../_util/hooks/useScrollLock'\nimport AntdTooltip from 'antd/es/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<\n TooltipProps & { theme?: string; hiddenArrow?: boolean; enableScrollObserver?: boolean }\n> = (props) => {\n const {\n overlayClassName,\n theme = '',\n hiddenArrow = false,\n enableScrollObserver,\n ...restProps\n } = props\n\n const isScrolling = useScrollLock({ enableScrollObserver })\n\n const MOUSE_ENTER_DELAY_WHILE_SCROLLING = 9999\n const DEFAULT_MOUSE_ENTER_DELAY = 0.1\n\n const visibleInfo = useMemo(() => {\n return isScrolling ? { visible: false } : {}\n }, [isScrolling])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('tooltip')\n\n return (\n <AntdTooltip\n overlayClassName={classNames(\n prefixCls,\n 'tnt-tooltip',\n themeMap(prefixCls, theme),\n hiddenArrow ? `${prefixCls}-arrow-hidden` : '',\n overlayClassName\n )}\n {...restProps}\n mouseEnterDelay={\n isScrolling\n ? MOUSE_ENTER_DELAY_WHILE_SCROLLING\n : restProps.mouseEnterDelay || DEFAULT_MOUSE_ENTER_DELAY\n } // 滚动期间延迟触发\n {...visibleInfo} // 滚动时隐藏 tooltip\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Tooltip\n"]}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.simpleTemplate = simpleTemplate;
7
+ /**
8
+ * 简单的模板替换
9
+ *
10
+ * @param template
11
+ * @param data
12
+ * @returns
13
+ */
14
+ function simpleTemplate(template) {
15
+ var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
16
+ return template === null || template === void 0 ? void 0 : template.replace(/\${(.*?)}/g, function (match, key) {
17
+ return data[key.trim()].toString();
18
+ });
19
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple-template.js","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,QAAiB,EAAE,OAAwC,EAAE;IAC1F,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;AACrF,CAAC","sourcesContent":["/**\n * 简单的模板替换\n *\n * @param template\n * @param data\n * @returns\n */\nexport function simpleTemplate(template?: string, data: Record<string, string | number> = {}) {\n return template?.replace(/\\${(.*?)}/g, (match, key) => data[key.trim()].toString())\n}\n"]}
@@ -0,0 +1,9 @@
1
+ interface ScrollControlConfig {
2
+ debounceTime?: number;
3
+ throttleTime?: number;
4
+ scrollContainer?: HTMLElement | Window | null;
5
+ enableScrollObserver?: boolean;
6
+ }
7
+ declare const _default: (config?: ScrollControlConfig | undefined) => boolean;
8
+ export default _default;
9
+ //# sourceMappingURL=useScrollLock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../../src/_util/hooks/useScrollLock.ts"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAC7C,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;;AAGD,wBA8CC"}
@@ -0,0 +1,114 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
8
+ var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
9
+ var _react = require("react");
10
+ function _interopRequireDefault(e) {
11
+ return e && e.__esModule ? e : {
12
+ "default": e
13
+ };
14
+ }
15
+ function _slicedToArray(r, e) {
16
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
17
+ }
18
+ function _nonIterableRest() {
19
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
20
+ }
21
+ function _unsupportedIterableToArray(r, a) {
22
+ if (r) {
23
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
24
+ var t = {}.toString.call(r).slice(8, -1);
25
+ 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;
26
+ }
27
+ }
28
+ function _arrayLikeToArray(r, a) {
29
+ (null == a || a > r.length) && (a = r.length);
30
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
31
+ return n;
32
+ }
33
+ function _iterableToArrayLimit(r, l) {
34
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
35
+ if (null != t) {
36
+ var e,
37
+ n,
38
+ i,
39
+ u,
40
+ a = [],
41
+ f = !0,
42
+ o = !1;
43
+ try {
44
+ if (i = (t = t.call(r)).next, 0 === l) {
45
+ if (Object(t) !== t) return;
46
+ f = !1;
47
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
48
+ } catch (r) {
49
+ o = !0, n = r;
50
+ } finally {
51
+ try {
52
+ if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
53
+ } finally {
54
+ if (o) throw n;
55
+ }
56
+ }
57
+ return a;
58
+ }
59
+ }
60
+ function _arrayWithHoles(r) {
61
+ if (Array.isArray(r)) return r;
62
+ }
63
+ // ==================== 优化版 Hook ====================
64
+ var _default = exports["default"] = function _default(config) {
65
+ var _ref = config || {},
66
+ _ref$enableScrollObse = _ref.enableScrollObserver,
67
+ enableScrollObserver = _ref$enableScrollObse === void 0 ? true : _ref$enableScrollObse,
68
+ _ref$debounceTime = _ref.debounceTime,
69
+ debounceTime = _ref$debounceTime === void 0 ? 100 : _ref$debounceTime,
70
+ _ref$throttleTime = _ref.throttleTime,
71
+ throttleTime = _ref$throttleTime === void 0 ? 50 : _ref$throttleTime,
72
+ _ref$scrollContainer = _ref.scrollContainer,
73
+ scrollContainer = _ref$scrollContainer === void 0 ? window : _ref$scrollContainer;
74
+ var _useState = (0, _react.useState)(false),
75
+ _useState2 = _slicedToArray(_useState, 2),
76
+ isScrolling = _useState2[0],
77
+ setIsScrolling = _useState2[1];
78
+ var throttledHandlerRef = (0, _react.useRef)();
79
+ var debouncedEndRef = (0, _react.useRef)();
80
+ // ==================== 核心逻辑 ====================
81
+ var handleScroll = (0, _react.useCallback)(function () {
82
+ var _a;
83
+ // 标记开始滚动
84
+ setIsScrolling(true);
85
+ // 启动防抖结束检测
86
+ (_a = debouncedEndRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
87
+ debouncedEndRef.current = (0, _debounce2["default"])(function () {
88
+ return setIsScrolling(false);
89
+ }, debounceTime);
90
+ debouncedEndRef.current();
91
+ }, [debounceTime]);
92
+ // ==================== 事件监听 ====================
93
+ (0, _react.useEffect)(function () {
94
+ var container = scrollContainer || window;
95
+ if (!container || !enableScrollObserver) return;
96
+ // 使用 lodash 节流包装处理函数
97
+ throttledHandlerRef.current = (0, _throttle2["default"])(handleScroll, throttleTime, {
98
+ leading: true,
99
+ trailing: true
100
+ });
101
+ var options = {
102
+ passive: true
103
+ };
104
+ container.addEventListener('scroll', throttledHandlerRef.current, options);
105
+ return function () {
106
+ var _a, _b;
107
+ // 清理事件和定时器
108
+ container.removeEventListener('scroll', throttledHandlerRef.current, options);
109
+ (_a = throttledHandlerRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
110
+ (_b = debouncedEndRef.current) === null || _b === void 0 ? void 0 : _b.cancel();
111
+ };
112
+ }, [handleScroll, scrollContainer, enableScrollObserver, throttleTime]);
113
+ return isScrolling;
114
+ };
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import type { AnchorProps as AntdAnchorProps, AnchorLinkProps } from 'antd/lib/anchor';
3
+ import { default as AntdAnchor } from 'antd/lib/anchor';
4
+ import { default as AntdAnchorLink } from 'antd/lib/anchor/AnchorLink';
5
+ export * from 'antd/lib/anchor';
6
+ export interface AnchorProps extends AntdAnchorProps {
7
+ tdAnchor?: boolean;
8
+ }
9
+ declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<AntdAnchorLink>>;
10
+ interface AnchorComponent extends React.ForwardRefExoticComponent<AnchorProps & React.RefAttributes<AntdAnchor>> {
11
+ Link: typeof AnchorLink;
12
+ }
13
+ export declare const Anchor: AnchorComponent;
14
+ export default Anchor;
15
+ //# sourceMappingURL=anchor.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,131 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) {
4
+ "@babel/helpers - typeof";
5
+
6
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
+ return typeof o;
8
+ } : function (o) {
9
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
+ }, _typeof(o);
11
+ }
12
+ Object.defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ var _exportNames = {
16
+ Anchor: true
17
+ };
18
+ exports["default"] = exports.Anchor = void 0;
19
+ var _react = _interopRequireWildcard(require("react"));
20
+ var _configProvider = require("../config-provider");
21
+ var _anchor = _interopRequireWildcard(require("antd/lib/anchor"));
22
+ Object.keys(_anchor).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
25
+ if (key in exports && exports[key] === _anchor[key]) return;
26
+ Object.defineProperty(exports, key, {
27
+ enumerable: true,
28
+ get: function get() {
29
+ return _anchor[key];
30
+ }
31
+ });
32
+ });
33
+ var _AnchorLink = _interopRequireDefault(require("antd/lib/anchor/AnchorLink"));
34
+ var _classnames = _interopRequireDefault(require("classnames"));
35
+ var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
36
+ function _interopRequireDefault(e) {
37
+ return e && e.__esModule ? e : {
38
+ "default": e
39
+ };
40
+ }
41
+ function _getRequireWildcardCache(e) {
42
+ if ("function" != typeof WeakMap) return null;
43
+ var r = new WeakMap(),
44
+ t = new WeakMap();
45
+ return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
46
+ return e ? t : r;
47
+ })(e);
48
+ }
49
+ function _interopRequireWildcard(e, r) {
50
+ if (!r && e && e.__esModule) return e;
51
+ if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
52
+ "default": e
53
+ };
54
+ var t = _getRequireWildcardCache(r);
55
+ if (t && t.has(e)) return t.get(e);
56
+ var n = {
57
+ __proto__: null
58
+ },
59
+ a = Object.defineProperty && Object.getOwnPropertyDescriptor;
60
+ for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
61
+ var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
62
+ i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
63
+ }
64
+ return n["default"] = e, t && t.set(e, n), n;
65
+ }
66
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
67
+ var t = {};
68
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
69
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
70
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
71
+ }
72
+ return t;
73
+ };
74
+ /*
75
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
76
+ * @Date: 2023-10-26 09:46:28
77
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
78
+ * @LastEditTime: 2023-10-31 09:59:35
79
+ * @FilePath: /tntd/packages/tntd/src/button/button.tsx
80
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
81
+ */
82
+
83
+ // 新增 AnchorLink 组件
84
+ var AnchorLink = (0, _react.forwardRef)(function (props, ref) {
85
+ var href = props.href,
86
+ children = props.children,
87
+ restProps = __rest(props
88
+ // 简单的错误处理示例
89
+ , ["href", "children"]);
90
+ // 简单的错误处理示例
91
+ if (typeof href !== 'string') {
92
+ console.error('Invalid href prop. Expected a string.');
93
+ return null;
94
+ }
95
+ return _react["default"].createElement(_AnchorLink["default"], Object.assign({
96
+ ref: ref,
97
+ href: href
98
+ }, restProps), children);
99
+ });
100
+ // 新增 Anchor 组件
101
+ var Anchor = exports.Anchor = (0, _react.forwardRef)(function (props, ref) {
102
+ var className = props.className,
103
+ children = props.children,
104
+ _props$tdAnchor = props.tdAnchor,
105
+ tdAnchor = _props$tdAnchor === void 0 ? false : _props$tdAnchor,
106
+ restProps = __rest(props, ["className", "children", "tdAnchor"]);
107
+ var isScrolling = (0, _useScrollLock["default"])({
108
+ debounceTime: 400,
109
+ throttleTime: 50,
110
+ enableScrollObserver: tdAnchor
111
+ });
112
+ return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
113
+ var getPrefixCls = _ref.getPrefixCls;
114
+ var prefixCls = getPrefixCls('anchor');
115
+ var anchorClass = (0, _classnames["default"])(prefixCls, className, {
116
+ 'tnt-anchor': true,
117
+ 'tnt-td-anchor': tdAnchor,
118
+ 'tnt-anchor-hide': isScrolling
119
+ });
120
+ return _react["default"].createElement(_anchor["default"], Object.assign({
121
+ ref: ref,
122
+ className: anchorClass
123
+ }, restProps, {
124
+ showInkInFixed: true
125
+ }), children);
126
+ });
127
+ });
128
+ // 新增 AnchorLink 组件
129
+ // 保留 Anchor.Link 的关系
130
+ Anchor.Link = AnchorLink;
131
+ var _default = exports["default"] = Anchor;
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,79 @@
1
+ // 使用 Less 变量管理层级参数
2
+ @anchor-level: 10;
3
+ @anchor-indent-step: 8px; // 每级递进步长
4
+ @anchor-active-line-left: 2px; // 激活线基准位置
5
+
6
+
7
+ .tnt-td-anchor{
8
+ background: #fff;
9
+ border-radius: calc(@border-radius-base * 2);
10
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
11
+ padding: 16px 16px 8px 16px;
12
+ right:0;
13
+ position: absolute;
14
+
15
+ .ant-anchor-ink-ball {
16
+ display: none !important;
17
+ }
18
+ .ant-anchor-link {
19
+ padding: 0 0 0 8px;
20
+ position: relative;
21
+
22
+ // 通用激活线样式
23
+ &-active::before {
24
+ content: " ";
25
+ position: absolute;
26
+ left: -@anchor-active-line-left;
27
+ top: 0;
28
+ bottom: 0;
29
+ height: 24px;
30
+ width: @anchor-active-line-left;
31
+ background: @primary-color;
32
+ transition: top 0.3s ease-in-out;
33
+ }
34
+
35
+ // 文字样式统一管理
36
+ &-title {
37
+ color: @text-color-secondary;
38
+ transition: none !important;
39
+ margin-bottom: 0;
40
+ padding-top: 4px;
41
+ padding-bottom: 4px;
42
+ margin-bottom: 10px;
43
+ // 激活状态文字样式
44
+ &.ant-anchor-link-title-active{
45
+ color: @text-color;
46
+ font-weight: 600;
47
+ transition: none !important;
48
+ }
49
+ }
50
+
51
+ // 层级递进生成器
52
+ .level-indent(@level) when (@level < @anchor-level) { // 生成最多10级
53
+ .ant-anchor-link {
54
+ padding-left: @anchor-indent-step;
55
+
56
+ // 激活线递进算法
57
+ &.ant-anchor-link-active::before {
58
+ left: calc(-@anchor-active-line-left - @anchor-indent-step * @level);
59
+ }
60
+ // 递归生成下一级
61
+ .level-indent(@level + 1);
62
+ }
63
+ }
64
+
65
+ // 初始化递归生成
66
+ .level-indent(1);
67
+ }
68
+
69
+ }
70
+
71
+
72
+ .tnt-anchor.tnt-td-anchor{
73
+ &.tnt-anchor-hide{
74
+ width: 32px;
75
+ overflow-x: hidden;
76
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* 平滑缓动曲线 */
77
+ transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* 反向缓动 */
78
+ }
79
+ }
@@ -1,5 +1,6 @@
1
- import Anchor from 'antd/lib/anchor';
2
1
  import './style';
3
- export * from 'antd/lib/anchor';
2
+ import './anchor.less';
3
+ import { Anchor } from './anchor';
4
+ export * from './anchor';
4
5
  export default Anchor;
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,55 +1,22 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) {
4
- "@babel/helpers - typeof";
5
-
6
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
- return typeof o;
8
- } : function (o) {
9
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
- }, _typeof(o);
11
- }
12
3
  Object.defineProperty(exports, "__esModule", {
13
4
  value: true
14
5
  });
15
6
  var _exportNames = {};
16
7
  exports["default"] = void 0;
17
- var _anchor = _interopRequireWildcard(require("antd/lib/anchor"));
18
- Object.keys(_anchor).forEach(function (key) {
8
+ require("./style");
9
+ require("./anchor.less");
10
+ var _anchor2 = require("./anchor");
11
+ Object.keys(_anchor2).forEach(function (key) {
19
12
  if (key === "default" || key === "__esModule") return;
20
13
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
21
- if (key in exports && exports[key] === _anchor[key]) return;
14
+ if (key in exports && exports[key] === _anchor2[key]) return;
22
15
  Object.defineProperty(exports, key, {
23
16
  enumerable: true,
24
17
  get: function get() {
25
- return _anchor[key];
18
+ return _anchor2[key];
26
19
  }
27
20
  });
28
21
  });
29
- require("./style");
30
- function _getRequireWildcardCache(e) {
31
- if ("function" != typeof WeakMap) return null;
32
- var r = new WeakMap(),
33
- t = new WeakMap();
34
- return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
35
- return e ? t : r;
36
- })(e);
37
- }
38
- function _interopRequireWildcard(e, r) {
39
- if (!r && e && e.__esModule) return e;
40
- if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
41
- "default": e
42
- };
43
- var t = _getRequireWildcardCache(r);
44
- if (t && t.has(e)) return t.get(e);
45
- var n = {
46
- __proto__: null
47
- },
48
- a = Object.defineProperty && Object.getOwnPropertyDescriptor;
49
- for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
50
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
51
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
52
- }
53
- return n["default"] = e, t && t.set(e, n), n;
54
- }
55
- var _default = exports["default"] = _anchor["default"];
22
+ var _default = exports["default"] = _anchor2.Anchor;
@@ -1 +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"]}
1
+ {"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"]}
@@ -0,0 +1,4 @@
1
+ export const plusIcon: React.JSX.Element;
2
+ export const deleteIcon: React.JSX.Element;
3
+ import React from "react";
4
+ //# sourceMappingURL=icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/array-input/icon.js"],"names":[],"mappings":"AAEA,yCAaC;AAED,2CAYC"}