tdesign-react 0.25.1 → 0.25.3-alpha.2

package/esm/_util/useDragSorter.js

@@ -0,0 +1,96 @@
+/**
+ * tdesign v0.25.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _slicedToArray } from '../_chunks/dep-ca97d683.js';
+import { useState } from 'react';
+import '../_chunks/dep-6f5ded5c.js';
+
+function useDragSorter(props) {
+  var sortOnDraggable = props.sortOnDraggable,
+      onDragSort = props.onDragSort;
+
+  var _useState = useState(-1),
+      _useState2 = _slicedToArray(_useState, 2),
+      draggingIndex = _useState2[0],
+      setDraggingIndex = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dragStartData = _useState4[0],
+      setDragStartData = _useState4[1];
+
+  var _useState5 = useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isDroped = _useState6[0],
+      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() {
+    if (!isDroped) {}
+
+    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
+  };
+}
+
+export { useDragSorter as default };
+//# sourceMappingURL=useDragSorter.js.map

package/esm/_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","isDroped","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,QAAQ,CAAC,CAAC,CAAF,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAA0CF,QAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAgCJ,QAAQ,CAAC,IAAD,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAI,CAACR,eAAL,EAAsB;AACpB,WAAO,EAAP;AACD;;AACD,WAASS,YAAT,CAAqBC,CAArB,EAAwBC,KAAxB,EAA+BC,MAA/B,EAAuC;AACrCR,IAAAA,gBAAgB,CAACO,KAAD,CAAhB;AACAL,IAAAA,gBAAgB,CAACM,MAAD,CAAhB;AACD;;AACD,WAASC,WAAT,CAAoBH,CAApB,EAAuBC,KAAvB,EAA8BC,MAA9B,EAAsC;AACpCF,IAAAA,CAAC,CAACI,cAAF;AACA,QAAIX,aAAa,KAAKQ,KAAlB,IAA2BR,aAAa,KAAK,CAAC,CAAlD,EACE;AACFF,IAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG;AAAEc,MAAAA,YAAY,EAAEZ,aAAhB;AAA+Ba,MAAAA,OAAO,EAAEX,aAAxC;AAAuDY,MAAAA,MAAM,EAAEL,MAA/D;AAAuEM,MAAAA,WAAW,EAAEP;AAApF,KAAH,CAAV;AACAP,IAAAA,gBAAgB,CAACO,KAAD,CAAhB;AACD;;AACD,WAASQ,OAAT,GAAkB;AAChBX,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD;;AACD,WAASY,UAAT,GAAqB;AACnB,QAAI,CAACb,QAAL,EAAe;;AAEfC,IAAAA,WAAW,CAAC,KAAD,CAAX;AACAJ,IAAAA,gBAAgB,CAAC,CAAC,CAAF,CAAhB;AACAE,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD;;AACD,WAASe,YAAT,CAAsBV,KAAtB,EAA6BC,MAA7B,EAAqC;AACnC,QAAIZ,eAAJ,EAAqB;AACnB,aAAO;AACLsB,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,EAAEpB,aAAa,KAAK,CAAC;AAAzF,GAAP;AACD;;;;"}

package/esm/_util/useLayoutEffect.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,13 +7,13 @@
 import { useLayoutEffect, useEffect } from 'react';
 import { canUseDocument } from './dom.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-6d9098b6.js';
 import './easing.js';
 
 var useIsomorphicLayoutEffect = canUseDocument ? useLayoutEffect : useEffect;

package/esm/_util/usePersistFn.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/usePrevious.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/useRefAndForward.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/useRipple.js

@@ -1,37 +1,38 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import { useMemo, useCallback, useEffect } from 'react';
 import useConfig from './useConfig.js';
+import useAnimation from './useAnimation.js';
 import setStyle from './setStyle.js';
 import { canUseDocument } from './dom.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-cad4c9bb.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-6d9098b6.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-0058bc23.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
+import '../_chunks/dep-02e6b611.js';
 import './easing.js';
 
 var period = 200;
@@ -63,6 +64,9 @@ function useRipple(ref, fixedRippleColor) {
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
+  var _useAnimation = useAnimation(),
+      keepRipple = _useAnimation.keepRipple;
+
   var rippleContainer = useMemo(function () {
     if (!canUseDocument) return null;
     return document.createElement("div");
@@ -70,7 +74,7 @@ function useRipple(ref, fixedRippleColor) {
   var handleAddRipple = 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;
+    if (e.button !== 0 || !el || !keepRipple) return;
     if (el.classList.contains("".concat(classPrefix, "-is-active")) || el.classList.contains("".concat(classPrefix, "-is-disabled")) || el.classList.contains("".concat(classPrefix, "-is-checked"))) return;
     var elStyle = getComputedStyle(el);
     var elBorder = parseInt(elStyle.borderWidth, 10);
@@ -143,7 +147,7 @@ function useRipple(ref, fixedRippleColor) {
 
     el.addEventListener("pointerup", handleClearRipple, false);
     el.addEventListener("pointerleave", handleClearRipple, false);
-  }, [classPrefix, ref, fixedRippleColor, rippleContainer]);
+  }, [classPrefix, ref, fixedRippleColor, rippleContainer, keepRipple]);
   var initRippleElement = useCallback(function () {
     var _el$style;
 

package/esm/_util/useRipple.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"useRipple.js","sources":["../../src/_util/useRipple.ts"],"sourcesContent":["import { useEffect, useCallback, RefObject, useMemo } from 'react';\nimport useConfig from './useConfig';\nimport useAnimation from './useAnimation';\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  // 全局配置\n  const { keepRipple } = useAnimation();\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 || !keepRipple) 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, keepRipple],\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","useAnimation","keepRipple","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/esm/_util/useSetState.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
+import { _ as _slicedToArray } from '../_chunks/dep-ca97d683.js';
 import { useState, useCallback } from 'react';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-6f5ded5c.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/esm/_util/useUpdateEffect.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,13 +8,13 @@ import { useRef } from 'react';
 import useIsomorphicLayoutEffect from './useLayoutEffect.js';
 import './dom.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-6d9098b6.js';
 import './easing.js';
 
 var useUpdateEffect = function useUpdateEffect(callback, dependency) {

package/esm/addon/Addon.js

@@ -1,32 +1,32 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c0b93c23.js';
+import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-497887bb.js';
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-6d9098b6.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-0058bc23.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';

package/esm/addon/index.js

@@ -1,33 +1,33 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import Addon$1 from './Addon.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-cad4c9bb.js';
+import '../_chunks/dep-497887bb.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-6d9098b6.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-0058bc23.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';

package/esm/affix/Affix.js

@@ -1,36 +1,36 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
+import { _ as _slicedToArray } from '../_chunks/dep-ca97d683.js';
 import React, { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
-import { i as isFunction_1 } from '../_chunks/dep-4979c2b8.js';
+import { i as isFunction_1 } from '../_chunks/dep-9893f12f.js';
 import { getScrollContainer } from '../_util/dom.js';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
+import '../_chunks/dep-6f5ded5c.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-6d9098b6.js';
 import '../_util/easing.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-0058bc23.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';

package/esm/affix/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,33 +8,33 @@ import Affix from './Affix.js';
 export { default as Affix, default } from './Affix.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-cad4c9bb.js';
+import '../_chunks/dep-ca97d683.js';
+import '../_chunks/dep-6f5ded5c.js';
 import 'react';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-35ecd49c.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-6d9098b6.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-0058bc23.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';

package/esm/affix/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */