tdesign-react 0.23.0 → 0.23.1

package/lib/_util/useUpdateEffect.js

@@ -1,14 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useRef, useLayoutEffect } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 var useUpdateEffect = function useUpdateEffect(callback, dependency) {
-  var ref = useRef(false);
-  useLayoutEffect(function () {
+  var ref = React.useRef(false);
+  React.useLayoutEffect(function () {
     if (!ref.current) {
       ref.current = true;
       return void 0;
@@ -18,5 +22,5 @@ var useUpdateEffect = function useUpdateEffect(callback, dependency) {
   }, dependency);
 };
 
-export { useUpdateEffect as default };
+exports["default"] = useUpdateEffect;
 //# sourceMappingURL=useUpdateEffect.js.map

package/lib/_util/useUpdateEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateEffect.js","sources":["../../src/_util/useUpdateEffect.ts"],"sourcesContent":["import { useLayoutEffect, useRef, DependencyList } from 'react';\n\nconst useUpdateEffect = (callback: () => void, dependency: DependencyList) => {\n  const ref = useRef(false);\n\n  useLayoutEffect(() => {\n    if (!ref.current) {\n      ref.current = true;\n      return undefined;\n    }\n\n    return callback();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependency);\n};\n\nexport default useUpdateEffect;\n"],"names":["useUpdateEffect","callback","dependency","ref","useRef","useLayoutEffect","current"],"mappings":";;;;;;;;IACMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAWC,UAAX,EAA0B;AAChD,MAAMC,GAAG,GAAGC,MAAM,CAAC,KAAD,CAAlB;AACAC,EAAAA,eAAe,CAAC,YAAM;AACpB,QAAI,CAACF,GAAG,CAACG,OAAT,EAAkB;AAChBH,MAAAA,GAAG,CAACG,OAAJ,GAAc,IAAd;AACA,aAAO,KAAK,CAAZ;AACD;;AACD,WAAOL,QAAQ,EAAf;AACD,GANc,EAMZC,UANY,CAAf;AAOD;;;;"}
+{"version":3,"file":"useUpdateEffect.js","sources":["../../src/_util/useUpdateEffect.ts"],"sourcesContent":["import { useLayoutEffect, useRef, DependencyList } from 'react';\n\nconst useUpdateEffect = (callback: () => void, dependency: DependencyList) => {\n  const ref = useRef(false);\n\n  useLayoutEffect(() => {\n    if (!ref.current) {\n      ref.current = true;\n      return undefined;\n    }\n\n    return callback();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependency);\n};\n\nexport default useUpdateEffect;\n"],"names":["useUpdateEffect","callback","dependency","ref","useRef","useLayoutEffect","current"],"mappings":";;;;;;;;;;;;IACMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAWC,UAAX,EAA0B;AAChD,MAAMC,GAAG,GAAGC,YAAM,CAAC,KAAD,CAAlB;AACAC,EAAAA,qBAAe,CAAC,YAAM;AACpB,QAAI,CAACF,GAAG,CAACG,OAAT,EAAkB;AAChBH,MAAAA,GAAG,CAACG,OAAJ,GAAc,IAAd;AACA,aAAO,KAAK,CAAZ;AACD;;AACD,WAAOL,QAAQ,EAAf;AACD,GANc,EAMZC,UANY,CAAf;AAOD;;;;"}

package/lib/addon/Addon.js

@@ -1,34 +1,43 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
-import useConfig from '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var objectWithoutProperties = require('../_chunks/dep-d004a138.js');
+var React = require('react');
+var classNames = require('classnames');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var _excluded = ["prepend", "append", "children", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var renderAddon = function renderAddon(type, classPrefix, Content) {
   var result;
 
   if (typeof Content === "function") {
-    result = /* @__PURE__ */React.createElement(Content, null);
+    result = /* @__PURE__ */React__default["default"].createElement(Content, null);
   } else if (typeof Content !== "undefined") {
     result = Content;
   }
 
   if (result || typeof result === "number") {
-    result = /* @__PURE__ */React.createElement("span", {
+    result = /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-addon__").concat(type)
     }, result);
   }
@@ -36,24 +45,24 @@ var renderAddon = function renderAddon(type, classPrefix, Content) {
   return result;
 };
 
-var Addon = /*#__PURE__*/forwardRef(function (props, ref) {
+var Addon = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
   var prepend = props.prepend,
       append = props.append,
       children = props.children,
       className = props.className,
-      wrapperProps = _objectWithoutProperties(props, _excluded);
+      wrapperProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
-  return /* @__PURE__ */React.createElement("div", _objectSpread({
+  return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread({
     ref: ref,
-    className: classNames(className, "".concat(classPrefix, "-addon"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-addon--prepend"), !!prepend), _defineProperty(_classNames, "".concat(classPrefix, "-addon--append"), !!append), _classNames))
+    className: classNames__default["default"](className, "".concat(classPrefix, "-addon"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-addon--prepend"), !!prepend), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-addon--append"), !!append), _classNames))
   }, wrapperProps), renderAddon("prepend", classPrefix, prepend), children, renderAddon("append", classPrefix, append));
 });
 Addon.displayName = "Addon";
 
-export { Addon as default };
+exports["default"] = Addon;
 //# sourceMappingURL=Addon.js.map

package/lib/addon/Addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sources":["../../src/addon/Addon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\nexport interface AddonProps extends React.HTMLAttributes<HTMLDivElement> {\n  prepend?: React.ReactNode;\n  append?: React.ReactNode;\n}\n\nconst renderAddon = (type, classPrefix, Content) => {\n  let result: React.ReactNode;\n\n  if (typeof Content === 'function') {\n    result = <Content />;\n  } else if (typeof Content !== 'undefined') {\n    result = Content;\n  }\n\n  if (result || typeof result === 'number') {\n    result = <span className={`${classPrefix}-addon__${type}`}>{result}</span>;\n  }\n\n  return result;\n};\n\nconst Addon = forwardRef((props: AddonProps, ref: React.Ref<HTMLDivElement>) => {\n  const { classPrefix } = useConfig();\n  const { prepend, append, children, className, ...wrapperProps } = props;\n  return (\n    <div\n      ref={ref}\n      className={classNames(className, `${classPrefix}-addon`, {\n        [`${classPrefix}-addon--prepend`]: !!prepend,\n        [`${classPrefix}-addon--append`]: !!append,\n      })}\n      {...wrapperProps}\n    >\n      {renderAddon('prepend', classPrefix, prepend)}\n      {children}\n      {renderAddon('append', classPrefix, append)}\n    </div>\n  );\n});\n\nAddon.displayName = 'Addon';\n\nexport default Addon;\n"],"names":["renderAddon","type","classPrefix","Content","result","React","createElement","className","Addon","forwardRef","props","ref","useConfig","prepend","append","children","wrapperProps","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,WAAP,EAAoBC,OAApB,EAAgC;AAClD,MAAIC,MAAJ;;AACA,MAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;AACjCC,IAAAA,MAAM,kBAAmBC,KAAK,CAACC,aAAN,CAAoBH,OAApB,EAA6B,IAA7B,CAAzB;AACD,GAFD,MAEO,IAAI,OAAOA,OAAP,KAAmB,WAAvB,EAAoC;AACzCC,IAAAA,MAAM,GAAGD,OAAT;AACD;;AACD,MAAIC,MAAM,IAAI,OAAOA,MAAP,KAAkB,QAAhC,EAA0C;AACxCA,IAAAA,MAAM,kBAAmBC,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AACnDC,MAAAA,SAAS,YAAKL,WAAL,qBAA2BD,IAA3B;AAD0C,KAA5B,EAEtBG,MAFsB,CAAzB;AAGD;;AACD,SAAOA,MAAP;AACD,CAbD;;IAcMI,KAAK,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AACvC,mBAAwBC,SAAS,EAAjC;AAAA,MAAQV,WAAR,cAAQA,WAAR;;AACA,MAAQW,OAAR,GAAkEH,KAAlE,CAAQG,OAAR;AAAA,MAAiBC,MAAjB,GAAkEJ,KAAlE,CAAiBI,MAAjB;AAAA,MAAyBC,QAAzB,GAAkEL,KAAlE,CAAyBK,QAAzB;AAAA,MAAmCR,SAAnC,GAAkEG,KAAlE,CAAmCH,SAAnC;AAAA,MAAiDS,YAAjD,4BAAkEN,KAAlE;;AACA,wBAAuBL,KAAK,CAACC,aAAN,CAAoB,KAApB;AACrBK,IAAAA,GAAG,EAAHA,GADqB;AAErBJ,IAAAA,SAAS,EAAEU,UAAU,CAACV,SAAD,YAAeL,WAAf,uEACfA,WADe,sBACgB,CAAC,CAACW,OADlB,0CAEfX,WAFe,qBAEe,CAAC,CAACY,MAFjB;AAFA,KAMlBE,YANkB,GAOpBhB,WAAW,CAAC,SAAD,EAAYE,WAAZ,EAAyBW,OAAzB,CAPS,EAO0BE,QAP1B,EAOoCf,WAAW,CAAC,QAAD,EAAWE,WAAX,EAAwBY,MAAxB,CAP/C,CAAvB;AAQD,CAXuB;AAYxBN,KAAK,CAACU,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Addon.js","sources":["../../src/addon/Addon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\nexport interface AddonProps extends React.HTMLAttributes<HTMLDivElement> {\n  prepend?: React.ReactNode;\n  append?: React.ReactNode;\n}\n\nconst renderAddon = (type, classPrefix, Content) => {\n  let result: React.ReactNode;\n\n  if (typeof Content === 'function') {\n    result = <Content />;\n  } else if (typeof Content !== 'undefined') {\n    result = Content;\n  }\n\n  if (result || typeof result === 'number') {\n    result = <span className={`${classPrefix}-addon__${type}`}>{result}</span>;\n  }\n\n  return result;\n};\n\nconst Addon = forwardRef((props: AddonProps, ref: React.Ref<HTMLDivElement>) => {\n  const { classPrefix } = useConfig();\n  const { prepend, append, children, className, ...wrapperProps } = props;\n  return (\n    <div\n      ref={ref}\n      className={classNames(className, `${classPrefix}-addon`, {\n        [`${classPrefix}-addon--prepend`]: !!prepend,\n        [`${classPrefix}-addon--append`]: !!append,\n      })}\n      {...wrapperProps}\n    >\n      {renderAddon('prepend', classPrefix, prepend)}\n      {children}\n      {renderAddon('append', classPrefix, append)}\n    </div>\n  );\n});\n\nAddon.displayName = 'Addon';\n\nexport default Addon;\n"],"names":["renderAddon","type","classPrefix","Content","result","React","createElement","className","Addon","forwardRef","props","ref","useConfig","prepend","append","children","wrapperProps","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,WAAP,EAAoBC,OAApB,EAAgC;AAClD,MAAIC,MAAJ;;AACA,MAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;AACjCC,IAAAA,MAAM,kBAAmBC,yBAAK,CAACC,aAAN,CAAoBH,OAApB,EAA6B,IAA7B,CAAzB;AACD,GAFD,MAEO,IAAI,OAAOA,OAAP,KAAmB,WAAvB,EAAoC;AACzCC,IAAAA,MAAM,GAAGD,OAAT;AACD;;AACD,MAAIC,MAAM,IAAI,OAAOA,MAAP,KAAkB,QAAhC,EAA0C;AACxCA,IAAAA,MAAM,kBAAmBC,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AACnDC,MAAAA,SAAS,YAAKL,WAAL,qBAA2BD,IAA3B;AAD0C,KAA5B,EAEtBG,MAFsB,CAAzB;AAGD;;AACD,SAAOA,MAAP;AACD,CAbD;;IAcMI,KAAK,gBAAGC,gBAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AACvC,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQV,WAAR,cAAQA,WAAR;;AACA,MAAQW,OAAR,GAAkEH,KAAlE,CAAQG,OAAR;AAAA,MAAiBC,MAAjB,GAAkEJ,KAAlE,CAAiBI,MAAjB;AAAA,MAAyBC,QAAzB,GAAkEL,KAAlE,CAAyBK,QAAzB;AAAA,MAAmCR,SAAnC,GAAkEG,KAAlE,CAAmCH,SAAnC;AAAA,MAAiDS,YAAjD,oDAAkEN,KAAlE;;AACA,wBAAuBL,yBAAK,CAACC,aAAN,CAAoB,KAApB;AACrBK,IAAAA,GAAG,EAAHA,GADqB;AAErBJ,IAAAA,SAAS,EAAEU,8BAAU,CAACV,SAAD,YAAeL,WAAf,sFACfA,WADe,sBACgB,CAAC,CAACW,OADlB,yDAEfX,WAFe,qBAEe,CAAC,CAACY,MAFjB;AAFA,KAMlBE,YANkB,GAOpBhB,WAAW,CAAC,SAAD,EAAYE,WAAZ,EAAyBW,OAAzB,CAPS,EAO0BE,QAP1B,EAOoCf,WAAW,CAAC,QAAD,EAAWE,WAAX,EAAwBY,MAAxB,CAP/C,CAAvB;AAQD,CAXuB;AAYxBN,KAAK,CAACU,WAAN,GAAoB,OAApB;;;;"}

package/lib/addon/index.js

@@ -1,19 +1,24 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import Addon$1 from './Addon.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-c611ea38.js';
-import 'react';
-import 'classnames';
-import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
 
-var Addon = Addon$1;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { Addon, Addon as default };
+var addon_Addon = require('./Addon.js');
+require('../_chunks/dep-60e5ab16.js');
+require('../_chunks/dep-d004a138.js');
+require('react');
+require('classnames');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+var Addon = addon_Addon["default"];
+
+exports.Addon = Addon;
+exports["default"] = Addon;
 //# sourceMappingURL=index.js.map

package/lib/addon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/addon/index.ts"],"sourcesContent":["import _Addon from './Addon';\n\nexport const Addon = _Addon;\n\nexport type { AddonProps } from './Addon';\n\nexport default Addon;\n"],"names":["Addon","_Addon"],"mappings":";;;;;;;;;;;;;;;IACaA,KAAK,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/addon/index.ts"],"sourcesContent":["import _Addon from './Addon';\n\nexport const Addon = _Addon;\n\nexport type { AddonProps } from './Addon';\n\nexport default Addon;\n"],"names":["Addon","_Addon"],"mappings":";;;;;;;;;;;;;;;;;;;IACaA,KAAK,GAAGC;;;;;"}

package/lib/affix/Affix.d.ts

@@ -3,9 +3,9 @@ import { StyledProps } from '../common';
 import { TdAffixProps } from './type';
 export interface AffixProps extends TdAffixProps, StyledProps {
 }
-interface RefProps {
+export interface AffixRef {
     calcInitValue: () => void;
     handleScroll: () => void;
 }
-declare const Affix: React.ForwardRefExoticComponent<AffixProps & React.RefAttributes<RefProps>>;
+declare const Affix: React.ForwardRefExoticComponent<AffixProps & React.RefAttributes<AffixRef>>;
 export default Affix;

package/lib/affix/Affix.js

@@ -1,32 +1,41 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import React, { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
-import { i as isFunction_1 } from '../_chunks/dep-b05d4541.js';
-import { getScrollContainer } from '../_util/dom.js';
-import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-ad63776f.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-3f6bcf45.js';
-import 'raf';
-import '../_chunks/dep-2c954aac.js';
-import '../_chunks/dep-566d4902.js';
-import '../_chunks/dep-106adff6.js';
-import '../_util/easing.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var React = require('react');
+var isFunction = require('../_chunks/dep-8f7cf7c0.js');
+var _util_dom = require('../_util/dom.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-e9b6be46.js');
+require('../_chunks/dep-a3912276.js');
+require('../_chunks/dep-bf25d6c3.js');
+require('../_chunks/dep-1a5e5f30.js');
+require('raf');
+require('../_chunks/dep-cf067838.js');
+require('../_chunks/dep-06e9d05b.js');
+require('../_chunks/dep-9c909570.js');
+require('../_util/easing.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
+      zIndex = props.zIndex,
       _props$container = props.container,
       container = _props$container === void 0 ? function () {
     return window;
@@ -35,23 +44,23 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
       offsetTop = props.offsetTop,
       onFixedChange = props.onFixedChange;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       affixed = _useState2[0],
       setAffixed = _useState2[1];
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var affixRef = useRef();
-  var affixWrapRef = useRef();
-  var stateRef = useRef({
+  var affixRef = React.useRef(null);
+  var affixWrapRef = React.useRef(null);
+  var stateRef = React.useRef({
     ticking: false,
     oldWidth: 0,
     oldHeight: 0,
     containerHeight: 0
   });
-  var handleScroll = useCallback(function () {
+  var handleScroll = React.useCallback(function () {
     var _stateRef$current = stateRef.current,
         ticking = _stateRef$current.ticking,
         scrollContainer = _stateRef$current.scrollContainer,
@@ -60,11 +69,10 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
 
     if (!ticking) {
       window.requestAnimationFrame(function () {
-        var affixEl = affixRef.current;
-
-        var _affixWrapRef$current = affixWrapRef.current.getBoundingClientRect(),
-            top = _affixWrapRef$current.top;
+        var _affixWrapRef$current, _affixWrapRef$current2, _affixWrapRef$current3;
 
+        var affixEl = affixRef.current;
+        var top = (_affixWrapRef$current = (_affixWrapRef$current2 = affixWrapRef.current) === null || _affixWrapRef$current2 === void 0 ? void 0 : (_affixWrapRef$current3 = _affixWrapRef$current2.getBoundingClientRect()) === null || _affixWrapRef$current3 === void 0 ? void 0 : _affixWrapRef$current3.top) !== null && _affixWrapRef$current !== void 0 ? _affixWrapRef$current : 0;
         var containerTop = 0;
 
         if (scrollContainer instanceof HTMLElement) {
@@ -73,7 +81,7 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
 
         var fixedTop;
         var calcTop = top - containerTop;
-        var calcBottom = containerTop + containerHeight - offsetBottom;
+        var calcBottom = containerTop + containerHeight - (offsetBottom !== null && offsetBottom !== void 0 ? offsetBottom : 0);
 
         if (offsetTop !== void 0 && calcTop <= offsetTop) {
           fixedTop = containerTop + offsetTop;
@@ -83,27 +91,38 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
           fixedTop = false;
         }
 
-        if (fixedTop !== false) {
-          affixEl.className = "".concat(classPrefix, "-affix");
-          affixEl.style.top = "".concat(fixedTop, "px");
-          affixEl.style.width = "".concat(oldWidth2, "px");
-        } else {
-          affixEl.removeAttribute("class");
-          affixEl.removeAttribute("style");
+        if (affixEl) {
+          if (fixedTop !== false) {
+            affixEl.className = "".concat(classPrefix, "-affix");
+            affixEl.style.top = "".concat(fixedTop, "px");
+            affixEl.style.width = "".concat(oldWidth2, "px");
+
+            if (zIndex) {
+              affixEl.style.zIndex = "".concat(zIndex);
+            }
+          } else {
+            affixEl.removeAttribute("class");
+            affixEl.removeAttribute("style");
+          }
+        }
+
+        var affixed2 = fixedTop !== false;
+        setAffixed(affixed2);
+
+        if (isFunction.isFunction_1(onFixedChange)) {
+          onFixedChange(affixed2, {
+            top: +fixedTop
+          });
         }
 
-        setAffixed(!!fixedTop);
-        if (isFunction_1(onFixedChange)) onFixedChange(!!fixedTop, {
-          top: fixedTop
-        });
         stateRef.current.ticking = false;
       });
     }
 
     stateRef.current.ticking = true;
-  }, [classPrefix, offsetBottom, offsetTop, onFixedChange]);
-  var calcInitValue = useCallback(function () {
-    var scrollContainer = getScrollContainer(container);
+  }, [classPrefix, offsetBottom, offsetTop, zIndex, onFixedChange]);
+  var calcInitValue = React.useCallback(function () {
+    var scrollContainer = _util_dom.getScrollContainer(container);
     if (!scrollContainer) return;
     var containerHeight = 0;
 
@@ -125,20 +144,22 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     handleScroll();
   }, [container, handleScroll]);
-  useImperativeHandle(ref, function () {
+  React.useImperativeHandle(ref, function () {
     return {
       calcInitValue: calcInitValue,
       handleScroll: handleScroll
     };
   });
-  useEffect(function () {
+  React.useEffect(function () {
     calcInitValue();
 
     if (stateRef.current.scrollContainer) {
       stateRef.current.scrollContainer.addEventListener("scroll", handleScroll);
       window.addEventListener("resize", handleScroll);
       return function () {
-        stateRef.current.scrollContainer.removeEventListener("scroll", handleScroll);
+        var _stateRef$current$scr;
+
+        (_stateRef$current$scr = stateRef.current.scrollContainer) === null || _stateRef$current$scr === void 0 ? void 0 : _stateRef$current$scr.removeEventListener("scroll", handleScroll);
         window.removeEventListener("resize", handleScroll);
       };
     }
@@ -146,17 +167,17 @@ var Affix = /*#__PURE__*/forwardRef(function (props, ref) {
   var _stateRef$current2 = stateRef.current,
       oldWidth = _stateRef$current2.oldWidth,
       oldHeight = _stateRef$current2.oldHeight;
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default["default"].createElement("div", {
     ref: affixWrapRef
-  }, affixed ? /* @__PURE__ */React.createElement("div", {
+  }, affixed ? /* @__PURE__ */React__default["default"].createElement("div", {
     style: {
       width: "".concat(oldWidth, "px"),
       height: "".concat(oldHeight, "px")
     }
-  }) : "", /* @__PURE__ */React.createElement("div", {
+  }) : "", /* @__PURE__ */React__default["default"].createElement("div", {
     ref: affixRef
   }, children));
 });
 
-export { Affix as default };
+exports["default"] = Affix;
 //# sourceMappingURL=Affix.js.map

package/lib/affix/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../src/affix/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps , ScrollContainerElement } from '../common';\nimport { TdAffixProps } from './type';\nimport { getScrollContainer } from '../_util/dom';\nimport useConfig from '../_util/useConfig';\n\nexport interface AffixProps extends TdAffixProps, StyledProps {}\n\ninterface StateRef {\n  ticking: boolean;\n  oldWidth: number;\n  oldHeight: number;\n  containerHeight: number;\n  scrollContainer?: ScrollContainerElement;\n}\n\ninterface RefProps {\n  calcInitValue: () => void;\n  handleScroll: () => void;\n}\n\nconst Affix = forwardRef<RefProps, AffixProps>((props, ref) => {\n  const { children, container = () => window, offsetBottom, offsetTop, onFixedChange } = props;\n\n  const [affixed, setAffixed] = useState<boolean>(false);\n  const { classPrefix } = useConfig();\n\n  const affixRef = useRef<HTMLDivElement>();\n  const affixWrapRef = useRef<HTMLDivElement>();\n  const stateRef = useRef<StateRef>({ ticking: false, oldWidth: 0, oldHeight: 0, containerHeight: 0 });\n\n  const handleScroll = useCallback(() => {\n    const { ticking, scrollContainer, containerHeight, oldWidth } = stateRef.current;\n    if (!ticking) {\n      window.requestAnimationFrame(() => {\n        const affixEl = affixRef.current;\n        const { top } = affixWrapRef.current.getBoundingClientRect(); // top = 节点到页面顶部的距离，包含 scroll 中的高度\n        let containerTop = 0; // containerTop = 容器到页面顶部的距离\n        if (scrollContainer instanceof HTMLElement) {\n          containerTop = scrollContainer.getBoundingClientRect().top;\n        }\n        let fixedTop: number | false;\n        const calcTop = top - containerTop; // 节点顶部到 container 顶部的距离\n        const calcBottom = containerTop + containerHeight - offsetBottom; // 计算 bottom 相对应的 top 值\n        if (offsetTop !== undefined && calcTop <= offsetTop) {\n          // top 的触发\n          fixedTop = containerTop + offsetTop;\n        } else if (offsetBottom !== undefined && top >= calcBottom) {\n          // bottom 的触发\n          fixedTop = calcBottom;\n        } else {\n          fixedTop = false;\n        }\n\n        if (fixedTop !== false) {\n          affixEl.className = `${classPrefix}-affix`;\n          affixEl.style.top = `${fixedTop}px`;\n          affixEl.style.width = `${oldWidth}px`;\n        } else {\n          affixEl.removeAttribute('class');\n          affixEl.removeAttribute('style');\n        }\n        setAffixed(!!fixedTop);\n        if (isFunction(onFixedChange)) onFixedChange(!!fixedTop, { top: fixedTop });\n        stateRef.current.ticking = false;\n      });\n    }\n    stateRef.current.ticking = true;\n  }, [classPrefix, offsetBottom, offsetTop, onFixedChange]);\n\n  const calcInitValue = useCallback(() => {\n    const scrollContainer = getScrollContainer(container);\n    if (!scrollContainer) return;\n    // 获取当前可视的高度\n    let containerHeight = 0;\n    if (scrollContainer instanceof Window) {\n      containerHeight = scrollContainer.innerHeight;\n    } else {\n      containerHeight = scrollContainer.clientHeight;\n    }\n    // 被包裹的子节点宽高\n    const { clientWidth, clientHeight } = affixRef.current || {};\n    stateRef.current = {\n      ...stateRef.current,\n      scrollContainer,\n      oldWidth: clientWidth,\n      oldHeight: clientHeight,\n      containerHeight: containerHeight - clientHeight,\n    };\n\n    handleScroll();\n  }, [container, handleScroll]);\n\n  useImperativeHandle(ref, () => ({\n    calcInitValue,\n    handleScroll,\n  }));\n\n  useEffect(() => {\n    calcInitValue();\n    if (stateRef.current.scrollContainer) {\n      stateRef.current.scrollContainer.addEventListener('scroll', handleScroll);\n      window.addEventListener('resize', handleScroll);\n      return () => {\n        stateRef.current.scrollContainer.removeEventListener('scroll', handleScroll);\n        window.removeEventListener('resize', handleScroll);\n      };\n    }\n  }, [calcInitValue, handleScroll]);\n\n  const { oldWidth, oldHeight } = stateRef.current;\n\n  return (\n    <div ref={affixWrapRef}>\n      {affixed ? <div style={{ width: `${oldWidth}px`, height: `${oldHeight}px` }}></div> : ''}\n      <div ref={affixRef}>{children}</div>\n    </div>\n  );\n});\n\nexport default Affix;\n"],"names":["Affix","forwardRef","props","ref","children","container","window","offsetBottom","offsetTop","onFixedChange","useState","affixed","setAffixed","useConfig","classPrefix","affixRef","useRef","affixWrapRef","stateRef","ticking","oldWidth","oldHeight","containerHeight","handleScroll","useCallback","current","scrollContainer","oldWidth2","requestAnimationFrame","affixEl","getBoundingClientRect","top","containerTop","HTMLElement","fixedTop","calcTop","calcBottom","className","style","width","removeAttribute","isFunction","calcInitValue","getScrollContainer","Window","innerHeight","clientHeight","clientWidth","useImperativeHandle","useEffect","addEventListener","removeEventListener","React","createElement","height"],"mappings":"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"}
+{"version":3,"file":"Affix.js","sources":["../../src/affix/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps, ScrollContainerElement } from '../common';\nimport { TdAffixProps } from './type';\nimport { getScrollContainer } from '../_util/dom';\nimport useConfig from '../_util/useConfig';\n\nexport interface AffixProps extends TdAffixProps, StyledProps {}\n\ninterface StateRef {\n  ticking: boolean;\n  oldWidth: number;\n  oldHeight: number;\n  containerHeight: number;\n  scrollContainer?: ScrollContainerElement;\n}\n\nexport interface AffixRef {\n  calcInitValue: () => void;\n  handleScroll: () => void;\n}\n\nconst Affix = forwardRef<AffixRef, AffixProps>((props, ref) => {\n  const { children, zIndex, container = () => window, offsetBottom, offsetTop, onFixedChange } = props;\n\n  const [affixed, setAffixed] = useState<boolean>(false);\n  const { classPrefix } = useConfig();\n\n  const affixRef = useRef<HTMLDivElement>(null);\n  const affixWrapRef = useRef<HTMLDivElement>(null);\n  const stateRef = useRef<StateRef>({ ticking: false, oldWidth: 0, oldHeight: 0, containerHeight: 0 });\n\n  const handleScroll = useCallback(() => {\n    const { ticking, scrollContainer, containerHeight, oldWidth } = stateRef.current;\n    if (!ticking) {\n      window.requestAnimationFrame(() => {\n        const affixEl = affixRef.current;\n\n        // top = 节点到页面顶部的距离，包含 scroll 中的高度\n        const top = affixWrapRef.current?.getBoundingClientRect()?.top ?? 0;\n\n        // containerTop = 容器到页面顶部的距离\n        let containerTop = 0;\n        if (scrollContainer instanceof HTMLElement) {\n          containerTop = scrollContainer.getBoundingClientRect().top;\n        }\n\n        let fixedTop: number | false;\n        const calcTop = top - containerTop; // 节点顶部到 container 顶部的距离\n        const calcBottom = containerTop + containerHeight - (offsetBottom ?? 0); // 计算 bottom 相对应的 top 值\n\n        if (offsetTop !== undefined && calcTop <= offsetTop) {\n          // top 的触发\n          fixedTop = containerTop + offsetTop;\n        } else if (offsetBottom !== undefined && top >= calcBottom) {\n          // bottom 的触发\n          fixedTop = calcBottom;\n        } else {\n          fixedTop = false;\n        }\n\n        if (affixEl) {\n          if (fixedTop !== false) {\n            affixEl.className = `${classPrefix}-affix`;\n            affixEl.style.top = `${fixedTop}px`;\n            affixEl.style.width = `${oldWidth}px`;\n\n            if (zIndex) {\n              affixEl.style.zIndex = `${zIndex}`;\n            }\n          } else {\n            affixEl.removeAttribute('class');\n            affixEl.removeAttribute('style');\n          }\n        }\n\n        const affixed = fixedTop !== false;\n\n        setAffixed(affixed);\n\n        if (isFunction(onFixedChange)) {\n          onFixedChange(affixed, { top: +fixedTop });\n        }\n\n        stateRef.current.ticking = false;\n      });\n    }\n    stateRef.current.ticking = true;\n  }, [classPrefix, offsetBottom, offsetTop, zIndex, onFixedChange]);\n\n  const calcInitValue = useCallback(() => {\n    const scrollContainer = getScrollContainer(container);\n    if (!scrollContainer) return;\n    // 获取当前可视的高度\n    let containerHeight = 0;\n    if (scrollContainer instanceof Window) {\n      containerHeight = scrollContainer.innerHeight;\n    } else {\n      containerHeight = scrollContainer.clientHeight;\n    }\n    // 被包裹的子节点宽高\n    const { clientWidth, clientHeight } = affixRef.current || {};\n    stateRef.current = {\n      ...stateRef.current,\n      scrollContainer,\n      oldWidth: clientWidth,\n      oldHeight: clientHeight,\n      containerHeight: containerHeight - clientHeight,\n    };\n\n    handleScroll();\n  }, [container, handleScroll]);\n\n  useImperativeHandle(ref, () => ({\n    calcInitValue,\n    handleScroll,\n  }));\n\n  useEffect(() => {\n    calcInitValue();\n    if (stateRef.current.scrollContainer) {\n      stateRef.current.scrollContainer.addEventListener('scroll', handleScroll);\n      window.addEventListener('resize', handleScroll);\n\n      return () => {\n        stateRef.current.scrollContainer?.removeEventListener('scroll', handleScroll);\n        window.removeEventListener('resize', handleScroll);\n      };\n    }\n  }, [calcInitValue, handleScroll]);\n\n  const { oldWidth, oldHeight } = stateRef.current;\n\n  return (\n    <div ref={affixWrapRef}>\n      {affixed ? <div style={{ width: `${oldWidth}px`, height: `${oldHeight}px` }}></div> : ''}\n      <div ref={affixRef}>{children}</div>\n    </div>\n  );\n});\n\nexport default Affix;\n"],"names":["Affix","forwardRef","props","ref","children","zIndex","container","window","offsetBottom","offsetTop","onFixedChange","useState","affixed","setAffixed","useConfig","classPrefix","affixRef","useRef","affixWrapRef","stateRef","ticking","oldWidth","oldHeight","containerHeight","handleScroll","useCallback","current","scrollContainer","oldWidth2","requestAnimationFrame","affixEl","top","getBoundingClientRect","containerTop","HTMLElement","fixedTop","calcTop","calcBottom","className","style","width","removeAttribute","affixed2","isFunction","calcInitValue","getScrollContainer","Window","innerHeight","clientHeight","clientWidth","useImperativeHandle","useEffect","addEventListener","removeEventListener","React","createElement","height"],"mappings":"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"}

package/lib/affix/index.d.ts

@@ -1,6 +1,6 @@
 import Affix from './Affix';
 import './style/index.js';
 export { Affix };
-export type { AffixProps } from './Affix';
+export type { AffixProps, AffixRef } from './Affix';
 export * from './type';
 export default Affix;

package/lib/affix/index.js

@@ -1,26 +1,34 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import Affix from './Affix.js';
-export { default as Affix, default } from './Affix.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
-import 'react';
-import '../_chunks/dep-b05d4541.js';
-import '../_chunks/dep-ad63776f.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-3f6bcf45.js';
-import '../_util/dom.js';
-import 'raf';
-import '../_chunks/dep-2c954aac.js';
-import '../_chunks/dep-566d4902.js';
-import '../_chunks/dep-106adff6.js';
-import '../_util/easing.js';
-import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var affix_Affix = require('./Affix.js');
+require('../_chunks/dep-60e5ab16.js');
+require('../_chunks/dep-dcd8e953.js');
+require('../_chunks/dep-e9b6be46.js');
+require('react');
+require('../_chunks/dep-8f7cf7c0.js');
+require('../_chunks/dep-a3912276.js');
+require('../_chunks/dep-bf25d6c3.js');
+require('../_chunks/dep-1a5e5f30.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-cf067838.js');
+require('../_chunks/dep-06e9d05b.js');
+require('../_chunks/dep-9c909570.js');
+require('../_util/easing.js');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+
+
+exports.Affix = affix_Affix["default"];
+exports["default"] = affix_Affix["default"];
 //# sourceMappingURL=index.js.map

package/lib/affix/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/affix/type.js

@@ -1,7 +1,9 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
+'use strict';
+
 //# sourceMappingURL=type.js.map

package/lib/affix/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}