@tendaui/react 1.2.3 → 1.3.0

package/es/drawer/_example/placement.js

@@ -0,0 +1,91 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Drawer } from '../index.js';
+import { Button } from '../../button/index.js';
+import '../Drawer.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'react-transition-group';
+import '@tendaui/icons';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BbOvNxhg.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-D_qcGLah.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../utils/index.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../../button/Button.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../button/style/css.js';
+import '../style/css.js';
+
+var PlacementDrawer = function PlacementDrawer() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState("right"),
+    _useState4 = _slicedToArray(_useState3, 2),
+    placement = _useState4[0],
+    setPlacement = _useState4[1];
+  var openDrawer = function openDrawer(p) {
+    setPlacement(p);
+    setVisible(true);
+  };
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px",
+      flexWrap: "wrap"
+    }
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("left");
+    }
+  }, "\u4ECE\u5DE6\u4FA7\u6253\u5F00"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("right");
+    }
+  }, "\u4ECE\u53F3\u4FA7\u6253\u5F00"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("top");
+    }
+  }, "\u4ECE\u9876\u90E8\u6253\u5F00"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("bottom");
+    }
+  }, "\u4ECE\u5E95\u90E8\u6253\u5F00")), /* @__PURE__ */React__default.createElement(Drawer, {
+    header: "".concat(placement, " \u65B9\u5411\u62BD\u5C49"),
+    placement: placement,
+    visible: visible,
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, /* @__PURE__ */React__default.createElement("p", null, "\u8FD9\u662F\u4ECE ", placement, " \u65B9\u5411\u6ED1\u51FA\u7684\u62BD\u5C49\u3002")));
+};
+
+export { PlacementDrawer as default };
+//# sourceMappingURL=placement.js.map

package/es/drawer/_example/placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.js","sources":["../../../../components/drawer/_example/placement.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Drawer from \"../index\";\nimport { Button } from \"../../button\";\nimport type { TdDrawerProps } from \"../type\";\n\nconst PlacementDrawer = () => {\n  const [visible, setVisible] = useState(false);\n  const [placement, setPlacement] = useState<TdDrawerProps[\"placement\"]>(\"right\");\n\n  const openDrawer = (p: TdDrawerProps[\"placement\"]) => {\n    setPlacement(p);\n    setVisible(true);\n  };\n\n  return (\n    <>\n      <div style={{ display: \"flex\", gap: \"12px\", flexWrap: \"wrap\" }}>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"left\")}>\n          从左侧打开\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"right\")}>\n          从右侧打开\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"top\")}>\n          从顶部打开\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"bottom\")}>\n          从底部打开\n        </Button>\n      </div>\n      <Drawer\n        header={`${placement} 方向抽屉`}\n        placement={placement}\n        visible={visible}\n        onClose={() => setVisible(false)}\n      >\n        <p>这是从 {placement} 方向滑出的抽屉。</p>\n      </Drawer>\n    </>\n  );\n};\n\nexport default PlacementDrawer;\n"],"names":["PlacementDrawer","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","placement","setPlacement","openDrawer","p","React","createElement","Fragment","style","display","gap","flexWrap","Button","theme","onClick","Drawer","header","concat","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,UAAA,GAAkCL,SAAqC,OAAO,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAvEE,IAAAA,SAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAWE,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMG,UAAA,GAAa,SAAbA,UAAAA,CAAcC,CAAA,EAAkC;IACpDF,YAAA,CAAaE,CAAC,CAAA;IACdN,UAAA,CAAW,IAAI,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,iBACEF,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIE,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,iBAC3DN,cAAA,CAAAC,aAAA,CAACM;AAAOC,IAAAA,KAAA,EAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeX,UAAA,CAAW,MAAM,CAAA;AAAA,IAAA;GAAA,EAAG,gCAE3D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeX,UAAA,CAAW,OAAO,CAAA;AAAA,IAAA;GAAA,EAAG,gCAE5D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeX,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA;GAAA,EAAG,gCAE1D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeX,UAAA,CAAW,QAAQ,CAAA;AAAA,IAAA;GAAA,EAAG,gCAE7D,CACF,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACS,MAAA,EAAA;AACCC,IAAAA,MAAA,EAAA,EAAA,CAAAC,MAAA,CAAWhB,SAAS,EAAA,2BAAA,CAAA;AACpBA,IAAAA,SAAA,EAAAA,SAAA;AACAJ,IAAAA,OAAA,EAAAA,OAAA;IACAqB,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAepB,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA;AAAA,GAAA,iBAE/BO,cAAA,CAAAC,aAAA,CAAC,GAAA,EAAA,IAAA,EAAE,qBAAA,EAAKL,SAAA,EAAU,mDAAS,CAC7B,CACF,CAAA;AAEJ;;;;"}

package/es/drawer/_example/size-draggable.js

@@ -0,0 +1,65 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Drawer } from '../index.js';
+import { Button } from '../../button/index.js';
+import '../Drawer.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'react-transition-group';
+import '@tendaui/icons';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BbOvNxhg.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-D_qcGLah.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../utils/index.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../../button/Button.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../button/style/css.js';
+import '../style/css.js';
+
+var DraggableDrawer = function DraggableDrawer() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }, "\u53EF\u62D6\u62FD\u5927\u5C0F\u7684\u62BD\u5C49"), /* @__PURE__ */React__default.createElement(Drawer, {
+    header: "\u53EF\u62D6\u62FD\u8C03\u6574\u5927\u5C0F",
+    visible: visible,
+    sizeDraggable: {
+      min: 200,
+      max: 800
+    },
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, /* @__PURE__ */React__default.createElement("p", null, "\u62D6\u52A8\u62BD\u5C49\u8FB9\u7F18\u53EF\u4EE5\u8C03\u6574\u5BBD\u5EA6\u3002"), /* @__PURE__ */React__default.createElement("p", null, "\u6700\u5C0F\u5BBD\u5EA6: 200px"), /* @__PURE__ */React__default.createElement("p", null, "\u6700\u5927\u5BBD\u5EA6: 800px")));
+};
+
+export { DraggableDrawer as default };
+//# sourceMappingURL=size-draggable.js.map

package/es/drawer/_example/size-draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-draggable.js","sources":["../../../../components/drawer/_example/size-draggable.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Drawer from \"../index\";\nimport { Button } from \"../../button\";\n\nconst DraggableDrawer = () => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <>\n      <Button theme=\"primary\" onClick={() => setVisible(true)}>\n        可拖拽大小的抽屉\n      </Button>\n      <Drawer\n        header=\"可拖拽调整大小\"\n        visible={visible}\n        sizeDraggable={{ min: 200, max: 800 }}\n        onClose={() => setVisible(false)}\n      >\n        <p>拖动抽屉边缘可以调整宽度。</p>\n        <p>最小宽度: 200px</p>\n        <p>最大宽度: 800px</p>\n      </Drawer>\n    </>\n  );\n};\n\nexport default DraggableDrawer;\n"],"names":["DraggableDrawer","_useState","useState","_useState2","_slicedToArray","visible","setVisible","React","createElement","Fragment","Button","theme","onClick","Drawer","header","sizeDraggable","min","max","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,iBACEF,cAAA,CAAAC,aAAA,CAACE,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeN,UAAA,CAAW,IAAI,CAAA;AAAA,IAAA;GAAA,EAAG,kDAEzD,CAAA,iBACAC,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,4CAAA;AACPT,IAAAA,OAAA,EAAAA,OAAA;AACAU,IAAAA,aAAA,EAAe;AAAEC,MAAAA,GAAA,EAAK,GAAA;AAAKC,MAAAA,KAAK;KAAI;IACpCC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeZ,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA;AAAA,GAAA,iBAE/BC,cAAA,CAAAC,aAAA,CAAC,WAAE,gFAAa,CAAA,iBAChBD,cAAA,CAAAC,aAAA,CAAC,WAAE,iCAAW,CAAA,iBACdD,cAAA,CAAAC,aAAA,CAAC,WAAE,iCAAW,CAChB,CACF,CAAA;AAEJ;;;;"}

package/es/drawer/_example/size.js

@@ -0,0 +1,96 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Drawer } from '../index.js';
+import { Button } from '../../button/index.js';
+import '../Drawer.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'react-transition-group';
+import '@tendaui/icons';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BbOvNxhg.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-D_qcGLah.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../utils/index.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../../button/Button.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../button/style/css.js';
+import '../style/css.js';
+
+var SizeDrawer = function SizeDrawer() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState("small"),
+    _useState4 = _slicedToArray(_useState3, 2),
+    size = _useState4[0],
+    setSize = _useState4[1];
+  var openDrawer = function openDrawer(s) {
+    setSize(s);
+    setVisible(true);
+  };
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px",
+      flexWrap: "wrap"
+    }
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("small");
+    }
+  }, "\u5C0F\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("medium");
+    }
+  }, "\u4E2D\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("large");
+    }
+  }, "\u5927\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("60%");
+    }
+  }, "60% \u5BBD\u5EA6"), /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: function onClick() {
+      return openDrawer("500px");
+    }
+  }, "500px \u5BBD\u5EA6")), /* @__PURE__ */React__default.createElement(Drawer, {
+    header: "\u5C3A\u5BF8: ".concat(size),
+    size: size,
+    visible: visible,
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, /* @__PURE__ */React__default.createElement("p", null, "\u5F53\u524D\u62BD\u5C49\u5C3A\u5BF8: ", size)));
+};
+
+export { SizeDrawer as default };
+//# sourceMappingURL=size.js.map

package/es/drawer/_example/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sources":["../../../../components/drawer/_example/size.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Drawer from \"../index\";\nimport { Button } from \"../../button\";\n\nconst SizeDrawer = () => {\n  const [visible, setVisible] = useState(false);\n  const [size, setSize] = useState(\"small\");\n\n  const openDrawer = (s: string) => {\n    setSize(s);\n    setVisible(true);\n  };\n\n  return (\n    <>\n      <div style={{ display: \"flex\", gap: \"12px\", flexWrap: \"wrap\" }}>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"small\")}>\n          小尺寸\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"medium\")}>\n          中尺寸\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"large\")}>\n          大尺寸\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"60%\")}>\n          60% 宽度\n        </Button>\n        <Button theme=\"primary\" onClick={() => openDrawer(\"500px\")}>\n          500px 宽度\n        </Button>\n      </div>\n      <Drawer header={`尺寸: ${size}`} size={size} visible={visible} onClose={() => setVisible(false)}>\n        <p>当前抽屉尺寸: {size}</p>\n      </Drawer>\n    </>\n  );\n};\n\nexport default SizeDrawer;\n"],"names":["SizeDrawer","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","size","setSize","openDrawer","s","React","createElement","style","display","gap","flexWrap","Button","theme","onClick","Drawer","header","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,aAAa,SAAbA,aAAmB;AACvB,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,UAAA,GAAwBL,SAAS,OAAO,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAjCE,IAAAA,IAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAME,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,IAAMG,UAAA,GAAa,SAAbA,UAAAA,CAAcC,CAAA,EAAc;IAChCF,OAAA,CAAQE,CAAC,CAAA;IACTN,UAAA,CAAW,IAAI,CAAA;EACjB,CAAA;AAEA,EAAA,iGAEIO,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;oBAC3DL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,IAAAA,OAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,OAAO,CAAA;AAAA,IAAA;GAAA,EAAG,oBAE5D,kBACAE,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,IAAAA,OAAM,SAAA;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,QAAQ;;KAAG,oBAE7D,CAAA,8CACCQ,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,WAAW,OAAO,CAAA;AAAA,IAAA;GAAA,EAAG,oBAE5D,CAAA,8CACCQ,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,WAAW,KAAK,CAAA;AAAA,IAAA;GAAA,EAAG,kBAE1D,CAAA,8CACCQ,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM;IAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,WAAW,OAAO,CAAA;AAAA,IAAA;GAAA,EAAG,oBAE5D,CACF,kBACAE,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AAAOC,IAAAA,gCAAed,IAAI;AAAIA,IAAAA,IAAA,EAAAA,IAAA;AAAYJ,IAAAA,OAAA,EAAAA,OAAA;IAAkBmB,SAAS,SAATA;aAAelB,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA;AAAA,GAAA,iBAC1FO,cAAA,CAAAC,aAAA,CAAC,WAAE,wCAAA,EAASL,IAAK,CACnB,CACF,CAAA;AAEJ;;;;"}

package/es/drawer/index.js

@@ -9,11 +9,12 @@ import 'react-transition-group';
 import '@tendaui/icons';
 import 'classnames';
 import 'lodash-es';
-import '../_chunks/dep-aX8qrQpB.js';
+import '../_chunks/dep-BbOvNxhg.js';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../loading/index.js';
 import '../loading/Loading.js';
@@ -22,17 +23,17 @@ import '../common/Portal.js';
 import 'react-dom';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DQ6kXoi8.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
 import '../_chunks/dep-PPA-yoAy.js';
 import '../_chunks/dep-DGvfel3I.js';
 import '../_chunks/dep-DbVHGoUC.js';
 import '../loading/style/css.js';
-import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-spxR0DG0.js';
 import '../button/style/css.js';
-import '../_chunks/dep-C_wPqvpm.js';
-import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-D_qcGLah.js';
+import '../_chunks/dep-bWaVq_y3.js';
 import './utils/index.js';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 

package/es/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/drawer/index.ts"],"sourcesContent":["import _Drawer from \"./Drawer\";\nimport \"./style/index\";\nexport type { TdDrawerProps } from \"./type\";\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,MAAA,GAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/drawer/index.ts"],"sourcesContent":["import _Drawer from \"./Drawer\";\nimport \"./style/index\";\nexport type { TdDrawerProps } from \"./type\";\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,MAAA,GAASC;;;;"}

package/es/drawer/style/index.css

@@ -144,16 +144,16 @@
 .t-drawer__footer {
   width: 100%;
   padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
-  text-align: left;
+  text-align: start;
   border-top: 1px solid var(--td-border-level-1-color);
   background-color: var(--td-bg-color-container);
   box-sizing: border-box;
 }
 .t-drawer__footer .t-button {
-  margin-left: var(--td-comp-margin-s);
+  margin-inline-start: var(--td-comp-margin-s);
 }
 .t-drawer__footer .t-button:first-child {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 .t-drawer__close-btn {
   position: absolute;
@@ -163,7 +163,7 @@
   width: var(--td-comp-size-xs);
   height: var(--td-comp-size-xs);
   top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
-  right: var(--td-comp-margin-s);
+  inset-inline-end: var(--td-comp-margin-s);
   color: var(--td-text-color-primary);
   background-color: var(--td-bg-color-container);
   border-radius: var(--td-radius-default);

package/es/fireworks/Fireworks.js

@@ -1,11 +1,12 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
-import React, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
 import '../_chunks/dep-D-UKOauR.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 
 var _excluded = ["className", "style", "count", "colors", "duration", "size", "interval", "particleCount", "loop", "onLaunch"];
@@ -99,7 +100,7 @@ var Fireworks = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     };
   }, []);
-  return /* @__PURE__ */React.createElement("div", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("div", _objectSpread({
     ref: ref,
     className: classNames(componentCls, className),
     style: style,
@@ -114,7 +115,7 @@ var Fireworks = /*#__PURE__*/forwardRef(function (props, ref) {
       "--fireworks-size": "".concat(size, "px"),
       "--fireworks-duration": "".concat(duration, "ms")
     };
-    return /* @__PURE__ */React.createElement("span", {
+    return /* @__PURE__ */React__default.createElement("span", {
       key: burst.id,
       className: "".concat(componentCls, "__burst"),
       style: burstStyle
@@ -125,7 +126,7 @@ var Fireworks = /*#__PURE__*/forwardRef(function (props, ref) {
         "--fireworks-color": burst.color,
         "--fireworks-rotate": "".concat(angle + burst.rotationOffset, "deg")
       };
-      return /* @__PURE__ */React.createElement("i", {
+      return /* @__PURE__ */React__default.createElement("i", {
         key: "".concat(burst.id, "-").concat(index),
         className: "".concat(componentCls, "__spark"),
         style: sparkStyle

package/es/fireworks/Fireworks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fireworks.js","sources":["../../../components/fireworks/Fireworks.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport classNames from \"classnames\";\n\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport type { FireworkBurst, FireworksLaunchContext, TdFireworksProps } from \"./type\";\n\nconst DEFAULT_COLORS = [\"#FF5F6D\", \"#FFC371\", \"#00C9FF\", \"#92FE9D\", \"#C77DFF\", \"#F2EA02\"];\n\ntype CSSPropertiesWithVars = CSSProperties & {\n  [key: `--${string}`]: string | number;\n};\n\nconst randomInRange = (min: number, max: number) => Math.random() * (max - min) + min;\n\nconst pickColor = (palette: string[]) => {\n  if (!palette || palette.length === 0) return DEFAULT_COLORS[0];\n  const index = Math.floor(Math.random() * palette.length);\n  return palette[index];\n};\n\nconst createBurstList = (count: number, colors: string[]): FireworkBurst[] =>\n  Array.from({ length: Math.max(1, count) }).map((_, index) => ({\n    id: `${Date.now()}-${index}-${Math.random().toString(36).slice(2, 7)}`,\n    color: pickColor(colors),\n    left: randomInRange(8, 92),\n    top: randomInRange(15, 85),\n    delay: randomInRange(0, 500),\n    rotationOffset: randomInRange(0, 360)\n  }));\n\nexport interface FireworksProps extends TdFireworksProps, StyledProps {}\n\nconst Fireworks = forwardRef<HTMLDivElement, FireworksProps>((props, ref) => {\n  const {\n    className,\n    style,\n    count = 6,\n    colors = DEFAULT_COLORS,\n    duration = 2400,\n    size = 140,\n    interval = 2800,\n    particleCount = 12,\n    loop = true,\n    onLaunch,\n    ...rest\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const componentCls = `${classPrefix}-fireworks`;\n  const safeParticleCount = Math.max(6, particleCount);\n  const [bursts, setBursts] = useState<FireworkBurst[]>(() => createBurstList(count, colors));\n  const timerRef = useRef<ReturnType<typeof setInterval>>();\n\n  const particleAngles = useMemo(() => {\n    return Array.from({ length: safeParticleCount }).map((_, index) => (360 / safeParticleCount) * index);\n  }, [safeParticleCount]);\n\n  const triggerLaunch = useCallback(() => {\n    const nextBursts = createBurstList(count, colors);\n    setBursts(nextBursts);\n    const context: FireworksLaunchContext = { bursts: nextBursts };\n    onLaunch?.(context);\n  }, [count, colors, onLaunch]);\n\n  useEffect(() => {\n    triggerLaunch();\n  }, [triggerLaunch]);\n\n  useEffect(() => {\n    if (!loop) return undefined;\n    timerRef.current && clearInterval(timerRef.current);\n    timerRef.current = setInterval(triggerLaunch, Math.max(interval, duration));\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n    };\n  }, [duration, interval, loop, triggerLaunch]);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n    },\n    []\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(componentCls, className)}\n      style={style}\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      {...rest}\n    >\n      {bursts.map((burst) => {\n        const burstStyle: CSSPropertiesWithVars = {\n          \"--fireworks-left\": `${burst.left}%`,\n          \"--fireworks-top\": `${burst.top}%`,\n          \"--fireworks-delay\": `${burst.delay}ms`,\n          \"--fireworks-color\": burst.color,\n          \"--fireworks-size\": `${size}px`,\n          \"--fireworks-duration\": `${duration}ms`\n        };\n\n        return (\n          <span key={burst.id} className={`${componentCls}__burst`} style={burstStyle}>\n            {particleAngles.map((angle, index) => {\n              const sparkStyle: CSSPropertiesWithVars = {\n                \"--fireworks-delay\": `${burst.delay}ms`,\n                \"--fireworks-duration\": `${duration}ms`,\n                \"--fireworks-color\": burst.color,\n                \"--fireworks-rotate\": `${angle + burst.rotationOffset}deg`\n              };\n              return <i key={`${burst.id}-${index}`} className={`${componentCls}__spark`} style={sparkStyle} />;\n            })}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nFireworks.displayName = \"Fireworks\";\n\nexport default Fireworks;\n\n"],"names":["DEFAULT_COLORS","randomInRange","min","max","Math","random","pickColor","palette","length","index","floor","createBurstList","count","colors","Array","from","map","_","id","Date","now","concat","toString","slice","color","left","top","delay","rotationOffset","Fireworks","forwardRef","props","ref","className","style","_props$count","_props$colors","_props$duration","duration","_props$size","size","_props$interval","interval","_props$particleCount","particleCount","_props$loop","loop","onLaunch","rest","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","componentCls","safeParticleCount","_useState","useState","_useState2","_slicedToArray","bursts","setBursts","timerRef","useRef","particleAngles","useMemo","triggerLaunch","useCallback","nextBursts","context","useEffect","current","clearInterval","setInterval","React","createElement","_objectSpread","classNames","role","burst","burstStyle","key","angle","sparkStyle","displayName"],"mappings":"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"}
+{"version":3,"file":"Fireworks.js","sources":["../../../components/fireworks/Fireworks.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\n\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport type { FireworkBurst, FireworksLaunchContext, TdFireworksProps } from \"./type\";\n\nconst DEFAULT_COLORS = [\"#FF5F6D\", \"#FFC371\", \"#00C9FF\", \"#92FE9D\", \"#C77DFF\", \"#F2EA02\"];\n\ntype CSSPropertiesWithVars = CSSProperties & {\n  [key: `--${string}`]: string | number;\n};\n\nconst randomInRange = (min: number, max: number) => Math.random() * (max - min) + min;\n\nconst pickColor = (palette: string[]) => {\n  if (!palette || palette.length === 0) return DEFAULT_COLORS[0];\n  const index = Math.floor(Math.random() * palette.length);\n  return palette[index];\n};\n\nconst createBurstList = (count: number, colors: string[]): FireworkBurst[] =>\n  Array.from({ length: Math.max(1, count) }).map((_, index) => ({\n    id: `${Date.now()}-${index}-${Math.random().toString(36).slice(2, 7)}`,\n    color: pickColor(colors),\n    left: randomInRange(8, 92),\n    top: randomInRange(15, 85),\n    delay: randomInRange(0, 500),\n    rotationOffset: randomInRange(0, 360)\n  }));\n\nexport interface FireworksProps extends TdFireworksProps, StyledProps {}\n\nconst Fireworks = forwardRef<HTMLDivElement, FireworksProps>((props, ref) => {\n  const {\n    className,\n    style,\n    count = 6,\n    colors = DEFAULT_COLORS,\n    duration = 2400,\n    size = 140,\n    interval = 2800,\n    particleCount = 12,\n    loop = true,\n    onLaunch,\n    ...rest\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const componentCls = `${classPrefix}-fireworks`;\n  const safeParticleCount = Math.max(6, particleCount);\n  const [bursts, setBursts] = useState<FireworkBurst[]>(() => createBurstList(count, colors));\n  const timerRef = useRef<ReturnType<typeof setInterval>>();\n\n  const particleAngles = useMemo(() => {\n    return Array.from({ length: safeParticleCount }).map((_, index) => (360 / safeParticleCount) * index);\n  }, [safeParticleCount]);\n\n  const triggerLaunch = useCallback(() => {\n    const nextBursts = createBurstList(count, colors);\n    setBursts(nextBursts);\n    const context: FireworksLaunchContext = { bursts: nextBursts };\n    onLaunch?.(context);\n  }, [count, colors, onLaunch]);\n\n  useEffect(() => {\n    triggerLaunch();\n  }, [triggerLaunch]);\n\n  useEffect(() => {\n    if (!loop) return undefined;\n    timerRef.current && clearInterval(timerRef.current);\n    timerRef.current = setInterval(triggerLaunch, Math.max(interval, duration));\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n    };\n  }, [duration, interval, loop, triggerLaunch]);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n    },\n    []\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(componentCls, className)}\n      style={style}\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      {...rest}\n    >\n      {bursts.map((burst) => {\n        const burstStyle: CSSPropertiesWithVars = {\n          \"--fireworks-left\": `${burst.left}%`,\n          \"--fireworks-top\": `${burst.top}%`,\n          \"--fireworks-delay\": `${burst.delay}ms`,\n          \"--fireworks-color\": burst.color,\n          \"--fireworks-size\": `${size}px`,\n          \"--fireworks-duration\": `${duration}ms`\n        };\n\n        return (\n          <span key={burst.id} className={`${componentCls}__burst`} style={burstStyle}>\n            {particleAngles.map((angle, index) => {\n              const sparkStyle: CSSPropertiesWithVars = {\n                \"--fireworks-delay\": `${burst.delay}ms`,\n                \"--fireworks-duration\": `${duration}ms`,\n                \"--fireworks-color\": burst.color,\n                \"--fireworks-rotate\": `${angle + burst.rotationOffset}deg`\n              };\n              return <i key={`${burst.id}-${index}`} className={`${componentCls}__spark`} style={sparkStyle} />;\n            })}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nFireworks.displayName = \"Fireworks\";\n\nexport default Fireworks;\n"],"names":["DEFAULT_COLORS","randomInRange","min","max","Math","random","pickColor","palette","length","index","floor","createBurstList","count","colors","Array","from","map","_","id","Date","now","concat","toString","slice","color","left","top","delay","rotationOffset","Fireworks","forwardRef","props","ref","className","style","_props$count","_props$colors","_props$duration","duration","_props$size","size","_props$interval","interval","_props$particleCount","particleCount","_props$loop","loop","onLaunch","rest","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","componentCls","safeParticleCount","_useState","useState","_useState2","_slicedToArray","bursts","setBursts","timerRef","useRef","particleAngles","useMemo","triggerLaunch","useCallback","nextBursts","context","useEffect","current","clearInterval","setInterval","React","createElement","_objectSpread","classNames","role","burst","burstStyle","key","angle","sparkStyle","displayName"],"mappings":"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"}

package/es/fireworks/index.js

@@ -6,8 +6,9 @@ import '../_chunks/dep-CzLhKWCf.js';
 import '../_chunks/dep-DN7d1SzH.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 
 var Fireworks = Fireworks$1;

package/es/fireworks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/fireworks/index.ts"],"sourcesContent":["import _Fireworks from \"./Fireworks\";\n\nimport \"./style/index.js\";\n\nexport type { FireworksProps } from \"./Fireworks\";\nexport * from \"./type\";\n\nexport const Fireworks = _Fireworks;\nexport default Fireworks;\n\n"],"names":["Fireworks","_Fireworks"],"mappings":";;;;;;;;;;;;AAOO,IAAMA,SAAA,GAAYC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/fireworks/index.ts"],"sourcesContent":["import _Fireworks from \"./Fireworks\";\n\nimport \"./style/index.js\";\n\nexport type { FireworksProps } from \"./Fireworks\";\nexport * from \"./type\";\n\nexport const Fireworks = _Fireworks;\nexport default Fireworks;\n"],"names":["Fireworks","_Fireworks"],"mappings":";;;;;;;;;;;;;AAOO,IAAMA,SAAA,GAAYC;;;;"}