tdesign-react 0.23.0 → 0.23.1

package/lib/_util/setStyle.js

@@ -1,9 +1,13 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function setStyle(el, styles) {
   var keys = Object.keys(styles);
   keys.forEach(function (key) {
@@ -11,5 +15,5 @@ function setStyle(el, styles) {
   });
 }
 
-export { setStyle as default };
+exports["default"] = setStyle;
 //# sourceMappingURL=setStyle.js.map

package/lib/_util/setStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"setStyle.js","sources":["../../src/_util/setStyle.ts"],"sourcesContent":["import { Styles } from '../common';\n\n/**\n * 用于为el节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles: Styles): void {\n  const keys = Object.keys(styles);\n  keys.forEach((key) => {\n    // eslint-disable-next-line no-param-reassign\n    el.style[key] = styles[key];\n  });\n}\n\nexport default setStyle;\n"],"names":["setStyle","el","styles","keys","Object","forEach","key","style"],"mappings":";;;;;;AAAA,SAASA,QAAT,CAAkBC,EAAlB,EAAsBC,MAAtB,EAA8B;AAC5B,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYD,MAAZ,CAAb;AACAC,EAAAA,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AACpBL,IAAAA,EAAE,CAACM,KAAH,CAASD,GAAT,IAAgBJ,MAAM,CAACI,GAAD,CAAtB;AACD,GAFD;AAGD;;;;"}
+{"version":3,"file":"setStyle.js","sources":["../../src/_util/setStyle.ts"],"sourcesContent":["import { Styles } from '../common';\n\n/**\n * 用于为el节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles: Styles): void {\n  const keys = Object.keys(styles);\n  keys.forEach((key) => {\n    // eslint-disable-next-line no-param-reassign\n    el.style[key] = styles[key];\n  });\n}\n\nexport default setStyle;\n"],"names":["setStyle","el","styles","keys","Object","forEach","key","style"],"mappings":";;;;;;;;;;AAAA,SAASA,QAAT,CAAkBC,EAAlB,EAAsBC,MAAtB,EAA8B;AAC5B,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYD,MAAZ,CAAb;AACAC,EAAAA,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AACpBL,IAAAA,EAAE,CAACM,KAAH,CAASD,GAAT,IAAgBJ,MAAM,CAACI,GAAD,CAAtB;AACD,GAFD;AAGD;;;;"}

package/lib/_util/useClickOutside.js

@@ -1,13 +1,17 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useEffect } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 function useClickOutside(refs, handler) {
-  useEffect(function () {
+  React.useEffect(function () {
     var listener = function listener(event) {
       if (!Array.isArray(refs) || refs.find(function (ref) {
         var _ref$current;
@@ -29,5 +33,5 @@ function useClickOutside(refs, handler) {
   }, [refs, handler]);
 }
 
-export { useClickOutside as default };
+exports["default"] = useClickOutside;
 //# sourceMappingURL=useClickOutside.js.map

package/lib/_util/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/_util/useClickOutside.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from 'react';\n\nexport default function useClickOutside<T extends HTMLElement>(\n  refs: MutableRefObject<T>[],\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!Array.isArray(refs) || refs.find((ref) => ref.current?.contains(event.target))) {\n        return;\n      }\n      handler(event);\n    };\n    // todo: pointerdown， jsdom 暂未实现 pointer 事件，后续加上后可以改进.\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n}\n"],"names":["useClickOutside","refs","handler","useEffect","listener","event","Array","isArray","find","ref","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;AACe,SAASA,eAAT,CAAyBC,IAAzB,EAA+BC,OAA/B,EAAwC;AACrDC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcN,IAAd,CAAD,IAAwBA,IAAI,CAACO,IAAL,CAAU,UAACC,GAAD;AAAA;;AAAA,+BAASA,GAAG,CAACC,OAAb,iDAAS,aAAaC,QAAb,CAAsBN,KAAK,CAACO,MAA5B,CAAT;AAAA,OAAV,CAA5B,EAAqF;AACnF;AACD;;AACDV,MAAAA,OAAO,CAACG,KAAD,CAAP;AACD,KALD;;AAMAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCV,QAAvC;AACAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCV,QAAxC;AACA,WAAO,YAAM;AACXS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CX,QAA1C;AACAS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CX,QAA3C;AACD,KAHD;AAID,GAbQ,EAaN,CAACH,IAAD,EAAOC,OAAP,CAbM,CAAT;AAcD;;;;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../src/_util/useClickOutside.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from 'react';\n\nexport default function useClickOutside<T extends HTMLElement>(\n  refs: MutableRefObject<T>[],\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!Array.isArray(refs) || refs.find((ref) => ref.current?.contains(event.target))) {\n        return;\n      }\n      handler(event);\n    };\n    // todo: pointerdown， jsdom 暂未实现 pointer 事件，后续加上后可以改进.\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n}\n"],"names":["useClickOutside","refs","handler","useEffect","listener","event","Array","isArray","find","ref","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;;AACe,SAASA,eAAT,CAAyBC,IAAzB,EAA+BC,OAA/B,EAAwC;AACrDC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcN,IAAd,CAAD,IAAwBA,IAAI,CAACO,IAAL,CAAU,UAACC,GAAD;AAAA;;AAAA,+BAASA,GAAG,CAACC,OAAb,iDAAS,aAAaC,QAAb,CAAsBN,KAAK,CAACO,MAA5B,CAAT;AAAA,OAAV,CAA5B,EAAqF;AACnF;AACD;;AACDV,MAAAA,OAAO,CAACG,KAAD,CAAP;AACD,KALD;;AAMAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCV,QAAvC;AACAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCV,QAAxC;AACA,WAAO,YAAM;AACXS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CX,QAA1C;AACAS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CX,QAA3C;AACD,KAHD;AAID,GAbQ,EAaN,CAACH,IAAD,EAAOC,OAAP,CAbM,CAAT;AAcD;;;;"}

package/lib/_util/useCommonClassName.js

@@ -1,19 +1,23 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useMemo } from 'react';
-import useConfig from './useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _util_useConfig = require('./useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
 
 function useCommonClassName() {
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  return useMemo(function () {
+  return React.useMemo(function () {
     return {
       SIZE: {
         "default": "",
@@ -44,5 +48,5 @@ function useCommonClassName() {
   }, [classPrefix]);
 }
 
-export { useCommonClassName as default };
+exports["default"] = useCommonClassName;
 //# sourceMappingURL=useCommonClassName.js.map

package/lib/_util/useCommonClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCommonClassName.js","sources":["../../src/_util/useCommonClassName.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport useConfig from './useConfig';\n\nexport default function useCommonClassName() {\n  const { classPrefix } = useConfig();\n\n  return useMemo(\n    () => ({\n      SIZE: {\n        default: '',\n        xs: `${classPrefix}-size-xs`,\n        small: `${classPrefix}-size-s`,\n        medium: `${classPrefix}-size-m`,\n        large: `${classPrefix}-size-l`,\n        xl: `${classPrefix}-size-xl`,\n        block: `${classPrefix}-size-full-width`,\n      },\n      STATUS: {\n        loading: `${classPrefix}-is-loading`,\n        disabled: `${classPrefix}-is-disabled`,\n        focused: `${classPrefix}-is-focused`,\n        success: `${classPrefix}-is-success`,\n        error: `${classPrefix}-is-error`,\n        warning: `${classPrefix}-is-warning`,\n        selected: `${classPrefix}-is-selected`,\n        active: `${classPrefix}-is-active`,\n        checked: `${classPrefix}-is-checked`,\n        current: `${classPrefix}-is-current`,\n        hidden: `${classPrefix}-is-hidden`,\n        visible: `${classPrefix}-is-visible`,\n        expanded: `${classPrefix}-is-expanded`,\n        indeterminate: `${classPrefix}-is-indeterminate`,\n      },\n    }),\n    [classPrefix],\n  );\n}\n"],"names":["useCommonClassName","useConfig","classPrefix","useMemo","SIZE","xs","small","medium","large","xl","block","STATUS","loading","disabled","focused","success","error","warning","selected","active","checked","current","hidden","visible","expanded","indeterminate"],"mappings":";;;;;;;;;;;AAEe,SAASA,kBAAT,GAA8B;AAC3C,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,SAAOC,OAAO,CAAC;AAAA,WAAO;AACpBC,MAAAA,IAAI,EAAE;AACJ,mBAAS,EADL;AAEJC,QAAAA,EAAE,YAAKH,WAAL,aAFE;AAGJI,QAAAA,KAAK,YAAKJ,WAAL,YAHD;AAIJK,QAAAA,MAAM,YAAKL,WAAL,YAJF;AAKJM,QAAAA,KAAK,YAAKN,WAAL,YALD;AAMJO,QAAAA,EAAE,YAAKP,WAAL,aANE;AAOJQ,QAAAA,KAAK,YAAKR,WAAL;AAPD,OADc;AAUpBS,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,YAAKV,WAAL,gBADD;AAENW,QAAAA,QAAQ,YAAKX,WAAL,iBAFF;AAGNY,QAAAA,OAAO,YAAKZ,WAAL,gBAHD;AAINa,QAAAA,OAAO,YAAKb,WAAL,gBAJD;AAKNc,QAAAA,KAAK,YAAKd,WAAL,cALC;AAMNe,QAAAA,OAAO,YAAKf,WAAL,gBAND;AAONgB,QAAAA,QAAQ,YAAKhB,WAAL,iBAPF;AAQNiB,QAAAA,MAAM,YAAKjB,WAAL,eARA;AASNkB,QAAAA,OAAO,YAAKlB,WAAL,gBATD;AAUNmB,QAAAA,OAAO,YAAKnB,WAAL,gBAVD;AAWNoB,QAAAA,MAAM,YAAKpB,WAAL,eAXA;AAYNqB,QAAAA,OAAO,YAAKrB,WAAL,gBAZD;AAaNsB,QAAAA,QAAQ,YAAKtB,WAAL,iBAbF;AAcNuB,QAAAA,aAAa,YAAKvB,WAAL;AAdP;AAVY,KAAP;AAAA,GAAD,EA0BV,CAACA,WAAD,CA1BU,CAAd;AA2BD;;;;"}
+{"version":3,"file":"useCommonClassName.js","sources":["../../src/_util/useCommonClassName.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport useConfig from './useConfig';\n\nexport default function useCommonClassName() {\n  const { classPrefix } = useConfig();\n\n  return useMemo(\n    () => ({\n      SIZE: {\n        default: '',\n        xs: `${classPrefix}-size-xs`,\n        small: `${classPrefix}-size-s`,\n        medium: `${classPrefix}-size-m`,\n        large: `${classPrefix}-size-l`,\n        xl: `${classPrefix}-size-xl`,\n        block: `${classPrefix}-size-full-width`,\n      },\n      STATUS: {\n        loading: `${classPrefix}-is-loading`,\n        disabled: `${classPrefix}-is-disabled`,\n        focused: `${classPrefix}-is-focused`,\n        success: `${classPrefix}-is-success`,\n        error: `${classPrefix}-is-error`,\n        warning: `${classPrefix}-is-warning`,\n        selected: `${classPrefix}-is-selected`,\n        active: `${classPrefix}-is-active`,\n        checked: `${classPrefix}-is-checked`,\n        current: `${classPrefix}-is-current`,\n        hidden: `${classPrefix}-is-hidden`,\n        visible: `${classPrefix}-is-visible`,\n        expanded: `${classPrefix}-is-expanded`,\n        indeterminate: `${classPrefix}-is-indeterminate`,\n      },\n    }),\n    [classPrefix],\n  );\n}\n"],"names":["useCommonClassName","useConfig","classPrefix","useMemo","SIZE","xs","small","medium","large","xl","block","STATUS","loading","disabled","focused","success","error","warning","selected","active","checked","current","hidden","visible","expanded","indeterminate"],"mappings":";;;;;;;;;;;;;;;AAEe,SAASA,kBAAT,GAA8B;AAC3C,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,SAAOC,aAAO,CAAC;AAAA,WAAO;AACpBC,MAAAA,IAAI,EAAE;AACJ,mBAAS,EADL;AAEJC,QAAAA,EAAE,YAAKH,WAAL,aAFE;AAGJI,QAAAA,KAAK,YAAKJ,WAAL,YAHD;AAIJK,QAAAA,MAAM,YAAKL,WAAL,YAJF;AAKJM,QAAAA,KAAK,YAAKN,WAAL,YALD;AAMJO,QAAAA,EAAE,YAAKP,WAAL,aANE;AAOJQ,QAAAA,KAAK,YAAKR,WAAL;AAPD,OADc;AAUpBS,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,YAAKV,WAAL,gBADD;AAENW,QAAAA,QAAQ,YAAKX,WAAL,iBAFF;AAGNY,QAAAA,OAAO,YAAKZ,WAAL,gBAHD;AAINa,QAAAA,OAAO,YAAKb,WAAL,gBAJD;AAKNc,QAAAA,KAAK,YAAKd,WAAL,cALC;AAMNe,QAAAA,OAAO,YAAKf,WAAL,gBAND;AAONgB,QAAAA,QAAQ,YAAKhB,WAAL,iBAPF;AAQNiB,QAAAA,MAAM,YAAKjB,WAAL,eARA;AASNkB,QAAAA,OAAO,YAAKlB,WAAL,gBATD;AAUNmB,QAAAA,OAAO,YAAKnB,WAAL,gBAVD;AAWNoB,QAAAA,MAAM,YAAKpB,WAAL,eAXA;AAYNqB,QAAAA,OAAO,YAAKrB,WAAL,gBAZD;AAaNsB,QAAAA,QAAQ,YAAKtB,WAAL,iBAbF;AAcNuB,QAAAA,aAAa,YAAKvB,WAAL;AAdP;AAVY,KAAP;AAAA,GAAD,EA0BV,CAACA,WAAD,CA1BU,CAAd;AA2BD;;;;"}

package/lib/_util/useConfig.js

@@ -1,16 +1,20 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useContext } from 'react';
-import ConfigContext from '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var configProvider_ConfigContext = require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
 
 var useConfig = (function () {
-  return useContext(ConfigContext);
+  return React.useContext(configProvider_ConfigContext["default"]);
 });
 
-export { useConfig as default };
+exports["default"] = useConfig;
 //# sourceMappingURL=useConfig.js.map

package/lib/_util/useConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfig.js","sources":["../../src/_util/useConfig.ts"],"sourcesContent":["import { useContext } from 'react';\nimport ConfigContext from '../config-provider/ConfigContext';\n\nexport default () => useContext(ConfigContext);\n"],"names":["useContext","ConfigContext"],"mappings":";;;;;;;;;;AAEA,iBAAe;AAAA,SAAMA,UAAU,CAACC,aAAD,CAAhB;AAAA,CAAf;;;;"}
+{"version":3,"file":"useConfig.js","sources":["../../src/_util/useConfig.ts"],"sourcesContent":["import { useContext } from 'react';\nimport ConfigContext from '../config-provider/ConfigContext';\n\nexport default () => useContext(ConfigContext);\n"],"names":["useContext","ConfigContext"],"mappings":";;;;;;;;;;;;;;AAEA,iBAAe;AAAA,SAAMA,gBAAU,CAACC,uCAAD,CAAhB;AAAA,CAAf;;;;"}

package/lib/_util/useDefault.js

@@ -1,22 +1,26 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import { useState } from 'react';
-import noop from './noop.js';
-import '../_chunks/dep-42dfd306.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var React = require('react');
+var _util_noop = require('./noop.js');
+require('../_chunks/dep-e9b6be46.js');
 
 function useDefault(value, defaultValue, onChange) {
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(defaultValue),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       internalValue = _useState2[0],
       setInternalValue = _useState2[1];
 
   if (typeof value !== "undefined") {
-    return [value, onChange || noop];
+    return [value, onChange || _util_noop["default"]];
   }
 
   return [internalValue, function (newValue) {
@@ -32,5 +36,5 @@ function useDefault(value, defaultValue, onChange) {
   }];
 }
 
-export { useDefault as default };
+exports["default"] = useDefault;
 //# sourceMappingURL=useDefault.js.map

package/lib/_util/useDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefault.js","sources":["../../src/_util/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\nimport noop from './noop';\n\nexport interface ChangeHandler<T, P extends any[]> {\n  (value: T, ...args: P);\n}\n\nexport default function useDefault<T, P extends any[]>(\n  value: T,\n  defaultValue: T,\n  onChange: ChangeHandler<T, P>,\n): [T, ChangeHandler<T, P>] {\n  // 无论是否受控，都要 useState，因为 Hooks 是无条件的\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  // 受控模式\n  if (typeof value !== 'undefined') {\n    return [value, onChange || noop];\n  }\n\n  // 非受控模式\n  return [\n    internalValue,\n    (newValue, ...args) => {\n      setInternalValue(newValue);\n      if (typeof onChange === 'function') {\n        onChange(newValue, ...args);\n      }\n    },\n  ];\n}\n"],"names":["useDefault","value","defaultValue","onChange","useState","internalValue","setInternalValue","noop","newValue","args"],"mappings":";;;;;;;;;;;AAEe,SAASA,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyCC,QAAzC,EAAmD;AAChE,kBAA0CC,QAAQ,CAACF,YAAD,CAAlD;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAI,OAAOL,KAAP,KAAiB,WAArB,EAAkC;AAChC,WAAO,CAACA,KAAD,EAAQE,QAAQ,IAAII,IAApB,CAAP;AACD;;AACD,SAAO,CACLF,aADK,EAEL,UAACG,QAAD,EAAuB;AACrBF,IAAAA,gBAAgB,CAACE,QAAD,CAAhB;;AACA,QAAI,OAAOL,QAAP,KAAoB,UAAxB,EAAoC;AAAA,wCAFxBM,IAEwB;AAFxBA,QAAAA,IAEwB;AAAA;;AAClCN,MAAAA,QAAQ,MAAR,UAASK,QAAT,SAAsBC,IAAtB;AACD;AACF,GAPI,CAAP;AASD;;;;"}
+{"version":3,"file":"useDefault.js","sources":["../../src/_util/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\nimport noop from './noop';\n\nexport interface ChangeHandler<T, P extends any[]> {\n  (value: T, ...args: P);\n}\n\nexport default function useDefault<T, P extends any[]>(\n  value: T,\n  defaultValue: T,\n  onChange: ChangeHandler<T, P>,\n): [T, ChangeHandler<T, P>] {\n  // 无论是否受控，都要 useState，因为 Hooks 是无条件的\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  // 受控模式\n  if (typeof value !== 'undefined') {\n    return [value, onChange || noop];\n  }\n\n  // 非受控模式\n  return [\n    internalValue,\n    (newValue, ...args) => {\n      setInternalValue(newValue);\n      if (typeof onChange === 'function') {\n        onChange(newValue, ...args);\n      }\n    },\n  ];\n}\n"],"names":["useDefault","value","defaultValue","onChange","useState","internalValue","setInternalValue","noop","newValue","args"],"mappings":";;;;;;;;;;;;;;;AAEe,SAASA,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyCC,QAAzC,EAAmD;AAChE,kBAA0CC,cAAQ,CAACF,YAAD,CAAlD;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAI,OAAOL,KAAP,KAAiB,WAArB,EAAkC;AAChC,WAAO,CAACA,KAAD,EAAQE,QAAQ,IAAII,qBAApB,CAAP;AACD;;AACD,SAAO,CACLF,aADK,EAEL,UAACG,QAAD,EAAuB;AACrBF,IAAAA,gBAAgB,CAACE,QAAD,CAAhB;;AACA,QAAI,OAAOL,QAAP,KAAoB,UAAxB,EAAoC;AAAA,wCAFxBM,IAEwB;AAFxBA,QAAAA,IAEwB;AAAA;;AAClCN,MAAAA,QAAQ,MAAR,UAASK,QAAT,SAAsBC,IAAtB;AACD;AACF,GAPI,CAAP;AASD;;;;"}

package/lib/_util/useDefaultValue.js

@@ -1,31 +1,35 @@
 /**
- * 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 { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
-import useDefault from './useDefault.js';
-import noop from './noop.js';
-import '../_chunks/dep-42dfd306.js';
-import 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var objectWithoutProperties = require('../_chunks/dep-d004a138.js');
+var _util_useDefault = require('./useDefault.js');
+var _util_noop = require('./noop.js');
+require('../_chunks/dep-e9b6be46.js');
+require('react');
 
 var _excluded = ["defaultValue", "value", "onChange"];
 
 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; }
 function useDefaultValue(props, defaultDefaultValue) {
   var defaultValue = props.defaultValue,
       value = props.value,
       _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? noop : _props$onChange,
-      restProps = _objectWithoutProperties(props, _excluded);
+      onChange = _props$onChange === void 0 ? _util_noop["default"] : _props$onChange,
+      restProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
-  var _useDefault = useDefault(value, typeof defaultValue === "undefined" ? defaultDefaultValue : defaultValue, onChange),
-      _useDefault2 = _slicedToArray(_useDefault, 2),
+  var _useDefault = _util_useDefault["default"](value, typeof defaultValue === "undefined" ? defaultDefaultValue : defaultValue, onChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
       finalValue = _useDefault2[0],
       finalOnChange = _useDefault2[1];
 
@@ -35,5 +39,5 @@ function useDefaultValue(props, defaultDefaultValue) {
   }, restProps);
 }
 
-export { useDefaultValue as default };
+exports["default"] = useDefaultValue;
 //# sourceMappingURL=useDefaultValue.js.map

package/lib/_util/useDefaultValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultValue.js","sources":["../../src/_util/useDefaultValue.ts"],"sourcesContent":["import { SyntheticEvent, FormEvent, MouseEvent } from 'react';\nimport useDefault from './useDefault';\nimport noop from './noop';\n\nexport interface ControlledProps<\n  V,\n  E extends SyntheticEvent = SyntheticEvent | FormEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n  C extends ChangeContext<E> = ChangeContext<E>,\n> {\n  /**\n   * 未提供 `value` 的情况下，提供了 `defaultValue`，则可以当做是非受控组件使用\n   */\n  defaultValue?: V;\n\n  /**\n   * 当前值\n   */\n  value?: V;\n\n  /**\n   * 值发生变更时进行回调\n   * - `value` 变更的目标值\n   * - `context` 此次变更的更多上下文信息，其中 `context.event` 可以获得导致变更的 React 事件\n   */\n  onChange?(value: V, context: C): void;\n}\n\n/**\n * 表单 `onChange` 事件中，提供的上下文信息\n */\nexport interface ChangeContext<E extends SyntheticEvent = SyntheticEvent> {\n  /**\n   * 触发 `onChange` 事件的事件对象\n   */\n  event?: E;\n  e?: E;\n}\n\nexport default function useDefaultValue<T, P extends ControlledProps<T>>(props: P, defaultDefaultValue?: T) {\n  type ReturnType = Omit<P, 'defaultValue'>;\n\n  const { defaultValue, value, onChange = noop, ...restProps } = props;\n\n  const [finalValue, finalOnChange] = useDefault(\n    value,\n    typeof defaultValue === 'undefined' ? defaultDefaultValue : defaultValue,\n    onChange,\n  );\n\n  return {\n    value: finalValue,\n    onChange: finalOnChange,\n    ...restProps,\n  } as ReturnType;\n}\n"],"names":["useDefaultValue","props","defaultDefaultValue","defaultValue","value","onChange","noop","restProps","useDefault","finalValue","finalOnChange"],"mappings":";;;;;;;;;;;;;;;;;;;AAEe,SAASA,eAAT,CAAyBC,KAAzB,EAAgCC,mBAAhC,EAAqD;AAClE,MAAQC,YAAR,GAA+DF,KAA/D,CAAQE,YAAR;AAAA,MAAsBC,KAAtB,GAA+DH,KAA/D,CAAsBG,KAAtB;AAAA,wBAA+DH,KAA/D,CAA6BI,QAA7B;AAAA,MAA6BA,QAA7B,gCAAwCC,IAAxC;AAAA,MAAiDC,SAAjD,4BAA+DN,KAA/D;;AACA,oBAAoCO,UAAU,CAACJ,KAAD,EAAQ,OAAOD,YAAP,KAAwB,WAAxB,GAAsCD,mBAAtC,GAA4DC,YAApE,EAAkFE,QAAlF,CAA9C;AAAA;AAAA,MAAOI,UAAP;AAAA,MAAmBC,aAAnB;;AACA;AACEN,IAAAA,KAAK,EAAEK,UADT;AAEEJ,IAAAA,QAAQ,EAAEK;AAFZ,KAGKH,SAHL;AAKD;;;;"}
+{"version":3,"file":"useDefaultValue.js","sources":["../../src/_util/useDefaultValue.ts"],"sourcesContent":["import { SyntheticEvent, FormEvent, MouseEvent } from 'react';\nimport useDefault from './useDefault';\nimport noop from './noop';\n\nexport interface ControlledProps<\n  V,\n  E extends SyntheticEvent = SyntheticEvent | FormEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n  C extends ChangeContext<E> = ChangeContext<E>,\n> {\n  /**\n   * 未提供 `value` 的情况下，提供了 `defaultValue`，则可以当做是非受控组件使用\n   */\n  defaultValue?: V;\n\n  /**\n   * 当前值\n   */\n  value?: V;\n\n  /**\n   * 值发生变更时进行回调\n   * - `value` 变更的目标值\n   * - `context` 此次变更的更多上下文信息，其中 `context.event` 可以获得导致变更的 React 事件\n   */\n  onChange?(value: V, context: C): void;\n}\n\n/**\n * 表单 `onChange` 事件中，提供的上下文信息\n */\nexport interface ChangeContext<E extends SyntheticEvent = SyntheticEvent> {\n  /**\n   * 触发 `onChange` 事件的事件对象\n   */\n  event?: E;\n  e?: E;\n}\n\nexport default function useDefaultValue<T, P extends ControlledProps<T>>(props: P, defaultDefaultValue?: T) {\n  type ReturnType = Omit<P, 'defaultValue'>;\n\n  const { defaultValue, value, onChange = noop, ...restProps } = props;\n\n  const [finalValue, finalOnChange] = useDefault(\n    value,\n    typeof defaultValue === 'undefined' ? defaultDefaultValue : defaultValue,\n    onChange,\n  );\n\n  return {\n    value: finalValue,\n    onChange: finalOnChange,\n    ...restProps,\n  } as ReturnType;\n}\n"],"names":["useDefaultValue","props","defaultDefaultValue","defaultValue","value","onChange","noop","restProps","useDefault","finalValue","finalOnChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,eAAT,CAAyBC,KAAzB,EAAgCC,mBAAhC,EAAqD;AAClE,MAAQC,YAAR,GAA+DF,KAA/D,CAAQE,YAAR;AAAA,MAAsBC,KAAtB,GAA+DH,KAA/D,CAAsBG,KAAtB;AAAA,wBAA+DH,KAA/D,CAA6BI,QAA7B;AAAA,MAA6BA,QAA7B,gCAAwCC,qBAAxC;AAAA,MAAiDC,SAAjD,oDAA+DN,KAA/D;;AACA,oBAAoCO,2BAAU,CAACJ,KAAD,EAAQ,OAAOD,YAAP,KAAwB,WAAxB,GAAsCD,mBAAtC,GAA4DC,YAApE,EAAkFE,QAAlF,CAA9C;AAAA;AAAA,MAAOI,UAAP;AAAA,MAAmBC,aAAnB;;AACA;AACEN,IAAAA,KAAK,EAAEK,UADT;AAEEJ,IAAAA,QAAQ,EAAEK;AAFZ,KAGKH,SAHL;AAKD;;;;"}

package/lib/_util/usePersistFn.js

@@ -1,15 +1,19 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useRef } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 function usePersistFn(fn) {
-  var fnRef = useRef(fn);
+  var fnRef = React.useRef(fn);
   fnRef.current = fn;
-  var persistFn = useRef();
+  var persistFn = React.useRef();
 
   if (!persistFn.current) {
     persistFn.current = function () {
@@ -24,5 +28,5 @@ function usePersistFn(fn) {
   return persistFn.current;
 }
 
-export { usePersistFn };
+exports.usePersistFn = usePersistFn;
 //# sourceMappingURL=usePersistFn.js.map

package/lib/_util/usePersistFn.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistFn.js","sources":["../../src/_util/usePersistFn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport type Noop = (...args: any[]) => any;\n\n/**\n *  在某些场景中，你可能会需要用 useCallback 记住一个回调，\n *  但由于内部函数必须经常重新创建，记忆效果不是很好，导致子组件重复 render。\n *  对于超级复杂的子组件，重新渲染会对性能造成影响。\n *  通过 usePersistFn，可以保证函数地址永远不会变化。\n * @param fn\n */\nexport function usePersistFn<T extends Noop>(fn: T) {\n  const fnRef = useRef<T>(fn);\n  fnRef.current = fn;\n\n  const persistFn = useRef<T>();\n  if (!persistFn.current) {\n    persistFn.current = function (...args) {\n      return fnRef.current.apply(this, args);\n    } as T;\n  }\n\n  return persistFn.current;\n}\n"],"names":["usePersistFn","fn","fnRef","useRef","current","persistFn","args","apply"],"mappings":";;;;;;;;AACO,SAASA,YAAT,CAAsBC,EAAtB,EAA0B;AAC/B,MAAMC,KAAK,GAAGC,MAAM,CAACF,EAAD,CAApB;AACAC,EAAAA,KAAK,CAACE,OAAN,GAAgBH,EAAhB;AACA,MAAMI,SAAS,GAAGF,MAAM,EAAxB;;AACA,MAAI,CAACE,SAAS,CAACD,OAAf,EAAwB;AACtBC,IAAAA,SAAS,CAACD,OAAV,GAAoB,YAAkB;AAAA,wCAANE,IAAM;AAANA,QAAAA,IAAM;AAAA;;AACpC,aAAOJ,KAAK,CAACE,OAAN,CAAcG,KAAd,CAAoB,IAApB,EAA0BD,IAA1B,CAAP;AACD,KAFD;AAGD;;AACD,SAAOD,SAAS,CAACD,OAAjB;AACD;;;;"}
+{"version":3,"file":"usePersistFn.js","sources":["../../src/_util/usePersistFn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport type Noop = (...args: any[]) => any;\n\n/**\n *  在某些场景中，你可能会需要用 useCallback 记住一个回调，\n *  但由于内部函数必须经常重新创建，记忆效果不是很好，导致子组件重复 render。\n *  对于超级复杂的子组件，重新渲染会对性能造成影响。\n *  通过 usePersistFn，可以保证函数地址永远不会变化。\n * @param fn\n */\nexport function usePersistFn<T extends Noop>(fn: T) {\n  const fnRef = useRef<T>(fn);\n  fnRef.current = fn;\n\n  const persistFn = useRef<T>();\n  if (!persistFn.current) {\n    persistFn.current = function (...args) {\n      return fnRef.current.apply(this, args);\n    } as T;\n  }\n\n  return persistFn.current;\n}\n"],"names":["usePersistFn","fn","fnRef","useRef","current","persistFn","args","apply"],"mappings":";;;;;;;;;;;;AACO,SAASA,YAAT,CAAsBC,EAAtB,EAA0B;AAC/B,MAAMC,KAAK,GAAGC,YAAM,CAACF,EAAD,CAApB;AACAC,EAAAA,KAAK,CAACE,OAAN,GAAgBH,EAAhB;AACA,MAAMI,SAAS,GAAGF,YAAM,EAAxB;;AACA,MAAI,CAACE,SAAS,CAACD,OAAf,EAAwB;AACtBC,IAAAA,SAAS,CAACD,OAAV,GAAoB,YAAkB;AAAA,wCAANE,IAAM;AAANA,QAAAA,IAAM;AAAA;;AACpC,aAAOJ,KAAK,CAACE,OAAN,CAAcG,KAAd,CAAoB,IAApB,EAA0BD,IAA1B,CAAP;AACD,KAFD;AAGD;;AACD,SAAOD,SAAS,CAACD,OAAjB;AACD;;;;"}

package/lib/_util/usePrevious.js

@@ -1,18 +1,22 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useRef, useEffect } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 function usePrevious(state) {
-  var ref = useRef();
-  useEffect(function () {
+  var ref = React.useRef();
+  React.useEffect(function () {
     ref.current = state;
   });
   return ref.current;
 }
 
-export { usePrevious as default };
+exports["default"] = usePrevious;
 //# sourceMappingURL=usePrevious.js.map

package/lib/_util/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sources":["../../src/_util/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport default function usePrevious<T>(state: T): T | undefined {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","state","ref","useRef","useEffect","current"],"mappings":";;;;;;;;AACe,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AACzC,MAAMC,GAAG,GAAGC,MAAM,EAAlB;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFQ,CAAT;AAGA,SAAOC,GAAG,CAACG,OAAX;AACD;;;;"}
+{"version":3,"file":"usePrevious.js","sources":["../../src/_util/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport default function usePrevious<T>(state: T): T | undefined {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = state;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","state","ref","useRef","useEffect","current"],"mappings":";;;;;;;;;;;;AACe,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AACzC,MAAMC,GAAG,GAAGC,YAAM,EAAlB;AACAC,EAAAA,eAAS,CAAC,YAAM;AACdF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFQ,CAAT;AAGA,SAAOC,GAAG,CAACG,OAAX;AACD;;;;"}

package/lib/_util/useRefAndForward.js

@@ -1,13 +1,17 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useRef } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
 
 function useRefAndForward(initialValue, forwardedRef) {
-  var ref = useRef(initialValue);
+  var ref = React.useRef(initialValue);
 
   var forward = function forward(instance) {
     ref.current = instance;
@@ -22,5 +26,5 @@ function useRefAndForward(initialValue, forwardedRef) {
   return [ref, forward];
 }
 
-export { useRefAndForward as default };
+exports["default"] = useRefAndForward;
 //# sourceMappingURL=useRefAndForward.js.map

package/lib/_util/useRefAndForward.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRefAndForward.js","sources":["../../src/_util/useRefAndForward.ts"],"sourcesContent":["import { Ref, useRef } from 'react';\n\nexport default function useRefAndForward<T>(initialValue: T, forwardedRef: Ref<T>) {\n  const ref = useRef(initialValue);\n\n  const forward = (instance: T) => {\n    ref.current = instance;\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(instance);\n    } else if (forwardedRef) {\n      (forwardedRef as any).current = instance; // eslint-disable-line no-param-reassign\n    }\n  };\n\n  return [ref, forward] as [typeof ref, typeof forward];\n}\n"],"names":["useRefAndForward","initialValue","forwardedRef","ref","useRef","forward","instance","current"],"mappings":";;;;;;;;AACe,SAASA,gBAAT,CAA0BC,YAA1B,EAAwCC,YAAxC,EAAsD;AACnE,MAAMC,GAAG,GAAGC,MAAM,CAACH,YAAD,CAAlB;;AACA,MAAMI,OAAO,GAAG,SAAVA,OAAU,CAACC,QAAD,EAAc;AAC5BH,IAAAA,GAAG,CAACI,OAAJ,GAAcD,QAAd;;AACA,QAAI,OAAOJ,YAAP,KAAwB,UAA5B,EAAwC;AACtCA,MAAAA,YAAY,CAACI,QAAD,CAAZ;AACD,KAFD,MAEO,IAAIJ,YAAJ,EAAkB;AACvBA,MAAAA,YAAY,CAACK,OAAb,GAAuBD,QAAvB;AACD;AACF,GAPD;;AAQA,SAAO,CAACH,GAAD,EAAME,OAAN,CAAP;AACD;;;;"}
+{"version":3,"file":"useRefAndForward.js","sources":["../../src/_util/useRefAndForward.ts"],"sourcesContent":["import { Ref, useRef } from 'react';\n\nexport default function useRefAndForward<T>(initialValue: T, forwardedRef: Ref<T>) {\n  const ref = useRef(initialValue);\n\n  const forward = (instance: T) => {\n    ref.current = instance;\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(instance);\n    } else if (forwardedRef) {\n      (forwardedRef as any).current = instance; // eslint-disable-line no-param-reassign\n    }\n  };\n\n  return [ref, forward] as [typeof ref, typeof forward];\n}\n"],"names":["useRefAndForward","initialValue","forwardedRef","ref","useRef","forward","instance","current"],"mappings":";;;;;;;;;;;;AACe,SAASA,gBAAT,CAA0BC,YAA1B,EAAwCC,YAAxC,EAAsD;AACnE,MAAMC,GAAG,GAAGC,YAAM,CAACH,YAAD,CAAlB;;AACA,MAAMI,OAAO,GAAG,SAAVA,OAAU,CAACC,QAAD,EAAc;AAC5BH,IAAAA,GAAG,CAACI,OAAJ,GAAcD,QAAd;;AACA,QAAI,OAAOJ,YAAP,KAAwB,UAA5B,EAAwC;AACtCA,MAAAA,YAAY,CAACI,QAAD,CAAZ;AACD,KAFD,MAEO,IAAIJ,YAAJ,EAAkB;AACvBA,MAAAA,YAAY,CAACK,OAAb,GAAuBD,QAAvB;AACD;AACF,GAPD;;AAQA,SAAO,CAACH,GAAD,EAAME,OAAN,CAAP;AACD;;;;"}

package/lib/_util/useRipple.js

@@ -1,14 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { useCallback, useEffect } from 'react';
-import useConfig from './useConfig.js';
-import setStyle from './setStyle.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _util_useConfig = require('./useConfig.js');
+var _util_setStyle = require('./setStyle.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
 
 var period = 200;
 var noneRippleBg = "rgba(0, 0, 0, 0)";
@@ -36,11 +40,11 @@ var getRippleColor = function getRippleColor(el, fixedRippleColor) {
 };
 
 function useRipple(ref, fixedRippleColor) {
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
   var rippleContainer = document.createElement("div");
-  var handleAddRipple = useCallback(function (e) {
+  var handleAddRipple = React.useCallback(function (e) {
     var el = ref === null || ref === void 0 ? void 0 : ref.current;
     var rippleColor = getRippleColor(el, fixedRippleColor);
     if (e.button !== 0 || !el) return;
@@ -52,7 +56,7 @@ function useRipple(ref, fixedRippleColor) {
     var height = el.offsetHeight;
 
     if (rippleContainer.parentNode === null) {
-      setStyle(rippleContainer, {
+      _util_setStyle["default"](rippleContainer, {
         position: "absolute",
         left: "".concat(0 - border, "px"),
         top: "".concat(0 - border, "px"),
@@ -66,7 +70,7 @@ function useRipple(ref, fixedRippleColor) {
     }
 
     var ripple = document.createElement("div");
-    setStyle(ripple, {
+    _util_setStyle["default"](ripple, {
       marginTop: "0",
       marginLeft: "0",
       right: "".concat(width, "px"),
@@ -117,7 +121,7 @@ function useRipple(ref, fixedRippleColor) {
     el.addEventListener("pointerup", handleClearRipple, false);
     el.addEventListener("pointerleave", handleClearRipple, false);
   }, [classPrefix, ref, fixedRippleColor, rippleContainer]);
-  var initRippleElement = useCallback(function () {
+  var initRippleElement = React.useCallback(function () {
     var _el$style;
 
     var el = ref === null || ref === void 0 ? void 0 : ref.current;
@@ -128,7 +132,7 @@ function useRipple(ref, fixedRippleColor) {
       el.style.position = "relative";
     }
   }, [ref]);
-  useEffect(function () {
+  React.useEffect(function () {
     var el = ref === null || ref === void 0 ? void 0 : ref.current;
     if (!el) return;
     initRippleElement();
@@ -139,5 +143,5 @@ function useRipple(ref, fixedRippleColor) {
   }, [initRippleElement, handleAddRipple, fixedRippleColor, ref]);
 }
 
-export { useRipple as default };
+exports["default"] = useRipple;
 //# sourceMappingURL=useRipple.js.map

package/lib/_util/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","sources":["../../src/_util/useRipple.ts"],"sourcesContent":["import { useEffect, useCallback, RefObject } from 'react';\nimport useConfig from './useConfig';\nimport setStyle from './setStyle';\n\nconst period = 200;\nconst noneRippleBg = 'rgba(0, 0, 0, 0)';\nconst defaultRippleColor = 'rgba(0, 0, 0, 0.35)';\n\n// 设置动画颜色 get the ripple animation color\nconst getRippleColor = (el: HTMLElement, fixedRippleColor?: string) => {\n  // get fixed color from params\n  if (fixedRippleColor) {\n    return fixedRippleColor;\n  }\n  // get dynamic color from the dataset\n  if (el?.dataset?.ripple) {\n    const rippleColor = el.dataset.ripple;\n    return rippleColor;\n  }\n  // use css variable\n  const cssVariable = getComputedStyle(el).getPropertyValue('--ripple-color');\n  if (cssVariable) {\n    return cssVariable;\n  }\n  return defaultRippleColor;\n};\n\n/**\n * 斜八角动画hooks 支持三种方式使用\n * 1. fixedRippleColor 固定色值 useRipple(ref,fixedRippleColor);\n * 2. dynamicColor 动态色值 data.ripple=\"rippleColor\" useRipple(ref)\n * 3. CSS variables（recommended） 配合节点对应CSS设置 --ripple-color useRipple(ref)\n * @param ref 需要使用斜八角动画的DOM\n * @param fixedRippleColor 斜八角的动画颜色\n */\nexport default function useRipple(ref: RefObject<HTMLElement>, fixedRippleColor?: string): void {\n  const { classPrefix } = useConfig();\n\n  const rippleContainer = document.createElement('div');\n  // 为节点添加斜八角动画 add ripple to the DOM and set up the animation\n  const handleAddRipple = useCallback(\n    (e) => {\n      const el = ref?.current;\n      const rippleColor = getRippleColor(el, fixedRippleColor);\n\n      if (e.button !== 0 || !el) return;\n\n      if (\n        el.classList.contains(`${classPrefix}-is-active`) ||\n        el.classList.contains(`${classPrefix}-is-disabled`) ||\n        el.classList.contains(`${classPrefix}-is-checked`)\n      )\n        return;\n\n      const elStyle = getComputedStyle(el);\n\n      const elBorder = parseInt(elStyle.borderWidth, 10);\n      const border = elBorder > 0 ? elBorder : 0;\n      const width = el.offsetWidth;\n      const height = el.offsetHeight;\n\n      if (rippleContainer.parentNode === null) {\n        setStyle(rippleContainer, {\n          position: 'absolute',\n          left: `${0 - border}px`,\n          top: `${0 - border}px`,\n          width: `${width}px`,\n          height: `${height}px`,\n          borderRadius: elStyle.borderRadius,\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        });\n        el.appendChild(rippleContainer);\n      }\n      // 新增一个ripple\n      const ripple = document.createElement('div');\n\n      setStyle(ripple, {\n        marginTop: '0',\n        marginLeft: '0',\n        right: `${width}px`,\n        width: `${width + 20}px`,\n        height: '100%',\n        transition: `transform ${period}ms cubic-bezier(.38, 0, .24, 1), background ${period * 2}ms linear`,\n        transform: 'skewX(-8deg)',\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 0,\n        backgroundColor: rippleColor,\n        opacity: '0.9',\n      });\n\n      // fix zIndex：避免遮盖内部元素\n      const elMap = new WeakMap();\n      for (let n = el.children.length, i = 0; i < n; ++i) {\n        const child = el.children[i];\n        if ((child as HTMLElement).style.zIndex === '' && child !== rippleContainer) {\n          (child as HTMLElement).style.zIndex = '1';\n          elMap.set(child, true);\n        }\n      }\n\n      // fix position\n      const initPosition = el.style.position ? el.style.position : getComputedStyle(el).position;\n      if (initPosition === '' || initPosition === 'static') {\n        // eslint-disable-next-line no-param-reassign\n        el.style.position = 'relative';\n      }\n      rippleContainer.insertBefore(ripple, rippleContainer.firstChild);\n\n      setTimeout(() => {\n        ripple.style.transform = `translateX(${width}px)`;\n      }, 0);\n      // 清除动画节点 clear ripple container\n      const handleClearRipple = () => {\n        const el = ref?.current;\n        ripple.style.backgroundColor = noneRippleBg;\n\n        if (!el) return;\n\n        el.removeEventListener('pointerup', handleClearRipple, false);\n        el.removeEventListener('pointerleave', handleClearRipple, false);\n\n        setTimeout(() => {\n          ripple.remove();\n          if (rippleContainer.children.length === 0) rippleContainer.remove();\n        }, period * 2 + 100);\n      };\n      el.addEventListener('pointerup', handleClearRipple, false);\n      el.addEventListener('pointerleave', handleClearRipple, false);\n    },\n    [classPrefix, ref, fixedRippleColor, rippleContainer],\n  );\n\n  // 重置一些属性 为动画做准备 reset the node which uses the ripple animation\n  const initRippleElement = useCallback(() => {\n    const el = ref?.current;\n\n    if (!el) return;\n\n    const initPosition = el.style?.position || getComputedStyle(el).position;\n    if (['', 'static'].includes(initPosition)) {\n      el.style.position = 'relative';\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    const el = ref?.current;\n    if (!el) return;\n\n    initRippleElement();\n\n    el.addEventListener('pointerdown', handleAddRipple, false);\n\n    return () => {\n      el.removeEventListener('pointerdown', handleAddRipple, false);\n    };\n  }, [initRippleElement, handleAddRipple, fixedRippleColor, ref]);\n}\n"],"names":["period","noneRippleBg","defaultRippleColor","getRippleColor","el","fixedRippleColor","dataset","ripple","rippleColor","cssVariable","getComputedStyle","getPropertyValue","useRipple","ref","useConfig","classPrefix","rippleContainer","document","createElement","handleAddRipple","useCallback","e","current","button","classList","contains","elStyle","elBorder","parseInt","borderWidth","border","width","offsetWidth","height","offsetHeight","parentNode","setStyle","position","left","top","borderRadius","pointerEvents","overflow","appendChild","marginTop","marginLeft","right","transition","transform","zIndex","backgroundColor","opacity","elMap","WeakMap","n","children","length","i","child","style","set","initPosition","insertBefore","firstChild","setTimeout","handleClearRipple","el2","removeEventListener","remove","addEventListener","initRippleElement","includes","useEffect"],"mappings":"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"}
+{"version":3,"file":"useRipple.js","sources":["../../src/_util/useRipple.ts"],"sourcesContent":["import { useEffect, useCallback, RefObject } from 'react';\nimport useConfig from './useConfig';\nimport setStyle from './setStyle';\n\nconst period = 200;\nconst noneRippleBg = 'rgba(0, 0, 0, 0)';\nconst defaultRippleColor = 'rgba(0, 0, 0, 0.35)';\n\n// 设置动画颜色 get the ripple animation color\nconst getRippleColor = (el: HTMLElement, fixedRippleColor?: string) => {\n  // get fixed color from params\n  if (fixedRippleColor) {\n    return fixedRippleColor;\n  }\n  // get dynamic color from the dataset\n  if (el?.dataset?.ripple) {\n    const rippleColor = el.dataset.ripple;\n    return rippleColor;\n  }\n  // use css variable\n  const cssVariable = getComputedStyle(el).getPropertyValue('--ripple-color');\n  if (cssVariable) {\n    return cssVariable;\n  }\n  return defaultRippleColor;\n};\n\n/**\n * 斜八角动画hooks 支持三种方式使用\n * 1. fixedRippleColor 固定色值 useRipple(ref,fixedRippleColor);\n * 2. dynamicColor 动态色值 data.ripple=\"rippleColor\" useRipple(ref)\n * 3. CSS variables（recommended） 配合节点对应CSS设置 --ripple-color useRipple(ref)\n * @param ref 需要使用斜八角动画的DOM\n * @param fixedRippleColor 斜八角的动画颜色\n */\nexport default function useRipple(ref: RefObject<HTMLElement>, fixedRippleColor?: string): void {\n  const { classPrefix } = useConfig();\n\n  const rippleContainer = document.createElement('div');\n  // 为节点添加斜八角动画 add ripple to the DOM and set up the animation\n  const handleAddRipple = useCallback(\n    (e) => {\n      const el = ref?.current;\n      const rippleColor = getRippleColor(el, fixedRippleColor);\n\n      if (e.button !== 0 || !el) return;\n\n      if (\n        el.classList.contains(`${classPrefix}-is-active`) ||\n        el.classList.contains(`${classPrefix}-is-disabled`) ||\n        el.classList.contains(`${classPrefix}-is-checked`)\n      )\n        return;\n\n      const elStyle = getComputedStyle(el);\n\n      const elBorder = parseInt(elStyle.borderWidth, 10);\n      const border = elBorder > 0 ? elBorder : 0;\n      const width = el.offsetWidth;\n      const height = el.offsetHeight;\n\n      if (rippleContainer.parentNode === null) {\n        setStyle(rippleContainer, {\n          position: 'absolute',\n          left: `${0 - border}px`,\n          top: `${0 - border}px`,\n          width: `${width}px`,\n          height: `${height}px`,\n          borderRadius: elStyle.borderRadius,\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        });\n        el.appendChild(rippleContainer);\n      }\n      // 新增一个ripple\n      const ripple = document.createElement('div');\n\n      setStyle(ripple, {\n        marginTop: '0',\n        marginLeft: '0',\n        right: `${width}px`,\n        width: `${width + 20}px`,\n        height: '100%',\n        transition: `transform ${period}ms cubic-bezier(.38, 0, .24, 1), background ${period * 2}ms linear`,\n        transform: 'skewX(-8deg)',\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 0,\n        backgroundColor: rippleColor,\n        opacity: '0.9',\n      });\n\n      // fix zIndex：避免遮盖内部元素\n      const elMap = new WeakMap();\n      for (let n = el.children.length, i = 0; i < n; ++i) {\n        const child = el.children[i];\n        if ((child as HTMLElement).style.zIndex === '' && child !== rippleContainer) {\n          (child as HTMLElement).style.zIndex = '1';\n          elMap.set(child, true);\n        }\n      }\n\n      // fix position\n      const initPosition = el.style.position ? el.style.position : getComputedStyle(el).position;\n      if (initPosition === '' || initPosition === 'static') {\n        // eslint-disable-next-line no-param-reassign\n        el.style.position = 'relative';\n      }\n      rippleContainer.insertBefore(ripple, rippleContainer.firstChild);\n\n      setTimeout(() => {\n        ripple.style.transform = `translateX(${width}px)`;\n      }, 0);\n      // 清除动画节点 clear ripple container\n      const handleClearRipple = () => {\n        const el = ref?.current;\n        ripple.style.backgroundColor = noneRippleBg;\n\n        if (!el) return;\n\n        el.removeEventListener('pointerup', handleClearRipple, false);\n        el.removeEventListener('pointerleave', handleClearRipple, false);\n\n        setTimeout(() => {\n          ripple.remove();\n          if (rippleContainer.children.length === 0) rippleContainer.remove();\n        }, period * 2 + 100);\n      };\n      el.addEventListener('pointerup', handleClearRipple, false);\n      el.addEventListener('pointerleave', handleClearRipple, false);\n    },\n    [classPrefix, ref, fixedRippleColor, rippleContainer],\n  );\n\n  // 重置一些属性 为动画做准备 reset the node which uses the ripple animation\n  const initRippleElement = useCallback(() => {\n    const el = ref?.current;\n\n    if (!el) return;\n\n    const initPosition = el.style?.position || getComputedStyle(el).position;\n    if (['', 'static'].includes(initPosition)) {\n      el.style.position = 'relative';\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    const el = ref?.current;\n    if (!el) return;\n\n    initRippleElement();\n\n    el.addEventListener('pointerdown', handleAddRipple, false);\n\n    return () => {\n      el.removeEventListener('pointerdown', handleAddRipple, false);\n    };\n  }, [initRippleElement, handleAddRipple, fixedRippleColor, ref]);\n}\n"],"names":["period","noneRippleBg","defaultRippleColor","getRippleColor","el","fixedRippleColor","dataset","ripple","rippleColor","cssVariable","getComputedStyle","getPropertyValue","useRipple","ref","useConfig","classPrefix","rippleContainer","document","createElement","handleAddRipple","useCallback","e","current","button","classList","contains","elStyle","elBorder","parseInt","borderWidth","border","width","offsetWidth","height","offsetHeight","parentNode","setStyle","position","left","top","borderRadius","pointerEvents","overflow","appendChild","marginTop","marginLeft","right","transition","transform","zIndex","backgroundColor","opacity","elMap","WeakMap","n","children","length","i","child","style","set","initPosition","insertBefore","firstChild","setTimeout","handleClearRipple","el2","removeEventListener","remove","addEventListener","initRippleElement","includes","useEffect"],"mappings":"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"}

package/lib/_util/useSetState.js

@@ -1,17 +1,21 @@
 /**
- * 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 { useState, useCallback } from 'react';
-import '../_chunks/dep-42dfd306.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');
+require('../_chunks/dep-e9b6be46.js');
 
 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 isFunction = function isFunction(arg) {
   return typeof arg === "function";
@@ -20,12 +24,12 @@ var isFunction = function isFunction(arg) {
 var useSetState = function useSetState() {
   var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(initialState),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
-  var setMergeState = useCallback(function (patch) {
+  var setMergeState = React.useCallback(function (patch) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), isFunction(patch) ? patch(prevState) : patch);
     });
@@ -33,5 +37,5 @@ var useSetState = function useSetState() {
   return [state, setMergeState];
 };
 
-export { useSetState as default };
+exports["default"] = useSetState;
 //# sourceMappingURL=useSetState.js.map

package/lib/_util/useSetState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetState.js","sources":["../../src/_util/useSetState.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nconst isFunction = (arg: unknown) => typeof arg === 'function';\n\n/**\n * 管理 object 类型 state 的 Hooks，用法与 class 组件的 this.setState 基本一致。\n * @param initialState\n * @returns [state, setMergeState]\n */\nconst useSetState = <T extends object>(\n  initialState: T = {} as T,\n): [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void] => {\n  const [state, setState] = useState<T>(initialState);\n\n  const setMergeState = useCallback((patch) => {\n    setState((prevState) => ({ ...prevState, ...(isFunction(patch) ? patch(prevState) : patch) }));\n  }, []);\n\n  return [state, setMergeState];\n};\n\nexport default useSetState;\n"],"names":["isFunction","arg","useSetState","initialState","useState","state","setState","setMergeState","useCallback","patch","prevState"],"mappings":";;;;;;;;;;;;;;;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD;AAAA,SAAS,OAAOA,GAAP,KAAe,UAAxB;AAAA,CAAnB;;IACMC,WAAW,GAAG,SAAdA,WAAc,GAAuB;AAAA,MAAtBC,YAAsB,uEAAP,EAAO;;AACzC,kBAA0BC,QAAQ,CAACD,YAAD,CAAlC;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,aAAa,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAW;AAC3CH,IAAAA,QAAQ,CAAC,UAACI,SAAD;AAAA,6CAAqBA,SAArB,GAAmCV,UAAU,CAACS,KAAD,CAAV,GAAoBA,KAAK,CAACC,SAAD,CAAzB,GAAuCD,KAA1E;AAAA,KAAD,CAAR;AACD,GAFgC,EAE9B,EAF8B,CAAjC;AAGA,SAAO,CAACJ,KAAD,EAAQE,aAAR,CAAP;AACD;;;;"}
+{"version":3,"file":"useSetState.js","sources":["../../src/_util/useSetState.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nconst isFunction = (arg: unknown) => typeof arg === 'function';\n\n/**\n * 管理 object 类型 state 的 Hooks，用法与 class 组件的 this.setState 基本一致。\n * @param initialState\n * @returns [state, setMergeState]\n */\nconst useSetState = <T extends object>(\n  initialState: T = {} as T,\n): [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void] => {\n  const [state, setState] = useState<T>(initialState);\n\n  const setMergeState = useCallback((patch) => {\n    setState((prevState) => ({ ...prevState, ...(isFunction(patch) ? patch(prevState) : patch) }));\n  }, []);\n\n  return [state, setMergeState];\n};\n\nexport default useSetState;\n"],"names":["isFunction","arg","useSetState","initialState","useState","state","setState","setMergeState","useCallback","patch","prevState"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD;AAAA,SAAS,OAAOA,GAAP,KAAe,UAAxB;AAAA,CAAnB;;IACMC,WAAW,GAAG,SAAdA,WAAc,GAAuB;AAAA,MAAtBC,YAAsB,uEAAP,EAAO;;AACzC,kBAA0BC,cAAQ,CAACD,YAAD,CAAlC;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,aAAa,GAAGC,iBAAW,CAAC,UAACC,KAAD,EAAW;AAC3CH,IAAAA,QAAQ,CAAC,UAACI,SAAD;AAAA,6CAAqBA,SAArB,GAAmCV,UAAU,CAACS,KAAD,CAAV,GAAoBA,KAAK,CAACC,SAAD,CAAzB,GAAuCD,KAA1E;AAAA,KAAD,CAAR;AACD,GAFgC,EAE9B,EAF8B,CAAjC;AAGA,SAAO,CAACJ,KAAD,EAAQE,aAAR,CAAP;AACD;;;;"}