tiny-ui 1.0.3 → 1.0.4

package/README.md

@@ -64,7 +64,6 @@ yarn add tiny-ui
 
 ```jsx
 import { Button, Switch } from 'tiny-ui';
-import 'tiny-ui/dist/styles/index.css';
 
 const App = () => (
   <>
@@ -74,17 +73,7 @@ const App = () => (
 );
 ```
 
-### On-demand loading
-
-Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) to load components and styles on demand:
-
-```json
-{
-  "plugins": [
-    ["import", { "libraryName": "tiny-ui", "style": "css" }]
-  ]
-}
-```
+Styles are automatically imported alongside each component — no separate CSS import needed. Modern bundlers (webpack, Vite, Rollup) will tree-shake unused components and their styles.
 
 ## Theming
 

package/es/_utils/components.js

@@ -1,54 +1,205 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ArrowDown = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z" }) }));
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/_utils/components.tsx
+const ArrowDown = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z"
+		})
+	});
 };
-export const PaperClip = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M596.600738 77.483387C707.652076-15.699749 863.952233-17.103951 945.87122 80.523296 1025.33565 175.225316 1000.817463 322.788809 897.886159 416.55918L500.872884 750.033876C428.941403 810.391556 330.343483 819.035113 279.34144 758.253245 228.350653 697.484792 254.004524 601.845857 325.904469 541.51464L549.255103 354.101205C568.4844 337.965909 597.16161 340.484261 613.234234 359.638868L613.234234 359.638868C629.339635 378.832538 626.827441 407.455341 607.577908 423.607617L384.227274 611.021052C346.503334 642.675196 335.433548 683.943896 348.847852 699.93044 362.276678 715.934291 404.796072 712.206837 442.550079 680.527464L829.892107 355.508911C905.161842 292.350105 923.282829 194.760822 876.364807 138.846101 829.422073 82.901929 730.238566 83.792991 654.923543 146.9898L207.957862 522.038537C112.028875 602.532515 99.523634 745.608046 180.046565 841.571538 260.588409 937.557569 403.622296 950.081865 499.571887 869.570599L901.909406 531.969334C921.04904 515.909275 949.653556 518.488625 965.72618 537.643231L965.72618 537.643231C981.831581 556.836901 979.334768 585.446798 960.232211 601.475747L557.894692 939.077011C423.555518 1051.800962 223.290899 1034.265449 110.540153 899.894342 0.612214 768.887326 14.525852 575.161364 139.830689 461.101188L596.600738 77.483387Z" }) }));
+const PaperClip = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M596.600738 77.483387C707.652076-15.699749 863.952233-17.103951 945.87122 80.523296 1025.33565 175.225316 1000.817463 322.788809 897.886159 416.55918L500.872884 750.033876C428.941403 810.391556 330.343483 819.035113 279.34144 758.253245 228.350653 697.484792 254.004524 601.845857 325.904469 541.51464L549.255103 354.101205C568.4844 337.965909 597.16161 340.484261 613.234234 359.638868L613.234234 359.638868C629.339635 378.832538 626.827441 407.455341 607.577908 423.607617L384.227274 611.021052C346.503334 642.675196 335.433548 683.943896 348.847852 699.93044 362.276678 715.934291 404.796072 712.206837 442.550079 680.527464L829.892107 355.508911C905.161842 292.350105 923.282829 194.760822 876.364807 138.846101 829.422073 82.901929 730.238566 83.792991 654.923543 146.9898L207.957862 522.038537C112.028875 602.532515 99.523634 745.608046 180.046565 841.571538 260.588409 937.557569 403.622296 950.081865 499.571887 869.570599L901.909406 531.969334C921.04904 515.909275 949.653556 518.488625 965.72618 537.643231L965.72618 537.643231C981.831581 556.836901 979.334768 585.446798 960.232211 601.475747L557.894692 939.077011C423.555518 1051.800962 223.290899 1034.265449 110.540153 899.894342 0.612214 768.887326 14.525852 575.161364 139.830689 461.101188L596.600738 77.483387Z"
+		})
+	});
 };
-export const CheckCircle = (props) => {
-    const { size = 20, color = '#52c41a', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m193.5 301.7l-210.6 292c-12.7 17.7-39 17.7-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) }));
+const CheckCircle = (props) => {
+	const { size = 20, color = "#52c41a", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m193.5 301.7l-210.6 292c-12.7 17.7-39 17.7-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
+		})
+	});
 };
-export const CloseCircle = (props) => {
-    const { size = 20, color = '#f44336', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m165.4 618.2l-66-0.3L512 563.4l-99.3 118.4-66.1 0.3c-4.4 0-8-3.5-8-8 0-1.9 0.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1 0.3L512 464.6l99.3-118.4 66-0.3c4.4 0 8 3.5 8 8 0 1.9-0.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }) }));
+const CloseCircle = (props) => {
+	const { size = 20, color = "#f44336", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m165.4 618.2l-66-0.3L512 563.4l-99.3 118.4-66.1 0.3c-4.4 0-8-3.5-8-8 0-1.9 0.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1 0.3L512 464.6l99.3-118.4 66-0.3c4.4 0 8 3.5 8 8 0 1.9-0.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
+		})
+	});
 };
-export const WarningCircle = (props) => {
-    const { size = 20, color = '#ff9800', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296z m32 440c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z" }) }));
+const WarningCircle = (props) => {
+	const { size = 20, color = "#ff9800", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296z m32 440c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"
+		})
+	});
 };
-export const InfoCircle = (props) => {
-    const { size = 20, color = '#1890ff', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272z m-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z" }) }));
+const InfoCircle = (props) => {
+	const { size = 20, color = "#1890ff", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272z m-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"
+		})
+	});
 };
-export const LoadingCircle = (props) => {
-    const { size = 20, color = '#1890ff', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512.064 963.296c-96.16 0-189.344-30.816-267.68-89.472-95.744-71.712-157.856-176.48-174.848-294.912C52.544 460.448 82.688 342.464 154.4 246.688c148.096-197.76 429.44-238.08 627.136-90.08 82.88 62.08 142.016 151.584 166.56 252 4.192 17.184-6.336 34.496-23.488 38.688-17.152 4.064-34.496-6.304-38.688-23.488-20.992-86.048-71.68-162.752-142.752-215.968-169.376-126.88-410.56-92.288-537.536 77.216-61.472 82.08-87.296 183.2-72.704 284.736 14.56 101.536 67.808 191.296 149.888 252.736 169.536 127.04 410.688 92.384 537.6-77.12 33.216-44.384 56-94.112 67.648-147.84 3.776-17.28 20.896-28.256 38.048-24.512 17.28 3.744 28.256 20.8 24.512 38.048-13.664 62.784-40.224 120.832-78.976 172.672-71.712 95.744-176.48 157.888-294.976 174.848a449.402 449.402 0 0 1-64.608 4.672z" }) }));
+const LoadingCircle = (props) => {
+	const { size = 20, color = "#1890ff", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M512.064 963.296c-96.16 0-189.344-30.816-267.68-89.472-95.744-71.712-157.856-176.48-174.848-294.912C52.544 460.448 82.688 342.464 154.4 246.688c148.096-197.76 429.44-238.08 627.136-90.08 82.88 62.08 142.016 151.584 166.56 252 4.192 17.184-6.336 34.496-23.488 38.688-17.152 4.064-34.496-6.304-38.688-23.488-20.992-86.048-71.68-162.752-142.752-215.968-169.376-126.88-410.56-92.288-537.536 77.216-61.472 82.08-87.296 183.2-72.704 284.736 14.56 101.536 67.808 191.296 149.888 252.736 169.536 127.04 410.688 92.384 537.6-77.12 33.216-44.384 56-94.112 67.648-147.84 3.776-17.28 20.896-28.256 38.048-24.512 17.28 3.744 28.256 20.8 24.512 38.048-13.664 62.784-40.224 120.832-78.976 172.672-71.712 95.744-176.48 157.888-294.976 174.848a449.402 449.402 0 0 1-64.608 4.672z"
+		})
+	});
 };
-export const QuestionCircle = (props) => {
-    const { size = 20, color = '#ff9800', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 708c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m62.9-219.5c-18.5 7.1-30.9 25.1-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z" }) }));
+const Check = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224s0.128 0.224 0.224 0.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z"
+		})
+	});
 };
-export const Check = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224s0.128 0.224 0.224 0.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z" }) }));
+const Close = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M782.426059 824.924989l-584.588225-584.727395c-11.987009-11.990079-11.984962-31.42778 0.005116-43.414789 11.990079-11.987009 31.42778-11.984962 43.414789 0.005117l584.588225 584.727395c11.987009 11.990079 11.984962 31.42778-0.005116 43.414788-11.989055 11.988032-31.42778 11.984962-43.414789-0.005116z"
+		}), /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M197.768249 824.856427c-11.987009-11.990079-11.984962-31.42778 0.005117-43.414788l584.727394-584.589249c11.990079-11.987009 31.42778-11.984962 43.414789 0.005117 11.987009 11.990079 11.984962 31.42778-0.005116 43.414788l-584.727395 584.589249c-11.990079 11.987009-31.42778 11.984962-43.414789-0.005117z"
+		})]
+	});
 };
-export const Close = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsxs("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: [_jsx("path", { fill: color, d: "M782.426059 824.924989l-584.588225-584.727395c-11.987009-11.990079-11.984962-31.42778 0.005116-43.414789 11.990079-11.987009 31.42778-11.984962 43.414789 0.005117l584.588225 584.727395c11.987009 11.990079 11.984962 31.42778-0.005116 43.414788-11.989055 11.988032-31.42778 11.984962-43.414789-0.005116z" }), _jsx("path", { fill: color, d: "M197.768249 824.856427c-11.987009-11.990079-11.984962-31.42778 0.005117-43.414788l584.727394-584.589249c11.990079-11.987009 31.42778-11.984962 43.414789 0.005117 11.987009 11.990079 11.984962 31.42778-0.005116 43.414788l-584.727395 584.589249c-11.990079 11.987009-31.42778 11.984962-43.414789-0.005117z" })] }));
+const Eye = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z"
+		}), /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
+		})]
+	});
 };
-export const Eye = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsxs("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: [_jsx("path", { fill: color, d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z" }), _jsx("path", { fill: color, d: "M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" })] }));
+const EyeClose = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z"
+		}), /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z"
+		})]
+	});
 };
-export const EyeClose = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsxs("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: [_jsx("path", { fill: color, d: "M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z" }), _jsx("path", { fill: color, d: "M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z" })] }));
+const ClockIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: [/* @__PURE__ */ jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }), /* @__PURE__ */ jsx("path", { d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" })]
+	});
 };
-export const TreeArrow = (props) => {
-    const { size = 20, color = 'currentcolor', ...otherProps } = props;
-    return (_jsx("svg", { ...otherProps, width: size, height: size, viewBox: "0 0 1024 1024", children: _jsx("path", { fill: color, d: "M726.652801 429.305603 297.347199 429.305603 512.193405 638.156258Z" }) }));
+const CalendarIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: /* @__PURE__ */ jsx("path", { d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z" })
+	});
 };
+const ClearIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: /* @__PURE__ */ jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
+	});
+};
+const TreeArrow = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ jsx("path", {
+			fill: color,
+			d: "M726.652801 429.305603 297.347199 429.305603 512.193405 638.156258Z"
+		})
+	});
+};
+//#endregion
+export { ArrowDown, CalendarIcon, Check, CheckCircle, ClearIcon, ClockIcon, Close, CloseCircle, Eye, EyeClose, InfoCircle, LoadingCircle, PaperClip, TreeArrow, WarningCircle };
+
 //# sourceMappingURL=components.js.map

package/es/_utils/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../components/_utils/components.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","names":[],"sources":["../../components/_utils/components.tsx"],"sourcesContent":["import React from 'react';\n\ntype IconProps = {\n  className?: string;\n  style?: React.CSSProperties;\n  size?: number | string;\n  color?: string;\n};\nexport const ArrowDown = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z\"\n      />\n    </svg>\n  );\n};\n\nexport const PaperClip = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M596.600738 77.483387C707.652076-15.699749 863.952233-17.103951 945.87122 80.523296 1025.33565 175.225316 1000.817463 322.788809 897.886159 416.55918L500.872884 750.033876C428.941403 810.391556 330.343483 819.035113 279.34144 758.253245 228.350653 697.484792 254.004524 601.845857 325.904469 541.51464L549.255103 354.101205C568.4844 337.965909 597.16161 340.484261 613.234234 359.638868L613.234234 359.638868C629.339635 378.832538 626.827441 407.455341 607.577908 423.607617L384.227274 611.021052C346.503334 642.675196 335.433548 683.943896 348.847852 699.93044 362.276678 715.934291 404.796072 712.206837 442.550079 680.527464L829.892107 355.508911C905.161842 292.350105 923.282829 194.760822 876.364807 138.846101 829.422073 82.901929 730.238566 83.792991 654.923543 146.9898L207.957862 522.038537C112.028875 602.532515 99.523634 745.608046 180.046565 841.571538 260.588409 937.557569 403.622296 950.081865 499.571887 869.570599L901.909406 531.969334C921.04904 515.909275 949.653556 518.488625 965.72618 537.643231L965.72618 537.643231C981.831581 556.836901 979.334768 585.446798 960.232211 601.475747L557.894692 939.077011C423.555518 1051.800962 223.290899 1034.265449 110.540153 899.894342 0.612214 768.887326 14.525852 575.161364 139.830689 461.101188L596.600738 77.483387Z\"\n      />\n    </svg>\n  );\n};\n\nexport const CheckCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#52c41a', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m193.5 301.7l-210.6 292c-12.7 17.7-39 17.7-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z\"\n      />\n    </svg>\n  );\n};\n\nexport const CloseCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#f44336', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m165.4 618.2l-66-0.3L512 563.4l-99.3 118.4-66.1 0.3c-4.4 0-8-3.5-8-8 0-1.9 0.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1 0.3L512 464.6l99.3-118.4 66-0.3c4.4 0 8 3.5 8 8 0 1.9-0.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\"\n      />\n    </svg>\n  );\n};\n\nexport const WarningCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#ff9800', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296z m32 440c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z\"\n      />\n    </svg>\n  );\n};\n\nexport const InfoCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#1890ff', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272z m-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z\"\n      />\n    </svg>\n  );\n};\n\nexport const LoadingCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#1890ff', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512.064 963.296c-96.16 0-189.344-30.816-267.68-89.472-95.744-71.712-157.856-176.48-174.848-294.912C52.544 460.448 82.688 342.464 154.4 246.688c148.096-197.76 429.44-238.08 627.136-90.08 82.88 62.08 142.016 151.584 166.56 252 4.192 17.184-6.336 34.496-23.488 38.688-17.152 4.064-34.496-6.304-38.688-23.488-20.992-86.048-71.68-162.752-142.752-215.968-169.376-126.88-410.56-92.288-537.536 77.216-61.472 82.08-87.296 183.2-72.704 284.736 14.56 101.536 67.808 191.296 149.888 252.736 169.536 127.04 410.688 92.384 537.6-77.12 33.216-44.384 56-94.112 67.648-147.84 3.776-17.28 20.896-28.256 38.048-24.512 17.28 3.744 28.256 20.8 24.512 38.048-13.664 62.784-40.224 120.832-78.976 172.672-71.712 95.744-176.48 157.888-294.976 174.848a449.402 449.402 0 0 1-64.608 4.672z\"\n      />\n    </svg>\n  );\n};\n\nexport const QuestionCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#ff9800', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 708c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m62.9-219.5c-18.5 7.1-30.9 25.1-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z\"\n      />\n    </svg>\n  );\n};\n\nexport const Check = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224s0.128 0.224 0.224 0.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z\"\n      />\n    </svg>\n  );\n};\n\nexport const Close = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M782.426059 824.924989l-584.588225-584.727395c-11.987009-11.990079-11.984962-31.42778 0.005116-43.414789 11.990079-11.987009 31.42778-11.984962 43.414789 0.005117l584.588225 584.727395c11.987009 11.990079 11.984962 31.42778-0.005116 43.414788-11.989055 11.988032-31.42778 11.984962-43.414789-0.005116z\"\n      />\n      <path\n        fill={color}\n        d=\"M197.768249 824.856427c-11.987009-11.990079-11.984962-31.42778 0.005117-43.414788l584.727394-584.589249c11.990079-11.987009 31.42778-11.984962 43.414789 0.005117 11.987009 11.990079 11.984962 31.42778-0.005116 43.414788l-584.727395 584.589249c-11.990079 11.987009-31.42778 11.984962-43.414789-0.005117z\"\n      />\n    </svg>\n  );\n};\n\nexport const Eye = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z\"\n      />\n      <path\n        fill={color}\n        d=\"M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z\"\n      />\n    </svg>\n  );\n};\n\nexport const EyeClose = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z\"\n      />\n      <path\n        fill={color}\n        d=\"M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z\"\n      />\n    </svg>\n  );\n};\n\nexport const ClockIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" />\n      <path d=\"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z\" />\n    </svg>\n  );\n};\n\nexport const CalendarIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z\" />\n    </svg>\n  );\n};\n\nexport const ClearIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\" />\n    </svg>\n  );\n};\n\nexport const TreeArrow = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path fill={color} d=\"M726.652801 429.305603 297.347199 429.305603 512.193405 638.156258Z\" />\n    </svg>\n  );\n};\n"],"mappings":"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"}

package/es/_utils/dom.d.ts

@@ -1,20 +1,5 @@
-export type Target = HTMLElement | Window;
-export declare const getScroll: (node: Target, isVertical?: boolean) => number;
-export declare const getRect: (node?: Target) => DOMRect | {
-    top: number;
-    left: number;
-    bottom: number;
-    right: number;
-    width: number;
-    height: number;
-};
-/**
- * Get element absolute position relative to the root
- * @param node
- */
-export declare const getAbsolutePosition: (node?: Target) => {
-    x: number;
-    y: number;
-};
-export declare const getNodeHeight: (node: Target) => number;
-export declare const getNodeScrollHeight: (node: Target) => number;
+//#region components/_utils/dom.d.ts
+type Target = HTMLElement | Window;
+//#endregion
+export { Target };
+//# sourceMappingURL=dom.d.ts.map

package/es/_utils/dom.js

@@ -1,51 +1,31 @@
-export const getScroll = (node, isVertical = true) => {
-    if (typeof window === 'undefined') {
-        return 0;
-    }
-    const windowProp = isVertical ? 'pageYOffset' : 'pageXOffset';
-    const elementProp = isVertical ? 'scrollTop' : 'scrollLeft';
-    return node === window ? node[windowProp] : node[elementProp];
+//#region components/_utils/dom.ts
+const getScroll = (node, isVertical = true) => {
+	if (typeof window === "undefined") return 0;
+	const windowProp = isVertical ? "scrollY" : "scrollX";
+	const elementProp = isVertical ? "scrollTop" : "scrollLeft";
+	return node === window ? node[windowProp] : node[elementProp];
 };
-export const getRect = (node = window) => {
-    return node !== window
-        ? node.getBoundingClientRect()
-        : {
-            top: 0,
-            left: 0,
-            bottom: 0,
-            right: 0,
-            width: window.document.documentElement.clientWidth,
-            height: window.document.documentElement.clientHeight,
-        };
+const getRect = (node = window) => {
+	return node !== window ? node.getBoundingClientRect() : {
+		top: 0,
+		left: 0,
+		bottom: 0,
+		right: 0,
+		width: window.document.documentElement.clientWidth,
+		height: window.document.documentElement.clientHeight
+	};
 };
-/**
- * Get element absolute position relative to the root
- * @param node
- */
-export const getAbsolutePosition = (node = window) => {
-    if (node === window) {
-        return { x: 0, y: 0 };
-    }
-    const x = node.getBoundingClientRect().left + document.documentElement.scrollLeft;
-    const y = node.getBoundingClientRect().top + document.documentElement.scrollTop;
-    return { x, y };
+const getNodeHeight = (node) => {
+	if (!node) return 0;
+	if (node === window) return window.innerHeight;
+	return node.clientHeight;
 };
-export const getNodeHeight = (node) => {
-    if (!node) {
-        return 0;
-    }
-    if (node === window) {
-        return window.innerHeight;
-    }
-    return node.clientHeight;
-};
-export const getNodeScrollHeight = (node) => {
-    if (!node) {
-        return 0;
-    }
-    if (node === window) {
-        return window.document.documentElement.scrollHeight;
-    }
-    return node.scrollHeight;
+const getNodeScrollHeight = (node) => {
+	if (!node) return 0;
+	if (node === window) return window.document.documentElement.scrollHeight;
+	return node.scrollHeight;
 };
+//#endregion
+export { getNodeHeight, getNodeScrollHeight, getRect, getScroll };
+
 //# sourceMappingURL=dom.js.map

package/es/_utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../components/_utils/dom.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,UAAU,GAAG,IAAI,EAAU,EAAE;IACnE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,CAAC,CAAC;IACX,CAAC;IACD,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;IAC9D,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5D,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAE,IAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,IAAoB,CAAC,WAAW,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,MAAM,EAAE,EAAE;IAC/C,OAAO,IAAI,KAAK,MAAM;QACpB,CAAC,CAAE,IAAoB,CAAC,qBAAqB,EAAE;QAC/C,CAAC,CAAC;YACE,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW;YAClD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY;SACrD,CAAC;AACR,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,MAAM,EAA4B,EAAE;IACrF,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,CAAC,GACJ,IAAoB,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;IAC3F,MAAM,CAAC,GAAI,IAAoB,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;IACjG,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAU,EAAE;IACpD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACX,CAAC;IACD,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,MAAM,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,OAAQ,IAAoB,CAAC,YAAY,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAU,EAAE;IAC1D,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IACtD,CAAC;IACD,OAAQ,IAAoB,CAAC,YAAY,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../components/_utils/dom.ts"],"sourcesContent":["export type Target = HTMLElement | Window;\n\nexport const getScroll = (node: Target, isVertical = true): number => {\n  if (typeof window === 'undefined') {\n    return 0;\n  }\n  const windowProp = isVertical ? 'scrollY' : 'scrollX';\n  const elementProp = isVertical ? 'scrollTop' : 'scrollLeft';\n  return node === window ? (node as Window)[windowProp] : (node as HTMLElement)[elementProp];\n};\n\nexport const getRect = (node: Target = window) => {\n  return node !== window\n    ? (node as HTMLElement).getBoundingClientRect()\n    : {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: window.document.documentElement.clientWidth,\n        height: window.document.documentElement.clientHeight,\n      };\n};\n\n/**\n * Get element absolute position relative to the root\n * @param node\n */\nexport const getAbsolutePosition = (node: Target = window): { x: number; y: number } => {\n  if (node === window) {\n    return { x: 0, y: 0 };\n  }\n  const x =\n    (node as HTMLElement).getBoundingClientRect().left + document.documentElement.scrollLeft;\n  const y = (node as HTMLElement).getBoundingClientRect().top + document.documentElement.scrollTop;\n  return { x, y };\n};\n\nexport const getNodeHeight = (node: Target): number => {\n  if (!node) {\n    return 0;\n  }\n  if (node === window) {\n    return window.innerHeight;\n  }\n  return (node as HTMLElement).clientHeight;\n};\n\nexport const getNodeScrollHeight = (node: Target): number => {\n  if (!node) {\n    return 0;\n  }\n\n  if (node === window) {\n    return window.document.documentElement.scrollHeight;\n  }\n  return (node as HTMLElement).scrollHeight;\n};\n"],"mappings":";AAEA,MAAa,aAAa,MAAc,aAAa,SAAiB;AACpE,KAAI,OAAO,WAAW,YACpB,QAAO;CAET,MAAM,aAAa,aAAa,YAAY;CAC5C,MAAM,cAAc,aAAa,cAAc;AAC/C,QAAO,SAAS,SAAU,KAAgB,cAAe,KAAqB;;AAGhF,MAAa,WAAW,OAAe,WAAW;AAChD,QAAO,SAAS,SACX,KAAqB,uBAAuB,GAC7C;EACE,KAAK;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,OAAO,OAAO,SAAS,gBAAgB;EACvC,QAAQ,OAAO,SAAS,gBAAgB;EACzC;;AAiBP,MAAa,iBAAiB,SAAyB;AACrD,KAAI,CAAC,KACH,QAAO;AAET,KAAI,SAAS,OACX,QAAO,OAAO;AAEhB,QAAQ,KAAqB;;AAG/B,MAAa,uBAAuB,SAAyB;AAC3D,KAAI,CAAC,KACH,QAAO;AAGT,KAAI,SAAS,OACX,QAAO,OAAO,SAAS,gBAAgB;AAEzC,QAAQ,KAAqB"}

package/es/_utils/general.js

@@ -1,49 +1,24 @@
+//#region components/_utils/general.ts
 /**
- * Check whether the target is in the array
- * @param target
- * @param array
- */
-export const isOneOf = (target, array) => {
-    if (Array.isArray(array)) {
-        return array.includes(target);
-    }
-    return array === target;
+* Transfer camel char to dash format
+* @param str
+*/
+const camelCaseToDash = (str) => {
+	return str.replace(/[A-Z]/g, (word) => {
+		return "-" + word.toLowerCase();
+	});
 };
 /**
- * Transfer camel char to dash format
- * @param str
- */
-export const camelCaseToDash = (str) => {
-    const regex = /[A-Z]/g;
-    return str.replace(regex, (word) => {
-        return '-' + word.toLowerCase();
-    });
-};
-/**
- * Covert hex color to rgb color including alpha channel
- * @param color: hex color
- * @param opacity: max 1
- */
-export const convertHexToRGBA = (color, opacity = 1) => {
-    if (/^#[0-9A-F]{6}$/i.test(color)) {
-        const hex = color.replace('#', '');
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return `rgba(${r},${g},${b},${opacity})`;
-    }
-    return color;
-};
-/**
- * Get class name from combining context prefix and customised class
- * @param suffixCls
- * @param contextPrefix
- * @param customisedCls
- */
-export const getPrefixCls = (suffixCls, contextPrefix, customisedCls) => {
-    if (customisedCls) {
-        return customisedCls;
-    }
-    return contextPrefix ? `${contextPrefix}-${suffixCls}` : `ty-${suffixCls}`;
+* Get class name from combining context prefix and customised class
+* @param suffixCls
+* @param contextPrefix
+* @param customisedCls
+*/
+const getPrefixCls = (suffixCls, contextPrefix, customisedCls) => {
+	if (customisedCls) return customisedCls;
+	return contextPrefix ? `${contextPrefix}-${suffixCls}` : `ty-${suffixCls}`;
 };
+//#endregion
+export { camelCaseToDash, getPrefixCls };
+
 //# sourceMappingURL=general.js.map

package/es/_utils/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../components/_utils/general.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,KAAwB,EAAE,EAAE;IAClE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC;IACvB,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE;QACzC,OAAO,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,OAAO,GAAG,CAAC,EAAU,EAAE;IACrE,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAE5C,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,GAAG,CAAC;IAC3C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,aAAsB,EAAE,aAAsB,EAAU,EAAE;IACxG,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,aAAa,CAAC;IACvB,CAAC;IACD,OAAO,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,SAAS,EAAE,CAAC;AAC7E,CAAC,CAAC"}
+{"version":3,"file":"general.js","names":[],"sources":["../../components/_utils/general.ts"],"sourcesContent":["/**\n * Check whether the target is in the array\n * @param target\n * @param array\n */\nexport const isOneOf = (target: string, array: string | string[]) => {\n  if (Array.isArray(array)) {\n    return array.includes(target);\n  }\n\n  return array === target;\n};\n\n/**\n * Transfer camel char to dash format\n * @param str\n */\nexport const camelCaseToDash = (str: string) => {\n  const regex = /[A-Z]/g;\n  return str.replace(regex, (word: string) => {\n    return '-' + word.toLowerCase();\n  });\n};\n\n/**\n * Covert hex color to rgb color including alpha channel\n * @param color: hex color\n * @param opacity: max 1\n */\nexport const convertHexToRGBA = (color: string, opacity = 1): string => {\n  if (/^#[0-9A-F]{6}$/i.test(color)) {\n    const hex = color.replace('#', '');\n    const r = parseInt(hex.substring(0, 2), 16);\n    const g = parseInt(hex.substring(2, 4), 16);\n    const b = parseInt(hex.substring(4, 6), 16);\n\n    return `rgba(${r},${g},${b},${opacity})`;\n  }\n  return color;\n};\n\n/**\n * Get class name from combining context prefix and customised class\n * @param suffixCls\n * @param contextPrefix\n * @param customisedCls\n */\nexport const getPrefixCls = (suffixCls: string, contextPrefix?: string, customisedCls?: string): string => {\n  if (customisedCls) {\n    return customisedCls;\n  }\n  return contextPrefix ? `${contextPrefix}-${suffixCls}` : `ty-${suffixCls}`;\n};\n"],"mappings":";;;;;AAiBA,MAAa,mBAAmB,QAAgB;AAE9C,QAAO,IAAI,QADG,WACa,SAAiB;AAC1C,SAAO,MAAM,KAAK,aAAa;GAC/B;;;;;;;;AA0BJ,MAAa,gBAAgB,WAAmB,eAAwB,kBAAmC;AACzG,KAAI,cACF,QAAO;AAET,QAAO,gBAAgB,GAAG,cAAc,GAAG,cAAc,MAAM"}

package/es/_utils/hooks.js

@@ -1,44 +1,33 @@
-import { useEffect, useRef, useState } from 'react';
-export const useEventListener = (eventName, handler, target = window) => {
-    const savedHandler = useRef();
-    useEffect(() => {
-        savedHandler.current = handler;
-    }, [handler]);
-    useEffect(() => {
-        const isSupported = target && target.addEventListener;
-        if (!isSupported)
-            return;
-        const eventListener = (event) => savedHandler.current && savedHandler.current(event);
-        target.addEventListener(eventName, eventListener);
-        return () => {
-            target.removeEventListener(eventName, eventListener);
-        };
-    }, [eventName, target]);
+import { useEffect, useRef } from "react";
+//#region components/_utils/hooks.tsx
+const useEventListener = (eventName, handler, target = window) => {
+	const savedHandler = useRef();
+	useEffect(() => {
+		savedHandler.current = handler;
+	}, [handler]);
+	useEffect(() => {
+		if (!(target && target.addEventListener)) return;
+		const eventListener = (event) => savedHandler.current && savedHandler.current(event);
+		target.addEventListener(eventName, eventListener);
+		return () => {
+			target.removeEventListener(eventName, eventListener);
+		};
+	}, [eventName, target]);
 };
-export const useClickOutside = (target, handler) => {
-    useEffect(() => {
-        const listener = (event) => {
-            if (!target || target.contains(event.target)) {
-                return;
-            }
-            handler(event);
-        };
-        document.addEventListener('click', listener);
-        return () => {
-            document.removeEventListener('click', listener);
-        };
-    }, [target, handler]);
+const useClickOutside = (target, handler) => {
+	useEffect(() => {
+		const listener = (event) => {
+			const el = target.current;
+			if (!el || el.contains(event.target)) return;
+			handler(event);
+		};
+		document.addEventListener("click", listener);
+		return () => {
+			document.removeEventListener("click", listener);
+		};
+	}, [target, handler]);
 };
-export function useDebounce(value, delay = 300) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const handler = window.setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
-        return () => {
-            window.clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return [debouncedValue];
-}
+//#endregion
+export { useClickOutside, useEventListener };
+
 //# sourceMappingURL=hooks.js.map