@tiny-design/react 1.0.4

package/es/split/split.js

@@ -0,0 +1,141 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import warning from "../_utils/warning.js";
+import Resizer from "./resizer.js";
+import { SplitContext } from "./split-context.js";
+import SplitPane from "./split-pane.js";
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/split/split.tsx
+const Split = (props) => {
+	const { mode = "vertical", disabled = false, min = 50, max = 50, resizerSize = 6, defaultSize, step, onChange, onDragStarted, onDragFinished, prefixCls: customisedCls, style: defaultStyle, resizerProps, className, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("split", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_${mode}`]: mode,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const [pane1Size, setPane1Size] = useState(void 0);
+	const wrapperRef = useRef(null);
+	const paneRef = useRef(null);
+	const isActiveMove = useRef(false);
+	const lastPosition = useRef(0);
+	const wrapper = wrapperRef.current;
+	const getSizeNumber = useCallback((size) => {
+		if (typeof size === "string") {
+			if (wrapper) {
+				const { width, height } = wrapper.getBoundingClientRect();
+				return (mode === "vertical" ? width : height) * parseFloat(size) / 100;
+			}
+		} else return size;
+		return 0;
+	}, [mode, wrapper]);
+	const minSize = getSizeNumber(min);
+	let maxSize = getSizeNumber(max);
+	if (wrapper) {
+		const { width, height } = wrapper.getBoundingClientRect();
+		maxSize = (mode === "vertical" ? width : height) - maxSize - resizerSize;
+	}
+	const onResizerMouseDown = (e) => {
+		isActiveMove.current = true;
+		lastPosition.current = e[mode === "vertical" ? "clientX" : "clientY"];
+		onDragStarted && onDragStarted();
+	};
+	const onMouseMove = useCallback((e) => {
+		if (!disabled && isActiveMove.current) {
+			const pane = paneRef.current;
+			if (pane) {
+				if (pane.getBoundingClientRect) {
+					const width = pane.getBoundingClientRect().width;
+					const height = pane.getBoundingClientRect().height;
+					const current = e[mode === "vertical" ? "clientX" : "clientY"];
+					const size = mode === "vertical" ? width : height;
+					let offset = lastPosition.current - current;
+					if (step) {
+						if (Math.abs(offset) < step) return;
+						offset = Math.round(offset / step * step);
+					}
+					let newSize = size - offset;
+					const newPosition = lastPosition.current - offset;
+					if (newSize < minSize) newSize = minSize;
+					else if (newSize > maxSize) newSize = maxSize;
+					else lastPosition.current = newPosition;
+					!("size" in props) && setPane1Size(newSize);
+					onChange && onChange(newSize);
+				}
+			}
+		}
+	}, [
+		props,
+		disabled,
+		maxSize,
+		minSize,
+		mode,
+		onChange,
+		step
+	]);
+	const onMouseUp = useCallback(() => {
+		isActiveMove.current = false;
+		onDragFinished && onDragFinished();
+	}, [onDragFinished]);
+	let style;
+	if (mode === "vertical") style = { ...defaultStyle };
+	else style = {
+		...defaultStyle,
+		minHeight: "100%",
+		width: "100%"
+	};
+	useEffect(() => {
+		window.addEventListener("mousemove", onMouseMove);
+		window.addEventListener("mouseup", onMouseUp);
+		return () => {
+			window.removeEventListener("mousemove", onMouseMove);
+			window.removeEventListener("mouseup", onMouseUp);
+		};
+	}, [onMouseMove, onMouseUp]);
+	useEffect(() => {
+		setPane1Size(getSizeNumber(props.size || defaultSize || minSize));
+	}, [
+		getSizeNumber,
+		props.size,
+		defaultSize,
+		minSize
+	]);
+	useEffect(() => {
+		if ("size" in props) setPane1Size(getSizeNumber(props.size));
+	}, [props, getSizeNumber]);
+	warning(React.Children.count(children) > 2, "There are more than 2 children inside Split.");
+	const childrenList = React.Children.toArray(children).filter((child) => child);
+	return /* @__PURE__ */ jsx(SplitContext.Provider, {
+		value: { mode },
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: wrapperRef,
+			...otherProps,
+			className: cls,
+			style,
+			children: [
+				/* @__PURE__ */ jsx(SplitPane, {
+					ref: paneRef,
+					size: pane1Size,
+					style: { flex: "0 0 auto" },
+					children: childrenList[0]
+				}),
+				/* @__PURE__ */ jsx(Resizer, {
+					...resizerProps,
+					size: resizerSize,
+					mode,
+					onResizerMouseDown
+				}),
+				/* @__PURE__ */ jsx(SplitPane, {
+					style: { flex: "1 1 0%" },
+					children: childrenList[1]
+				})
+			]
+		})
+	});
+};
+Split.displayName = "Split";
+//#endregion
+export { Split as default };
+
+//# sourceMappingURL=split.js.map

package/es/split/split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.js","names":["Pane"],"sources":["../../src/split/split.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Resizer from './resizer';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport Pane from './split-pane';\nimport warning from '../_utils/warning';\nimport { SplitContext } from './split-context';\nimport { SplitProps } from './types';\n\nconst Split = (props: SplitProps): JSX.Element => {\n  const {\n    mode = 'vertical',\n    disabled = false,\n    min = 50,\n    max = 50,\n    resizerSize = 6,\n    defaultSize,\n    step,\n    onChange,\n    onDragStarted,\n    onDragFinished,\n    prefixCls: customisedCls,\n    style: defaultStyle,\n    resizerProps,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('split', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${mode}`]: mode,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const [pane1Size, setPane1Size] = useState<number | undefined>(undefined);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const paneRef = useRef<HTMLDivElement | null>(null);\n  const isActiveMove = useRef(false);\n  const lastPosition = useRef(0);\n  const wrapper = wrapperRef.current;\n\n  const getSizeNumber = useCallback(\n    (size: number | string): number => {\n      if (typeof size === 'string') {\n        if (wrapper) {\n          const { width, height } = wrapper.getBoundingClientRect();\n          return ((mode === 'vertical' ? width : height) * parseFloat(size)) / 100;\n        }\n      } else {\n        return size;\n      }\n      return 0;\n    },\n    [mode, wrapper]\n  );\n  const minSize = getSizeNumber(min);\n  let maxSize = getSizeNumber(max);\n  if (wrapper) {\n    const { width, height } = wrapper.getBoundingClientRect();\n    maxSize = (mode === 'vertical' ? width : height) - maxSize - resizerSize;\n  }\n\n  const onResizerMouseDown = (e: React.MouseEvent<HTMLElement>): void => {\n    isActiveMove.current = true;\n    lastPosition.current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n    onDragStarted && onDragStarted();\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent): void => {\n      if (!disabled && isActiveMove.current) {\n        const pane = paneRef.current;\n        if (pane) {\n          if (pane.getBoundingClientRect) {\n            const width = pane.getBoundingClientRect().width;\n            const height = pane.getBoundingClientRect().height;\n            const current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n            const size = mode === 'vertical' ? width : height;\n            let offset = lastPosition.current - current;\n            if (step) {\n              if (Math.abs(offset) < step) {\n                return;\n              }\n              offset = Math.round((offset / step) * step);\n            }\n\n            let newSize = size - offset;\n            const newPosition = lastPosition.current - offset;\n\n            if (newSize < minSize) {\n              newSize = minSize;\n            } else if (newSize > maxSize) {\n              newSize = maxSize;\n            } else {\n              lastPosition.current = newPosition;\n            }\n\n            !('size' in props) && setPane1Size(newSize);\n            onChange && onChange(newSize);\n          }\n        }\n      }\n    },\n    [props, disabled, maxSize, minSize, mode, onChange, step]\n  );\n\n  const onMouseUp = useCallback((): void => {\n    isActiveMove.current = false;\n    onDragFinished && onDragFinished();\n  }, [onDragFinished]);\n\n  let style: React.CSSProperties;\n  if (mode === 'vertical') {\n    style = {\n      ...defaultStyle,\n    };\n  } else {\n    style = {\n      ...defaultStyle,\n      minHeight: '100%',\n      width: '100%',\n    };\n  }\n\n  useEffect(() => {\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n\n    return (): void => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [onMouseMove, onMouseUp]);\n\n  useEffect(() => {\n    const initialSize = getSizeNumber(props.size || defaultSize || minSize);\n    setPane1Size(initialSize);\n  }, [getSizeNumber, props.size, defaultSize, minSize]);\n\n  useEffect(() => {\n    if ('size' in props) {\n      const size = getSizeNumber(props.size as number | string);\n      setPane1Size(size);\n    }\n  }, [props, getSizeNumber]);\n\n  warning(React.Children.count(children) > 2, 'There are more than 2 children inside Split.');\n  const childrenList = React.Children.toArray(children).filter((child) => child);\n\n  return (\n    <SplitContext.Provider value={{ mode }}>\n      <div ref={wrapperRef} {...otherProps} className={cls} style={style}>\n        <Pane ref={paneRef} size={pane1Size} style={{ flex: '0 0 auto' }}>\n          {childrenList[0]}\n        </Pane>\n        <Resizer\n          {...resizerProps}\n          size={resizerSize}\n          mode={mode}\n          onResizerMouseDown={onResizerMouseDown}\n        />\n        <Pane style={{ flex: '1 1 0%' }}>{childrenList[1]}</Pane>\n      </div>\n    </SplitContext.Provider>\n  );\n};\n\nSplit.displayName = 'Split';\n\nexport default Split;\n"],"mappings":"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"}

package/es/split/style/_index.scss

@@ -0,0 +1,98 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-split {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  outline: none;
+  overflow: hidden;
+  user-select: text;
+
+  &_horizontal {
+    flex-direction: column;
+  }
+
+  &_vertical {
+    flex-direction: row;
+  }
+}
+
+.#{$prefix}-split-pane {
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+}
+
+.#{$prefix}-split-bar {
+  position: relative;
+  box-sizing: border-box;
+  background-color: var(--ty-split-bar-bg);
+  border: 1px solid var(--ty-split-bar-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:before,
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    display: block;
+    border: 1px solid var(--ty-split-bar-line);
+  }
+
+  &_vertical {
+    height: 100%;
+    cursor: col-resize;
+    flex-direction: column;
+    border-top: none;
+    border-bottom: none;
+
+    &:active {
+      cursor: ew-resize;
+    }
+
+    &:before,
+    &:after {
+      height: 4px;
+      width: 100%;
+      border-left: 0;
+      border-right: 0;
+    }
+
+    &:before {
+      margin-bottom: 1px;
+    }
+
+    &:after {
+      margin-top: 1px;
+    }
+  }
+
+  &_horizontal {
+    width: 100%;
+    cursor: row-resize;
+    border-left: none;
+    border-right: none;
+
+    &:active {
+      cursor: ns-resize;
+    }
+
+    &:before,
+    &:after {
+      height: 100%;
+      width: 4px;
+      border-top: 0;
+      border-bottom: 0;
+    }
+
+    &:before {
+      margin-right: 1px;
+    }
+
+    &:after {
+      margin-left: 1px;
+    }
+  }
+}

package/es/split/style/index.css

@@ -0,0 +1,82 @@
+.ty-split {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  outline: none;
+  overflow: hidden;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+          user-select: text;
+}
+.ty-split_horizontal {
+  flex-direction: column;
+}
+.ty-split_vertical {
+  flex-direction: row;
+}
+
+.ty-split-pane {
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+}
+
+.ty-split-bar {
+  position: relative;
+  box-sizing: border-box;
+  background-color: var(--ty-split-bar-bg);
+  border: 1px solid var(--ty-split-bar-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-split-bar:before, .ty-split-bar:after {
+  content: "";
+  box-sizing: border-box;
+  display: block;
+  border: 1px solid var(--ty-split-bar-line);
+}
+.ty-split-bar_vertical {
+  height: 100%;
+  cursor: col-resize;
+  flex-direction: column;
+  border-top: none;
+  border-bottom: none;
+}
+.ty-split-bar_vertical:active {
+  cursor: ew-resize;
+}
+.ty-split-bar_vertical:before, .ty-split-bar_vertical:after {
+  height: 4px;
+  width: 100%;
+  border-left: 0;
+  border-right: 0;
+}
+.ty-split-bar_vertical:before {
+  margin-bottom: 1px;
+}
+.ty-split-bar_vertical:after {
+  margin-top: 1px;
+}
+.ty-split-bar_horizontal {
+  width: 100%;
+  cursor: row-resize;
+  border-left: none;
+  border-right: none;
+}
+.ty-split-bar_horizontal:active {
+  cursor: ns-resize;
+}
+.ty-split-bar_horizontal:before, .ty-split-bar_horizontal:after {
+  height: 100%;
+  width: 4px;
+  border-top: 0;
+  border-bottom: 0;
+}
+.ty-split-bar_horizontal:before {
+  margin-right: 1px;
+}
+.ty-split-bar_horizontal:after {
+  margin-left: 1px;
+}

package/es/split/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/split/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/split/types.d.ts

@@ -0,0 +1,30 @@
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import { ResizerProps } from "./resizer.js";
+import React from "react";
+
+//#region src/split/types.d.ts
+interface SplitProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  /** Split mode */
+  mode?: DirectionType;
+  /** Disabled flag */
+  disabled?: boolean;
+  /** Minimum width / height of the target pane */
+  min?: number | string;
+  /** Maximum width / height of the target pane */
+  max?: number | string;
+  /** Control the size of target pane */
+  size?: number | string;
+  /** Default size of target pane */
+  defaultSize?: number | string;
+  /** Resizer's other props */
+  resizerProps?: ResizerProps;
+  /** Drag step */
+  step?: number;
+  resizerSize?: number;
+  onChange?: (size: number) => void;
+  onDragStarted?: () => void;
+  onDragFinished?: () => void;
+}
+//#endregion
+export { SplitProps };
+//# sourceMappingURL=types.d.ts.map

package/es/split-button/index.d.ts

@@ -0,0 +1 @@
+import { SplitButton } from "./split-button.js";

package/es/split-button/index.js

@@ -0,0 +1,11 @@
+import '../style/base.css';
+import './style/index.css';
+import '../button/style/index.css';
+import '../dropdown/style/index.css';
+import SplitButton from "./split-button.js";
+//#region src/split-button/index.tsx
+var split_button_default = SplitButton;
+//#endregion
+export { split_button_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/split-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/split-button/index.tsx"],"sourcesContent":["import SplitButton from './split-button';\n\nexport default SplitButton;\n"],"mappings":";;AAEA,IAAA,uBAAe"}

package/es/split-button/split-button.d.ts

@@ -0,0 +1,11 @@
+import { SplitButtonProps } from "./types.js";
+import React from "react";
+
+//#region src/split-button/split-button.d.ts
+declare const SplitButton: {
+  (props: SplitButtonProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { SplitButton };
+//# sourceMappingURL=split-button.d.ts.map

package/es/split-button/split-button.js

@@ -0,0 +1,43 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ArrowDown } from "../_utils/components.js";
+import Button from "../button/button.js";
+import ButtonGroup from "../button/button-group.js";
+import dropdown_default from "../dropdown/index.js";
+import { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/split-button/split-button.tsx
+const SplitButton = (props) => {
+	const { size = "md", btnType = "default", disabled = false, loading = false, dropdownPlacement = "bottom-end", dropdownTrigger = "hover", onClick, overlay, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("split-button", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	return /* @__PURE__ */ jsxs(ButtonGroup, {
+		...otherProps,
+		className: cls,
+		btnType,
+		disabled,
+		size,
+		children: [/* @__PURE__ */ jsx(Button, {
+			onClick,
+			loading,
+			children
+		}), /* @__PURE__ */ jsx(dropdown_default, {
+			overlay,
+			trigger: dropdownTrigger,
+			placement: dropdownPlacement,
+			children: /* @__PURE__ */ jsx(Button, {
+				className: `${prefixCls}__dropdown-btn`,
+				btnType,
+				disabled,
+				size,
+				children: /* @__PURE__ */ jsx(ArrowDown, { size: 10 })
+			})
+		})]
+	});
+};
+SplitButton.displayName = "SplitButton";
+//#endregion
+export { SplitButton as default };
+
+//# sourceMappingURL=split-button.js.map

package/es/split-button/split-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.js","names":["Dropdown"],"sources":["../../src/split-button/split-button.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ArrowDown } from '../_utils/components';\nimport { SplitButtonProps } from './types';\nimport ButtonGroup from '../button/button-group';\nimport Button from '../button/button';\nimport Dropdown from '../dropdown';\n\nconst SplitButton = (props: SplitButtonProps): React.ReactElement => {\n  const {\n    size = 'md',\n    btnType = 'default',\n    disabled = false,\n    loading = false,\n    dropdownPlacement = 'bottom-end',\n    dropdownTrigger = 'hover',\n    onClick,\n    overlay,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('split-button', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <ButtonGroup {...otherProps} className={cls} btnType={btnType} disabled={disabled} size={size}>\n      <Button onClick={onClick} loading={loading}>\n        {children}\n      </Button>\n      <Dropdown overlay={overlay} trigger={dropdownTrigger} placement={dropdownPlacement}>\n        <Button\n          className={`${prefixCls}__dropdown-btn`}\n          btnType={btnType}\n          disabled={disabled}\n          size={size}>\n          <ArrowDown size={10} />\n        </Button>\n      </Dropdown>\n    </ButtonGroup>\n  );\n};\n\nSplitButton.displayName = 'SplitButton';\n\nexport default SplitButton;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,eAAe,UAAgD;CACnE,MAAM,EACJ,OAAO,MACP,UAAU,WACV,WAAW,OACX,UAAU,OACV,oBAAoB,cACpB,kBAAkB,SAClB,SACA,SACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,gBADT,WAAW,cAAc,CACc,WAAW,cAAc;CACtF,MAAM,MAAM,WAAW,WAAW,UAAU;AAE5C,QACE,qBAAC,aAAD;EAAa,GAAI;EAAY,WAAW;EAAc;EAAmB;EAAgB;YAAzF,CACE,oBAAC,QAAD;GAAiB;GAAkB;GAChC;GACM,CAAA,EACT,oBAACA,kBAAD;GAAmB;GAAS,SAAS;GAAiB,WAAW;aAC/D,oBAAC,QAAD;IACE,WAAW,GAAG,UAAU;IACf;IACC;IACJ;cACN,oBAAC,WAAD,EAAW,MAAM,IAAM,CAAA;IAChB,CAAA;GACA,CAAA,CACC;;;AAIlB,YAAY,cAAc"}

package/es/split-button/style/_index.scss

@@ -0,0 +1,9 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-split-button {
+
+  &__dropdown-btn{
+    padding: 0 8px;
+    min-width: auto;
+  }
+}

package/es/split-button/style/index.css

@@ -0,0 +1,4 @@
+.ty-split-button__dropdown-btn {
+  padding: 0 8px;
+  min-width: auto;
+}

package/es/split-button/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/split-button/style/index.js

@@ -0,0 +1,3 @@
+import "./index.css";
+import "../../button/style/index.css";
+import "../../dropdown/style/index.css";

package/es/split-button/types.d.ts

@@ -0,0 +1,20 @@
+import { SizeType } from "../_utils/props.js";
+import { ButtonGroupProps, ButtonType } from "../button/types.js";
+import { MenuProps } from "../menu/types.js";
+import { DropdownPlacement, DropdownTrigger } from "../dropdown/types.js";
+import React from "react";
+
+//#region src/split-button/types.d.ts
+interface SplitButtonProps extends Omit<ButtonGroupProps, 'onClick'> {
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  loading?: boolean;
+  disabled?: boolean;
+  size?: SizeType;
+  btnType?: ButtonType;
+  overlay?: React.ReactElement<MenuProps>;
+  dropdownTrigger?: DropdownTrigger;
+  dropdownPlacement?: DropdownPlacement;
+}
+//#endregion
+export { SplitButtonProps };
+//# sourceMappingURL=types.d.ts.map

package/es/statistic/index.d.ts

@@ -0,0 +1 @@
+import { Statistic } from "./statistic.js";

package/es/statistic/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Statistic from "./statistic.js";
+//#region src/statistic/index.tsx
+var statistic_default = Statistic;
+//#endregion
+export { statistic_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/statistic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/statistic/index.tsx"],"sourcesContent":["import Statistic from './statistic';\n\nexport default Statistic;\n"],"mappings":";;AAEA,IAAA,oBAAe"}

package/es/statistic/statistic.d.ts

@@ -0,0 +1,8 @@
+import { StatisticProps } from "./types.js";
+import React from "react";
+
+//#region src/statistic/statistic.d.ts
+declare const Statistic: React.ForwardRefExoticComponent<StatisticProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Statistic };
+//# sourceMappingURL=statistic.d.ts.map

package/es/statistic/statistic.js

@@ -0,0 +1,58 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/statistic/statistic.tsx
+const formatValue = (value, precision, groupSeparator) => {
+	if (value === void 0) return "";
+	if (typeof value === "string") return value;
+	let val = precision !== void 0 ? value.toFixed(precision) : String(value);
+	if (groupSeparator) {
+		const parts = val.split(".");
+		parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+		val = parts.join(".");
+	}
+	return val;
+};
+const Statistic = React.forwardRef((props, ref) => {
+	const { title, value, precision, prefix, suffix, groupSeparator = ",", valueStyle, formatter, prefixCls: customisedCls, className, style, ...otherProps } = props;
+	const prefixCls = getPrefixCls("statistic", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	const renderValue = () => {
+		if (formatter) return formatter(value ?? "");
+		return formatValue(value, precision, groupSeparator);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__title`,
+			children: title
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__content`,
+			style: valueStyle,
+			children: [
+				prefix && /* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__prefix`,
+					children: prefix
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__value`,
+					children: renderValue()
+				}),
+				suffix && /* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__suffix`,
+					children: suffix
+				})
+			]
+		})]
+	});
+});
+Statistic.displayName = "Statistic";
+//#endregion
+export { Statistic as default };
+
+//# sourceMappingURL=statistic.js.map

package/es/statistic/statistic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic.js","names":[],"sources":["../../src/statistic/statistic.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { StatisticProps } from './types';\n\nconst formatValue = (\n  value: number | string | undefined,\n  precision?: number,\n  groupSeparator?: string\n): string => {\n  if (value === undefined) return '';\n  if (typeof value === 'string') return value;\n\n  let val = precision !== undefined ? value.toFixed(precision) : String(value);\n\n  if (groupSeparator) {\n    const parts = val.split('.');\n    parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator);\n    val = parts.join('.');\n  }\n\n  return val;\n};\n\nconst Statistic = React.forwardRef<HTMLDivElement, StatisticProps>((props, ref) => {\n  const {\n    title,\n    value,\n    precision,\n    prefix,\n    suffix,\n    groupSeparator = ',',\n    valueStyle,\n    formatter,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('statistic', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const renderValue = () => {\n    if (formatter) {\n      return formatter(value ?? '');\n    }\n    return formatValue(value, precision, groupSeparator);\n  };\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {title && <div className={`${prefixCls}__title`}>{title}</div>}\n      <div className={`${prefixCls}__content`} style={valueStyle}>\n        {prefix && <span className={`${prefixCls}__prefix`}>{prefix}</span>}\n        <span className={`${prefixCls}__value`}>{renderValue()}</span>\n        {suffix && <span className={`${prefixCls}__suffix`}>{suffix}</span>}\n      </div>\n    </div>\n  );\n});\n\nStatistic.displayName = 'Statistic';\nexport default Statistic;\n"],"mappings":";;;;;;AAMA,MAAM,eACJ,OACA,WACA,mBACW;AACX,KAAI,UAAU,KAAA,EAAW,QAAO;AAChC,KAAI,OAAO,UAAU,SAAU,QAAO;CAEtC,IAAI,MAAM,cAAc,KAAA,IAAY,MAAM,QAAQ,UAAU,GAAG,OAAO,MAAM;AAE5E,KAAI,gBAAgB;EAClB,MAAM,QAAQ,IAAI,MAAM,IAAI;AAC5B,QAAM,KAAK,MAAM,GAAG,QAAQ,yBAAyB,eAAe;AACpE,QAAM,MAAM,KAAK,IAAI;;AAGvB,QAAO;;AAGT,MAAM,YAAY,MAAM,YAA4C,OAAO,QAAQ;CACjF,MAAM,EACJ,OACA,OACA,WACA,QACA,QACA,iBAAiB,KACjB,YACA,WACA,WAAW,eACX,WACA,OACA,GAAG,eACD;CAGJ,MAAM,YAAY,aAAa,aADT,WAAW,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,MAAM,WAAW,WAAW,UAAU;CAE5C,MAAM,oBAAoB;AACxB,MAAI,UACF,QAAO,UAAU,SAAS,GAAG;AAE/B,SAAO,YAAY,OAAO,WAAW,eAAe;;AAGtD,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD,CACG,SAAS,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAAW;GAAY,CAAA,EAC9D,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAY,OAAO;aAAhD;IACG,UAAU,oBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAAY;KAAc,CAAA;IACnE,oBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAAW,aAAa;KAAQ,CAAA;IAC7D,UAAU,oBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAAY;KAAc,CAAA;IAC/D;KACF;;EAER;AAEF,UAAU,cAAc"}

package/es/statistic/style/_index.scss

@@ -0,0 +1,31 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-statistic {
+  &__title {
+    margin-bottom: 4px;
+    color: var(--ty-color-text-secondary, #{$gray-600});
+    font-size: $font-size-sm;
+  }
+
+  &__content {
+    display: flex;
+    align-items: baseline;
+    color: var(--ty-color-text, #{$gray-900});
+    font-size: 24px;
+    font-weight: 600;
+    font-family: $font-family-sans-serif;
+  }
+
+  &__prefix {
+    margin-right: 4px;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  &__suffix {
+    margin-left: 4px;
+    font-size: $font-size-base;
+    display: inline-flex;
+    align-items: center;
+  }
+}

package/es/statistic/style/index.css

@@ -0,0 +1,24 @@
+.ty-statistic__title {
+  margin-bottom: 4px;
+  color: var(--ty-color-text-secondary, #8898aa);
+  font-size: 0.875rem;
+}
+.ty-statistic__content {
+  display: flex;
+  align-items: baseline;
+  color: var(--ty-color-text, #212529);
+  font-size: 24px;
+  font-weight: 600;
+  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.ty-statistic__prefix {
+  margin-right: 4px;
+  display: inline-flex;
+  align-items: center;
+}
+.ty-statistic__suffix {
+  margin-left: 4px;
+  font-size: 1rem;
+  display: inline-flex;
+  align-items: center;
+}

package/es/statistic/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/statistic/style/index.js

@@ -0,0 +1 @@
+import "./index.css";