tdesign-react 0.24.2 → 0.25.2

package/lib/_util/useDefaultValue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,12 +8,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-d569a74d.js');
-var slicedToArray = require('../_chunks/dep-c419658d.js');
-var objectWithoutProperties = require('../_chunks/dep-70ccd627.js');
+var defineProperty = require('../_chunks/dep-54e5d466.js');
+var slicedToArray = require('../_chunks/dep-b7cfec4d.js');
+var objectWithoutProperties = require('../_chunks/dep-eedee13a.js');
 var _util_useDefault = require('./useDefault.js');
 var _util_noop = require('./noop.js');
-require('../_chunks/dep-39e97fe4.js');
+require('../_chunks/dep-24860d3b.js');
 require('react');
 
 var _excluded = ["defaultValue", "value", "onChange"];

package/lib/_util/useDragSorter.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+interface DragSortProps<T> {
+    sortOnDraggable: boolean;
+    onDragSort?: (context: DragSortContext<T>) => void;
+}
+declare type DragFnType = (e?: React.DragEvent<HTMLTableRowElement>, index?: number, record?: any) => void;
+interface DragSortInnerData {
+    dragging?: boolean;
+    onDragStart?: DragFnType;
+    onDragOver?: DragFnType;
+    onDrop?: DragFnType;
+    onDragEnd?: DragFnType;
+}
+export interface DragSortInnerProps extends DragSortInnerData {
+    getDragProps?: (index?: number, record?: any) => DragSortInnerData;
+}
+export interface DragSortContext<T> {
+    currentIndex: number;
+    current: T;
+    targetIndex: number;
+    target: T;
+}
+declare function useDragSorter<T>(props: DragSortProps<T>): DragSortInnerProps;
+export default useDragSorter;

package/lib/_util/useDragSorter.js

@@ -0,0 +1,99 @@
+/**
+ * tdesign v0.25.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-b7cfec4d.js');
+var React = require('react');
+require('../_chunks/dep-24860d3b.js');
+
+function useDragSorter(props) {
+  var sortOnDraggable = props.sortOnDraggable,
+      onDragSort = props.onDragSort;
+
+  var _useState = React.useState(-1),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      draggingIndex = _useState2[0],
+      setDraggingIndex = _useState2[1];
+
+  var _useState3 = React.useState(null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      dragStartData = _useState4[0],
+      setDragStartData = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2);
+      _useState6[0];
+      var setIsDroped = _useState6[1];
+
+  if (!sortOnDraggable) {
+    return {};
+  }
+
+  function _onDragStart(e, index, record) {
+    setDraggingIndex(index);
+    setDragStartData(record);
+  }
+
+  function _onDragOver(e, index, record) {
+    e.preventDefault();
+    if (draggingIndex === index || draggingIndex === -1) return;
+    onDragSort === null || onDragSort === void 0 ? void 0 : onDragSort({
+      currentIndex: draggingIndex,
+      current: dragStartData,
+      target: record,
+      targetIndex: index
+    });
+    setDraggingIndex(index);
+  }
+
+  function _onDrop() {
+    setIsDroped(true);
+  }
+
+  function _onDragEnd() {
+
+    setIsDroped(false);
+    setDraggingIndex(-1);
+    setDragStartData(null);
+  }
+
+  function getDragProps(index, record) {
+    if (sortOnDraggable) {
+      return {
+        draggable: true,
+        onDragStart: function onDragStart(e) {
+          _onDragStart(e, index, record);
+        },
+        onDragOver: function onDragOver(e) {
+          _onDragOver(e, index, record);
+        },
+        onDrop: function onDrop() {
+          _onDrop();
+        },
+        onDragEnd: function onDragEnd() {
+          _onDragEnd();
+        }
+      };
+    }
+
+    return {};
+  }
+
+  return {
+    onDragStart: _onDragStart,
+    onDragOver: _onDragOver,
+    onDrop: _onDrop,
+    onDragEnd: _onDragEnd,
+    getDragProps: getDragProps,
+    dragging: draggingIndex !== -1
+  };
+}
+
+exports["default"] = useDragSorter;
+//# sourceMappingURL=useDragSorter.js.map

package/lib/_util/useDragSorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragSorter.js","sources":["../../src/_util/useDragSorter.tsx"],"sourcesContent":["import { useState } from 'react';\n\ninterface DragSortProps<T> {\n  sortOnDraggable: boolean;\n  onDragSort?: (context: DragSortContext<T>) => void;\n}\n\ntype DragFnType = (e?: React.DragEvent<HTMLTableRowElement>, index?: number, record?: any) => void;\ninterface DragSortInnerData {\n  dragging?: boolean;\n  onDragStart?: DragFnType;\n  onDragOver?: DragFnType;\n  onDrop?: DragFnType;\n  onDragEnd?: DragFnType;\n}\n\nexport interface DragSortInnerProps extends DragSortInnerData {\n  getDragProps?: (index?: number, record?: any) => DragSortInnerData;\n}\n\nexport interface DragSortContext<T> {\n  currentIndex: number;\n  current: T;\n  targetIndex: number;\n  target: T;\n}\n\nfunction useDragSorter<T>(props: DragSortProps<T>): DragSortInnerProps {\n  const { sortOnDraggable, onDragSort } = props;\n  const [draggingIndex, setDraggingIndex] = useState(-1);\n  const [dragStartData, setDragStartData] = useState(null);\n  const [isDroped, setIsDroped] = useState(null);\n\n  if (!sortOnDraggable) {\n    return {};\n  }\n\n  function onDragStart(e, index, record: T) {\n    setDraggingIndex(index);\n    setDragStartData(record);\n  }\n  function onDragOver(e, index, record: T) {\n    e.preventDefault();\n    if (draggingIndex === index || draggingIndex === -1) return;\n\n    onDragSort?.({ currentIndex: draggingIndex, current: dragStartData, target: record, targetIndex: index });\n    setDraggingIndex(index);\n  }\n  function onDrop() {\n    setIsDroped(true);\n  }\n  function onDragEnd() {\n    if (!isDroped) {\n      // 取消排序，待扩展api，输出dragStartData\n    }\n    setIsDroped(false);\n    setDraggingIndex(-1);\n    setDragStartData(null);\n  }\n  function getDragProps(index, record: T) {\n    if (sortOnDraggable) {\n      return {\n        draggable: true,\n        onDragStart: (e) => {\n          onDragStart(e, index, record);\n        },\n        onDragOver: (e) => {\n          onDragOver(e, index, record);\n        },\n        onDrop: () => {\n          onDrop();\n        },\n        onDragEnd: () => {\n          onDragEnd();\n        },\n      };\n    }\n    return {};\n  }\n\n  return { onDragStart, onDragOver, onDrop, onDragEnd, getDragProps, dragging: draggingIndex !== -1 };\n}\n\nexport default useDragSorter;\n"],"names":["useDragSorter","props","sortOnDraggable","onDragSort","useState","draggingIndex","setDraggingIndex","dragStartData","setDragStartData","setIsDroped","onDragStart","e","index","record","onDragOver","preventDefault","currentIndex","current","target","targetIndex","onDrop","onDragEnd","getDragProps","draggable","dragging"],"mappings":";;;;;;;;;;;;;;AACA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AAC5B,MAAQC,eAAR,GAAwCD,KAAxC,CAAQC,eAAR;AAAA,MAAyBC,UAAzB,GAAwCF,KAAxC,CAAyBE,UAAzB;;AACA,kBAA0CC,cAAQ,CAAC,CAAC,CAAF,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAA0CF,cAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAgCJ,cAAQ,CAAC,IAAD,CAAxC;AAAA;AAAA;AAAA,UAAiBK,WAAjB;;AACA,MAAI,CAACP,eAAL,EAAsB;AACpB,WAAO,EAAP;AACD;;AACD,WAASQ,YAAT,CAAqBC,CAArB,EAAwBC,KAAxB,EAA+BC,MAA/B,EAAuC;AACrCP,IAAAA,gBAAgB,CAACM,KAAD,CAAhB;AACAJ,IAAAA,gBAAgB,CAACK,MAAD,CAAhB;AACD;;AACD,WAASC,WAAT,CAAoBH,CAApB,EAAuBC,KAAvB,EAA8BC,MAA9B,EAAsC;AACpCF,IAAAA,CAAC,CAACI,cAAF;AACA,QAAIV,aAAa,KAAKO,KAAlB,IAA2BP,aAAa,KAAK,CAAC,CAAlD,EACE;AACFF,IAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG;AAAEa,MAAAA,YAAY,EAAEX,aAAhB;AAA+BY,MAAAA,OAAO,EAAEV,aAAxC;AAAuDW,MAAAA,MAAM,EAAEL,MAA/D;AAAuEM,MAAAA,WAAW,EAAEP;AAApF,KAAH,CAAV;AACAN,IAAAA,gBAAgB,CAACM,KAAD,CAAhB;AACD;;AACD,WAASQ,OAAT,GAAkB;AAChBX,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD;;AACD,WAASY,UAAT,GAAqB;;AAGnBZ,IAAAA,WAAW,CAAC,KAAD,CAAX;AACAH,IAAAA,gBAAgB,CAAC,CAAC,CAAF,CAAhB;AACAE,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD;;AACD,WAASc,YAAT,CAAsBV,KAAtB,EAA6BC,MAA7B,EAAqC;AACnC,QAAIX,eAAJ,EAAqB;AACnB,aAAO;AACLqB,QAAAA,SAAS,EAAE,IADN;AAELb,QAAAA,WAAW,EAAE,qBAACC,CAAD,EAAO;AAClBD,UAAAA,YAAW,CAACC,CAAD,EAAIC,KAAJ,EAAWC,MAAX,CAAX;AACD,SAJI;AAKLC,QAAAA,UAAU,EAAE,oBAACH,CAAD,EAAO;AACjBG,UAAAA,WAAU,CAACH,CAAD,EAAIC,KAAJ,EAAWC,MAAX,CAAV;AACD,SAPI;AAQLO,QAAAA,MAAM,EAAE,kBAAM;AACZA,UAAAA,OAAM;AACP,SAVI;AAWLC,QAAAA,SAAS,EAAE,qBAAM;AACfA,UAAAA,UAAS;AACV;AAbI,OAAP;AAeD;;AACD,WAAO,EAAP;AACD;;AACD,SAAO;AAAEX,IAAAA,WAAW,EAAXA,YAAF;AAAeI,IAAAA,UAAU,EAAVA,WAAf;AAA2BM,IAAAA,MAAM,EAANA,OAA3B;AAAmCC,IAAAA,SAAS,EAATA,UAAnC;AAA8CC,IAAAA,YAAY,EAAZA,YAA9C;AAA4DE,IAAAA,QAAQ,EAAEnB,aAAa,KAAK,CAAC;AAAzF,GAAP;AACD;;;;"}

package/lib/_util/useLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/lib/_util/useLayoutEffect.js

@@ -0,0 +1,24 @@
+/**
+ * tdesign v0.25.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _util_dom = require('./dom.js');
+require('raf');
+require('../_chunks/dep-3cfc5c96.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('./easing.js');
+
+var useIsomorphicLayoutEffect = _util_dom.canUseDocument ? React.useLayoutEffect : React.useEffect;
+
+exports["default"] = useIsomorphicLayoutEffect;
+//# sourceMappingURL=useLayoutEffect.js.map

package/lib/_util/useLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEffect.js","sources":["../../src/_util/useLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\nimport { canUseDocument } from './dom';\n\nconst useIsomorphicLayoutEffect = canUseDocument ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDocument","useLayoutEffect","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;IAEMA,yBAAyB,GAAGC,wBAAc,GAAGC,qBAAH,GAAqBC;;;;"}

package/lib/_util/usePersistFn.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/_util/usePrevious.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/_util/useRefAndForward.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/_util/useRipple.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,25 +11,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _util_useConfig = require('./useConfig.js');
 var _util_setStyle = require('./setStyle.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+var _util_dom = require('./dom.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
+require('raf');
+require('../_chunks/dep-3cfc5c96.js');
+require('./easing.js');
 
 var period = 200;
 var noneRippleBg = "rgba(0, 0, 0, 0)";
@@ -60,7 +64,10 @@ function useRipple(ref, fixedRippleColor) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var rippleContainer = document.createElement("div");
+  var rippleContainer = React.useMemo(function () {
+    if (!_util_dom.canUseDocument) return null;
+    return document.createElement("div");
+  }, []);
   var handleAddRipple = React.useCallback(function (e) {
     var el = ref === null || ref === void 0 ? void 0 : ref.current;
     var rippleColor = getRippleColor(el, fixedRippleColor);

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, useMemo } from 'react';\nimport useConfig from './useConfig';\nimport setStyle from './setStyle';\nimport { canUseDocument } from './dom';\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 = useMemo(() => {\n    if (!canUseDocument) return null;\n    return document.createElement('div');\n  }, []);\n\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","useMemo","canUseDocument","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,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,10 +8,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-d569a74d.js');
-var slicedToArray = require('../_chunks/dep-c419658d.js');
+var defineProperty = require('../_chunks/dep-54e5d466.js');
+var slicedToArray = require('../_chunks/dep-b7cfec4d.js');
 var React = require('react');
-require('../_chunks/dep-39e97fe4.js');
+require('../_chunks/dep-24860d3b.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; }
 

package/lib/_util/useUpdateEffect.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,10 +9,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _util_useLayoutEffect = require('./useLayoutEffect.js');
+require('./dom.js');
+require('raf');
+require('../_chunks/dep-3cfc5c96.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('./easing.js');
 
 var useUpdateEffect = function useUpdateEffect(callback, dependency) {
   var ref = React.useRef(false);
-  React.useLayoutEffect(function () {
+  _util_useLayoutEffect["default"](function () {
     if (!ref.current) {
       ref.current = true;
       return void 0;

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,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;;;;"}
+{"version":3,"file":"useUpdateEffect.js","sources":["../../src/_util/useUpdateEffect.ts"],"sourcesContent":["import { useRef, DependencyList } from 'react';\nimport useLayoutEffect from './useLayoutEffect';\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":";;;;;;;;;;;;;;;;;;;;;IAEMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAWC,UAAX,EAA0B;AAChD,MAAMC,GAAG,GAAGC,YAAM,CAAC,KAAD,CAAlB;AACAC,EAAAA,gCAAe,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,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,27 +8,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-d569a74d.js');
-var objectWithoutProperties = require('../_chunks/dep-70ccd627.js');
+var defineProperty = require('../_chunks/dep-54e5d466.js');
+var objectWithoutProperties = require('../_chunks/dep-eedee13a.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/addon/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,27 +9,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var addon_Addon = require('./Addon.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-70ccd627.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-eedee13a.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/affix/Affix.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,31 +8,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-d569a74d.js');
-var slicedToArray = require('../_chunks/dep-c419658d.js');
+var defineProperty = require('../_chunks/dep-54e5d466.js');
+var slicedToArray = require('../_chunks/dep-b7cfec4d.js');
 var React = require('react');
-var isFunction = require('../_chunks/dep-7316483e.js');
+var isFunction = require('../_chunks/dep-5d12d655.js');
 var _util_dom = require('../_util/dom.js');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-39e97fe4.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
+require('../_chunks/dep-24860d3b.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
 require('raf');
-require('../_chunks/dep-b04d0908.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-4fb5c464.js');
+require('../_chunks/dep-3cfc5c96.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-a19cf0b0.js');
 require('../_util/easing.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/affix/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,31 +9,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var affix_Affix = require('./Affix.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-c419658d.js');
-require('../_chunks/dep-39e97fe4.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-b7cfec4d.js');
+require('../_chunks/dep-24860d3b.js');
 require('react');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-b04d0908.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-4fb5c464.js');
+require('../_chunks/dep-3cfc5c96.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-a19cf0b0.js');
 require('../_util/easing.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/affix/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */