tdesign-react 0.25.1 → 0.25.3-alpha.2

package/lib/_util/useAnimation.d.ts

@@ -0,0 +1,5 @@
+export default function useAnimation(): {
+    keepExpand: boolean;
+    keepRipple: boolean;
+    keepFade: boolean;
+};

package/lib/_util/useAnimation.js

@@ -0,0 +1,53 @@
+/**
+ * tdesign v0.25.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _util_useConfig = require('./useConfig.js');
+var configProvider_ConfigContext = require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/defaultConfig.js');
+
+function useAnimation() {
+  var _useConfig = _util_useConfig["default"](),
+      animation = _useConfig.animation;
+
+  var expand = configProvider_ConfigContext.EAnimationType.expand,
+      ripple = configProvider_ConfigContext.EAnimationType.ripple,
+      fade = configProvider_ConfigContext.EAnimationType.fade;
+  var keepAnimation = React.useCallback(function (type) {
+    var _animation$exclude, _animation$include;
+
+    return animation && !((_animation$exclude = animation.exclude) !== null && _animation$exclude !== void 0 && _animation$exclude.includes(type)) && ((_animation$include = animation.include) === null || _animation$include === void 0 ? void 0 : _animation$include.includes(type));
+  }, [animation]);
+  return {
+    keepExpand: keepAnimation(expand),
+    keepRipple: keepAnimation(ripple),
+    keepFade: keepAnimation(fade)
+  };
+}
+
+exports["default"] = useAnimation;
+//# sourceMappingURL=useAnimation.js.map

package/lib/_util/useAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.js","sources":["../../src/_util/useAnimation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport useConfig from './useConfig';\nimport { EAnimationType } from '../config-provider/ConfigContext';\n\nexport default function useAnimation() {\n  const { animation } = useConfig();\n  const { expand, ripple, fade } = EAnimationType;\n\n  const keepAnimation = useCallback(\n    (type: EAnimationType) => animation && !animation.exclude?.includes(type) && animation.include?.includes(type),\n    [animation],\n  );\n\n  return {\n    keepExpand: keepAnimation(expand),\n    keepRipple: keepAnimation(ripple),\n    keepFade: keepAnimation(fade),\n  };\n}\n"],"names":["useAnimation","useConfig","animation","expand","EAnimationType","ripple","fade","keepAnimation","useCallback","type","exclude","includes","include","keepExpand","keepRipple","keepFade"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGe,SAASA,YAAT,GAAwB;AACrC,mBAAsBC,0BAAS,EAA/B;AAAA,MAAQC,SAAR,cAAQA,SAAR;;AACA,MAAQC,MAAR,GAAiCC,2CAAjC,CAAQD,MAAR;AAAA,MAAgBE,MAAhB,GAAiCD,2CAAjC,CAAgBC,MAAhB;AAAA,MAAwBC,IAAxB,GAAiCF,2CAAjC,CAAwBE,IAAxB;AACA,MAAMC,aAAa,GAAGC,iBAAW,CAAC,UAACC,IAAD;AAAA;;AAAA,WAAUP,SAAS,IAAI,wBAACA,SAAS,CAACQ,OAAX,+CAAC,mBAAmBC,QAAnB,CAA4BF,IAA5B,CAAD,CAAb,2BAAmDP,SAAS,CAACU,OAA7D,uDAAmD,mBAAmBD,QAAnB,CAA4BF,IAA5B,CAAnD,CAAV;AAAA,GAAD,EAAiG,CAACP,SAAD,CAAjG,CAAjC;AACA,SAAO;AACLW,IAAAA,UAAU,EAAEN,aAAa,CAACJ,MAAD,CADpB;AAELW,IAAAA,UAAU,EAAEP,aAAa,CAACF,MAAD,CAFpB;AAGLU,IAAAA,QAAQ,EAAER,aAAa,CAACD,IAAD;AAHlB,GAAP;AAKD;;;;"}

package/lib/_util/useClickOutside.js

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

package/lib/_util/useCommonClassName.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,23 +10,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _util_useConfig = require('./useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/_util/useConfig.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,23 +9,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var configProvider_ConfigContext = require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+var configProvider_ConfigContext = require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/_util/useDefault.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,10 +8,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var slicedToArray = require('../_chunks/dep-402b9452.js');
 var React = require('react');
 var _util_noop = require('./noop.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-20cb3e75.js');
 
 function useDefault(value, defaultValue, onChange) {
   var _useState = React.useState(defaultValue),

package/lib/_util/useDefaultValue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,12 +8,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
-var objectWithoutProperties = require('../_chunks/dep-3a9ef687.js');
+var defineProperty = require('../_chunks/dep-728c3d30.js');
+var slicedToArray = require('../_chunks/dep-402b9452.js');
+var objectWithoutProperties = require('../_chunks/dep-7b67ce1a.js');
 var _util_useDefault = require('./useDefault.js');
 var _util_noop = require('./noop.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-20cb3e75.js');
 require('react');
 
 var _excluded = ["defaultValue", "value", "onChange"];

package/lib/_util/useDialogEsc.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+declare const useDialogEsc: (visible: boolean, dialog: MutableRefObject<HTMLDivElement>) => void;
+export default useDialogEsc;

package/lib/_util/useDialogEsc.js

@@ -0,0 +1,47 @@
+/**
+ * tdesign v0.25.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toConsumableArray = require('../_chunks/dep-b41f5892.js');
+var React = require('react');
+require('../_chunks/dep-20cb3e75.js');
+
+var dialogSet = /* @__PURE__ */new Set();
+
+var useDialogEsc = function useDialogEsc(visible, dialog) {
+  React.useEffect(function () {
+    if (visible) {
+      if (dialog !== null && dialog !== void 0 && dialog.current) {
+        var _dialog$current;
+
+        dialogSet.add(dialog);
+        dialog === null || dialog === void 0 ? void 0 : (_dialog$current = dialog.current) === null || _dialog$current === void 0 ? void 0 : _dialog$current.focus();
+      }
+    } else if (dialogSet.has(dialog)) {
+      var _dialogList, _dialogList$current;
+
+      dialogSet["delete"](dialog);
+
+      var dialogList = toConsumableArray._toConsumableArray(dialogSet);
+
+      (_dialogList = dialogList[dialogList.length - 1]) === null || _dialogList === void 0 ? void 0 : (_dialogList$current = _dialogList.current) === null || _dialogList$current === void 0 ? void 0 : _dialogList$current.focus();
+    }
+
+    return function () {
+      dialogSet.forEach(function (item) {
+        if (item.current === null) {
+          dialogSet["delete"](item);
+        }
+      });
+    };
+  }, [visible, dialog]);
+};
+
+exports["default"] = useDialogEsc;
+//# sourceMappingURL=useDialogEsc.js.map

package/lib/_util/useDialogEsc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogEsc.js","sources":["../../src/_util/useDialogEsc.ts"],"sourcesContent":["import { useEffect, MutableRefObject } from 'react';\n\nconst dialogSet: Set<MutableRefObject<HTMLDivElement>> = new Set();\n\nconst useDialogEsc = (visible: boolean, dialog: MutableRefObject<HTMLDivElement>) => {\n  useEffect(() => {\n    if (visible) {\n      // 将dialog添加至Set对象\n      if (dialog?.current) {\n        dialogSet.add(dialog);\n        dialog?.current?.focus();\n      }\n    } else if (dialogSet.has(dialog)) {\n      // 将dialog从Set对象删除\n      dialogSet.delete(dialog);\n      const dialogList = [...dialogSet];\n      // 将Set对象中最后一个dialog设置为 focus\n      dialogList[dialogList.length - 1]?.current?.focus();\n    }\n    return () => {\n      // 从Set对象删除无效的 dialog\n      dialogSet.forEach((item) => {\n        if (item.current === null) {\n          dialogSet.delete(item);\n        }\n      });\n    };\n  }, [visible, dialog]);\n};\n\nexport default useDialogEsc;\n"],"names":["dialogSet","Set","useDialogEsc","visible","dialog","useEffect","current","add","focus","has","dialogList","length","forEach","item"],"mappings":";;;;;;;;;;;;;;AACA,IAAMA,SAAS,kBAAmB,IAAIC,GAAJ,EAAlC;;IACMC,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAUC,MAAV,EAAqB;AACxCC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIF,OAAJ,EAAa;AACX,UAAIC,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AAAA;;AACnBN,QAAAA,SAAS,CAACO,GAAV,CAAcH,MAAd;AACAA,QAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,+BAAAA,MAAM,CAAEE,OAAR,oEAAiBE,KAAjB;AACD;AACF,KALD,MAKO,IAAIR,SAAS,CAACS,GAAV,CAAcL,MAAd,CAAJ,EAA2B;AAAA;;AAChCJ,MAAAA,SAAS,UAAT,CAAiBI,MAAjB;;AACA,UAAMM,UAAU,wCAAOV,SAAP,CAAhB;;AACA,qBAAAU,UAAU,CAACA,UAAU,CAACC,MAAX,GAAoB,CAArB,CAAV,mFAAmCL,OAAnC,4EAA4CE,KAA5C;AACD;;AACD,WAAO,YAAM;AACXR,MAAAA,SAAS,CAACY,OAAV,CAAkB,UAACC,IAAD,EAAU;AAC1B,YAAIA,IAAI,CAACP,OAAL,KAAiB,IAArB,EAA2B;AACzBN,UAAAA,SAAS,UAAT,CAAiBa,IAAjB;AACD;AACF,OAJD;AAKD,KAND;AAOD,GAlBQ,EAkBN,CAACV,OAAD,EAAUC,MAAV,CAlBM,CAAT;AAmBD;;;;"}

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.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-402b9452.js');
+var React = require('react');
+require('../_chunks/dep-20cb3e75.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.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _util_dom = require('./dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-ac761868.js');
+require('../_chunks/dep-a2749c28.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-09c2324b.js');
 require('./easing.js');
 
 var useIsomorphicLayoutEffect = _util_dom.canUseDocument ? React.useLayoutEffect : React.useEffect;

package/lib/_util/usePersistFn.js

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

package/lib/_util/usePrevious.js

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

package/lib/_util/useRefAndForward.js

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

package/lib/_util/useRipple.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,29 +10,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _util_useConfig = require('./useConfig.js');
+var _util_useAnimation = require('./useAnimation.js');
 var _util_setStyle = require('./setStyle.js');
 var _util_dom = require('./dom.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-a2749c28.js');
 require('./easing.js');
 
 var period = 200;
@@ -64,6 +65,9 @@ function useRipple(ref, fixedRippleColor) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
+  var _useAnimation = _util_useAnimation["default"](),
+      keepRipple = _useAnimation.keepRipple;
+
   var rippleContainer = React.useMemo(function () {
     if (!_util_dom.canUseDocument) return null;
     return document.createElement("div");
@@ -71,7 +75,7 @@ function useRipple(ref, fixedRippleColor) {
   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;
+    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);
@@ -144,7 +148,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 = React.useCallback(function () {
     var _el$style;
 

package/lib/_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/lib/_util/useSetState.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,10 +8,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var defineProperty = require('../_chunks/dep-728c3d30.js');
+var slicedToArray = require('../_chunks/dep-402b9452.js');
 var React = require('react');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-20cb3e75.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; }