@tiny-design/react 1.0.4

package/lib/radio/radio.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps } from "./types.js";
+import React from "react";
+
+//#region src/radio/radio.d.ts
+declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { Radio };
+//# sourceMappingURL=radio.d.ts.map

package/lib/radio/radio.js

@@ -0,0 +1,64 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_radio_group_context = require("./radio-group-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/radio/radio.tsx
+const Radio = react.default.forwardRef((props, ref) => {
+	const { defaultChecked = false, radioRef, name, value, onChange, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const radioGroupContext = (0, react.useContext)(require_radio_group_context.RadioGroupContext);
+	const initialChecked = "checked" in props ? props.checked : defaultChecked;
+	const [checked, setChecked] = (0, react.useState)("value" in radioGroupContext ? radioGroupContext.value === value : initialChecked);
+	const prefixCls = require_general.getPrefixCls("radio", configContext.prefixCls, customisedCls);
+	const disabled = "disabled" in props ? props.disabled : "disabled" in radioGroupContext ? radioGroupContext.disabled : false;
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_checked`]: checked,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const radioOnChange = (e) => {
+		if (!disabled) {
+			!("checked" in props) && setChecked(e.currentTarget.checked);
+			onChange && onChange(e);
+			radioGroupContext.onChange && radioGroupContext.onChange(e);
+		}
+	};
+	(0, react.useEffect)(() => {
+		"value" in radioGroupContext && setChecked(value === radioGroupContext.value);
+		"checked" in props && typeof props.checked !== "undefined" && setChecked(props.checked);
+	}, [
+		props,
+		radioGroupContext,
+		value
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref: radioRef,
+				role: "radio",
+				"aria-checked": checked,
+				name: radioGroupContext.name || name,
+				disabled,
+				value,
+				className: `${prefixCls}__native`,
+				type: "radio",
+				checked,
+				onChange: radioOnChange
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefixCls}__inner` }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children })
+		]
+	});
+});
+Radio.displayName = "Radio";
+//#endregion
+exports.default = Radio;
+
+//# sourceMappingURL=radio.js.map

package/lib/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["React","ConfigContext","RadioGroupContext","getPrefixCls"],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { RadioGroupContext } from './radio-group-context';\nimport { RadioProps } from './types';\n\nconst Radio = React.forwardRef<HTMLLabelElement, RadioProps>(\n  (props: RadioProps, ref): React.ReactElement => {\n    const {\n      defaultChecked = false,\n      radioRef,\n      name,\n      value,\n      onChange,\n      className,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const radioGroupContext = useContext(RadioGroupContext);\n    const initialChecked = 'checked' in props ? (props.checked as boolean) : defaultChecked;\n    const [checked, setChecked] = useState<boolean>(\n      'value' in radioGroupContext ? radioGroupContext.value === value : initialChecked\n    );\n    const prefixCls = getPrefixCls('radio', configContext.prefixCls, customisedCls);\n    const disabled =\n      'disabled' in props\n        ? props.disabled\n        : 'disabled' in radioGroupContext\n        ? radioGroupContext.disabled\n        : false;\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_checked`]: checked,\n      [`${prefixCls}_disabled`]: disabled,\n    });\n\n    const radioOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      if (!disabled) {\n        !('checked' in props) && setChecked(e.currentTarget.checked);\n        onChange && onChange(e);\n        radioGroupContext.onChange && radioGroupContext.onChange(e);\n      }\n    };\n\n    useEffect(() => {\n      'value' in radioGroupContext && setChecked(value === radioGroupContext.value);\n      'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);\n    }, [props, radioGroupContext, value]);\n\n    return (\n      <label {...otherProps} ref={ref} className={cls}>\n        <input\n          ref={radioRef}\n          role=\"radio\"\n          aria-checked={checked}\n          name={radioGroupContext.name || name}\n          disabled={disabled}\n          value={value}\n          className={`${prefixCls}__native`}\n          type=\"radio\"\n          checked={checked}\n          onChange={radioOnChange}\n        />\n        <span className={`${prefixCls}__inner`} />\n        <span>{children}</span>\n      </label>\n    );\n  }\n);\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQA,MAAAA,QAAM,YACjB,OAAmB,QAA4B;CAC9C,MAAM,EACJ,iBAAiB,OACjB,UACA,MACA,OACA,UACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,qBAAA,GAAA,MAAA,YAA+BC,4BAAAA,kBAAkB;CACvD,MAAM,iBAAiB,aAAa,QAAS,MAAM,UAAsB;CACzE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UACd,WAAW,oBAAoB,kBAAkB,UAAU,QAAQ,eACpE;CACD,MAAM,YAAYC,gBAAAA,aAAa,SAAS,cAAc,WAAW,cAAc;CAC/E,MAAM,WACJ,cAAc,QACV,MAAM,WACN,cAAc,oBACd,kBAAkB,WAClB;CACN,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,aAAa;EAC5B,CAAC;CAEF,MAAM,iBAAiB,MAAiD;AACtE,MAAI,CAAC,UAAU;AACb,KAAE,aAAa,UAAU,WAAW,EAAE,cAAc,QAAQ;AAC5D,eAAY,SAAS,EAAE;AACvB,qBAAkB,YAAY,kBAAkB,SAAS,EAAE;;;AAI/D,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,qBAAqB,WAAW,UAAU,kBAAkB,MAAM;AAC7E,eAAa,SAAS,OAAO,MAAM,YAAY,eAAe,WAAW,MAAM,QAAQ;IACtF;EAAC;EAAO;EAAmB;EAAM,CAAC;AAErC,QACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;EAAO,GAAI;EAAiB;EAAK,WAAW;YAA5C;GACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,KAAK;IACL,MAAK;IACL,gBAAc;IACd,MAAM,kBAAkB,QAAQ;IACtB;IACH;IACP,WAAW,GAAG,UAAU;IACxB,MAAK;IACI;IACT,UAAU;IACV,CAAA;GACF,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAW,GAAG,UAAU,UAAY,CAAA;GAC1C,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAO,UAAgB,CAAA;GACjB;;EAGb;AAED,MAAM,cAAc"}

package/lib/radio/style/_index.scss

@@ -0,0 +1,86 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-radio {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  font-size: $font-size-base;
+  margin-right: 8px;
+  color: var(--ty-color-text);
+
+  &__native {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  &__inner {
+    box-sizing: border-box;
+    display: flex;
+    width: 16px;
+    height: 16px;
+    border-radius: 100%;
+    background-color: var(--ty-radio-bg);
+    border: 1px solid var(--ty-color-primary);
+    align-items: center;
+    justify-content: center;
+
+    &:after {
+      box-sizing: border-box;
+      display: inline-block;
+      content: '';
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+      background-color: var(--ty-color-primary);
+      transition: all 200ms;
+      transform: scale(0);
+    }
+
+    & + span {
+      padding: 0 5px;
+      line-height: 16px;
+    }
+  }
+
+  &_checked {
+    .#{$prefix}-radio {
+      &__inner:after {
+        transform: scale(1);
+      }
+    }
+  }
+
+  &_disabled {
+    .#{$prefix}-radio {
+      &__native {
+        cursor: not-allowed;
+      }
+
+      &__inner {
+        border-color: var(--ty-radio-disabled-border);
+
+        &:after {
+          background-color: var(--ty-radio-disabled-dot);
+        }
+
+        & + span {
+          color: var(--ty-color-text-quaternary);
+        }
+      }
+    }
+  }
+
+  &-group {
+    display: inline-block;
+  }
+}

package/lib/radio/style/index.css

@@ -0,0 +1,66 @@
+.ty-radio {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  font-size: 1rem;
+  margin-right: 8px;
+  color: var(--ty-color-text);
+}
+.ty-radio__native {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  cursor: pointer;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+}
+.ty-radio__inner {
+  box-sizing: border-box;
+  display: flex;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  background-color: var(--ty-radio-bg);
+  border: 1px solid var(--ty-color-primary);
+  align-items: center;
+  justify-content: center;
+}
+.ty-radio__inner:after {
+  box-sizing: border-box;
+  display: inline-block;
+  content: "";
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  background-color: var(--ty-color-primary);
+  transition: all 200ms;
+  transform: scale(0);
+}
+.ty-radio__inner + span {
+  padding: 0 5px;
+  line-height: 16px;
+}
+.ty-radio_checked .ty-radio__inner:after {
+  transform: scale(1);
+}
+.ty-radio_disabled .ty-radio__native {
+  cursor: not-allowed;
+}
+.ty-radio_disabled .ty-radio__inner {
+  border-color: var(--ty-radio-disabled-border);
+}
+.ty-radio_disabled .ty-radio__inner:after {
+  background-color: var(--ty-radio-disabled-dot);
+}
+.ty-radio_disabled .ty-radio__inner + span {
+  color: var(--ty-color-text-quaternary);
+}
+.ty-radio-group {
+  display: inline-block;
+}

package/lib/radio/style/index.d.ts

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

package/lib/radio/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/radio/types.d.ts

@@ -0,0 +1,24 @@
+import { BaseProps } from "../_utils/props.js";
+import React, { RefObject } from "react";
+
+//#region src/radio/types.d.ts
+interface RadioProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['label']>, 'onChange'> {
+  radioRef?: RefObject<HTMLInputElement>;
+  value?: string | number;
+  name?: string;
+  defaultChecked?: boolean;
+  checked?: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  disabled?: boolean;
+}
+interface RadioGroupProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  name?: string;
+  defaultValue?: number | string;
+  value?: number | string;
+  onChange?: (value: number | string) => void;
+  disabled?: boolean;
+  children: React.ReactNode;
+}
+//#endregion
+export { RadioGroupProps, RadioProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/rate/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/rate/index.tsx
+var rate_default = require("./rate.js").default;
+//#endregion
+exports.default = rate_default;
+
+//# sourceMappingURL=index.js.map

package/lib/rate/index.js.map

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

package/lib/rate/rate-item.js

@@ -0,0 +1,31 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/rate/rate-item.tsx
+const RateItem = (props) => {
+	const { half, color, value, character, prefixCls, index, onMouseEnter, onClick } = props;
+	const getColor = (curr, max) => {
+		return (half ? curr : Math.round(curr)) <= max ? color : "#e8e8e8";
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: `${prefixCls}__item`,
+		onClick,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { color: getColor(index - .5, value) },
+			className: `${prefixCls}__item-first`,
+			onMouseEnter: () => onMouseEnter(index - .5),
+			children: character
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { color: getColor(index, value) },
+			className: `${prefixCls}__item-second`,
+			onMouseEnter: () => onMouseEnter(index),
+			children: character
+		})]
+	});
+};
+RateItem.displayName = "RateItem";
+//#endregion
+exports.default = RateItem;
+
+//# sourceMappingURL=rate-item.js.map

package/lib/rate/rate-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate-item.js","names":[],"sources":["../../src/rate/rate-item.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\ntype ItemProps = {\n  half: boolean;\n  color: string;\n  value: number;\n  prefixCls: string;\n  index: number;\n  onMouseEnter: (index: number) => void;\n  character?: ReactNode;\n  onClick: React.MouseEventHandler;\n};\n\nconst RateItem = (props: ItemProps): React.ReactElement => {\n  const { half, color, value, character, prefixCls, index, onMouseEnter, onClick } = props;\n  const getColor = (curr: number, max: number): string => {\n    const val = half ? curr : Math.round(curr);\n    return val <= max ? color : '#e8e8e8';\n  };\n\n  return (\n    <li className={`${prefixCls}__item`} onClick={onClick}>\n      <div\n        style={{ color: getColor(index - 0.5, value) }}\n        className={`${prefixCls}__item-first`}\n        onMouseEnter={(): void => onMouseEnter(index - 0.5)}>\n        {character}\n      </div>\n      <div\n        style={{ color: getColor(index, value) }}\n        className={`${prefixCls}__item-second`}\n        onMouseEnter={(): void => onMouseEnter(index)}>\n        {character}\n      </div>\n    </li>\n  );\n};\n\nRateItem.displayName = 'RateItem';\n\nexport default RateItem;\n"],"mappings":";;;;;AAaA,MAAM,YAAY,UAAyC;CACzD,MAAM,EAAE,MAAM,OAAO,OAAO,WAAW,WAAW,OAAO,cAAc,YAAY;CACnF,MAAM,YAAY,MAAc,QAAwB;AAEtD,UADY,OAAO,OAAO,KAAK,MAAM,KAAK,KAC5B,MAAM,QAAQ;;AAG9B,QACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;EAAI,WAAW,GAAG,UAAU;EAAkB;YAA9C,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,OAAO,EAAE,OAAO,SAAS,QAAQ,IAAK,MAAM,EAAE;GAC9C,WAAW,GAAG,UAAU;GACxB,oBAA0B,aAAa,QAAQ,GAAI;aAClD;GACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,OAAO,EAAE,OAAO,SAAS,OAAO,MAAM,EAAE;GACxC,WAAW,GAAG,UAAU;GACxB,oBAA0B,aAAa,MAAM;aAC5C;GACG,CAAA,CACH;;;AAIT,SAAS,cAAc"}

package/lib/rate/rate.d.ts

@@ -0,0 +1,8 @@
+import { RateProps } from "./types.js";
+import React from "react";
+
+//#region src/rate/rate.d.ts
+declare const Rate: React.ForwardRefExoticComponent<Omit<RateProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { Rate };
+//# sourceMappingURL=rate.d.ts.map

package/lib/rate/rate.js

@@ -0,0 +1,91 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_index = require("../icon/index.js");
+const require_rate_item = require("./rate-item.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/rate/rate.tsx
+const Rate = react.default.forwardRef((props, ref) => {
+	const { color = "#FADB14", character = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		name: "star-fill",
+		size: 20
+	}), clearable = true, half = false, count = 5, defaultValue = 0, disabled = false, onChange, className, style, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("rate", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const [tmpValue, setTmpValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	/**
+	* Callback when the mouse enters each star item
+	* @param index
+	*/
+	const onMouseEnter = (index) => {
+		!disabled && setTmpValue(index);
+	};
+	const onClick = () => {
+		if (!disabled && clearable) {
+			const val = tmpValue === value ? 0 : tmpValue;
+			setTmpValue(val);
+			!("value" in props) && setValue(val);
+			onChange && onChange(val);
+		} else {
+			!("value" in props) && setValue(tmpValue);
+			onChange && onChange(tmpValue);
+		}
+	};
+	/**
+	* When the mouse leaves the rate component
+	*/
+	const onMouseLeave = () => {
+		setTmpValue(value);
+	};
+	(0, react.useEffect)(() => {
+		"value" in props && setValue(props.value);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		role: "radiogroup",
+		"aria-label": "Rating",
+		tabIndex: disabled ? -1 : 0,
+		onMouseLeave,
+		onKeyDown: (e) => {
+			if (disabled) return;
+			if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+				e.preventDefault();
+				const step = half ? .5 : 1;
+				const newVal = Math.min(tmpValue + step, count);
+				setTmpValue(newVal);
+				!("value" in props) && setValue(newVal);
+				onChange?.(newVal);
+			} else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+				e.preventDefault();
+				const step = half ? .5 : 1;
+				const newVal = Math.max(tmpValue - step, 0);
+				setTmpValue(newVal);
+				!("value" in props) && setValue(newVal);
+				onChange?.(newVal);
+			}
+		},
+		children: Array(count).fill(0).map((_, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_rate_item.default, {
+			index: idx + 1,
+			half,
+			character,
+			prefixCls,
+			onMouseEnter,
+			onClick,
+			value: half ? tmpValue : Math.round(tmpValue),
+			color
+		}, idx))
+	});
+});
+Rate.displayName = "Rate";
+//#endregion
+exports.default = Rate;
+
+//# sourceMappingURL=rate.js.map

package/lib/rate/rate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate.js","names":["React","Icon","getPrefixCls","ConfigContext","RateItem"],"sources":["../../src/rate/rate.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { RateProps } from './types';\nimport RateItem from './rate-item';\n\nconst Rate = React.forwardRef<HTMLUListElement, RateProps>(\n  (props: RateProps, ref): JSX.Element => {\n    const {\n      color = '#FADB14',\n      character = <Icon name=\"star-fill\" size={20} />,\n      clearable = true,\n      half = false,\n      count = 5,\n      defaultValue = 0,\n      disabled = false,\n      onChange,\n      className,\n      style,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('rate', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [value, setValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n    // tepValue is for setting the value when the mouse is hovering the bar\n    const [tmpValue, setTmpValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n\n    /**\n     * Callback when the mouse enters each star item\n     * @param index\n     */\n    const onMouseEnter = (index: number): void => {\n      !disabled && setTmpValue(index);\n    };\n\n    const onClick = (): void => {\n      if (!disabled && clearable) {\n        const val = tmpValue === value ? 0 : tmpValue;\n        setTmpValue(val);\n        !('value' in props) && setValue(val);\n        onChange && onChange(val);\n      } else {\n        !('value' in props) && setValue(tmpValue);\n        onChange && onChange(tmpValue);\n      }\n    };\n\n    /**\n     * When the mouse leaves the rate component\n     */\n    const onMouseLeave = (): void => {\n      setTmpValue(value);\n    };\n\n    useEffect(() => {\n      'value' in props && setValue(props.value as number);\n    }, [props]);\n\n    return (\n      <ul\n        {...otherProps}\n        ref={ref}\n        className={cls}\n        style={style}\n        role=\"radiogroup\"\n        aria-label=\"Rating\"\n        tabIndex={disabled ? -1 : 0}\n        onMouseLeave={onMouseLeave}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (disabled) return;\n          if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.min(tmpValue + step, count);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          } else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.max(tmpValue - step, 0);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          }\n        }}>\n        {Array(count)\n          .fill(0)\n          .map((_, idx) => (\n            <RateItem\n              key={idx}\n              index={idx + 1}\n              half={half}\n              character={character}\n              prefixCls={prefixCls}\n              onMouseEnter={onMouseEnter}\n              onClick={onClick}\n              value={half ? tmpValue : Math.round(tmpValue)}\n              color={color}\n            />\n          ))}\n      </ul>\n    );\n  }\n);\n\nRate.displayName = 'Rate';\n\nexport default Rate;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,OAAOA,MAAAA,QAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,QAAQ,WACR,YAAY,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EAAM,MAAK;EAAY,MAAM;EAAM,CAAA,EAC/C,YAAY,MACZ,OAAO,OACP,QAAQ,GACR,eAAe,GACf,WAAW,OACX,UACA,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UACf,WAAW,QAAS,MAAM,QAAmB,aAC9C;;;;;CAMD,MAAM,gBAAgB,UAAwB;AAC5C,GAAC,YAAY,YAAY,MAAM;;CAGjC,MAAM,gBAAsB;AAC1B,MAAI,CAAC,YAAY,WAAW;GAC1B,MAAM,MAAM,aAAa,QAAQ,IAAI;AACrC,eAAY,IAAI;AAChB,KAAE,WAAW,UAAU,SAAS,IAAI;AACpC,eAAY,SAAS,IAAI;SACpB;AACL,KAAE,WAAW,UAAU,SAAS,SAAS;AACzC,eAAY,SAAS,SAAS;;;;;;CAOlC,MAAM,qBAA2B;AAC/B,cAAY,MAAM;;AAGpB,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW;EACJ;EACP,MAAK;EACL,cAAW;EACX,UAAU,WAAW,KAAK;EACZ;EACd,YAAY,MAA2B;AACrC,OAAI,SAAU;AACd,OAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,MAAM;AAC/C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;cACT,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,EAAE;AAC3C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;;;YAGrB,MAAM,MAAM,CACV,KAAK,EAAE,CACP,KAAK,GAAG,QACP,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,SAAD;GAEE,OAAO,MAAM;GACP;GACK;GACA;GACG;GACL;GACT,OAAO,OAAO,WAAW,KAAK,MAAM,SAAS;GACtC;GACP,EATK,IASL,CACF;EACD,CAAA;EAGV;AAED,KAAK,cAAc"}

package/lib/rate/style/_index.scss

@@ -0,0 +1,31 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-rate {
+  display: inline-flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+
+  &__item {
+    position: relative;
+  }
+
+  &__item-first,
+  &__item-second {
+    user-select: none;
+    cursor: pointer;
+  }
+
+  &__item-first {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    //opacity: 0;
+  }
+
+  &__item-second {
+  }
+}

package/lib/rate/style/index.css

@@ -0,0 +1,23 @@
+.ty-rate {
+  display: inline-flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.ty-rate__item {
+  position: relative;
+}
+.ty-rate__item-first, .ty-rate__item-second {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: pointer;
+}
+.ty-rate__item-first {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+}

package/lib/rate/style/index.d.ts

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

package/lib/rate/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/rate/types.d.ts

@@ -0,0 +1,19 @@
+import { BaseProps } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region src/rate/types.d.ts
+interface RateProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['ul']>, 'onChange'> {
+  color?: string;
+  clearable?: boolean;
+  half?: boolean;
+  character?: ReactNode;
+  count?: number;
+  defaultValue?: number;
+  value?: number;
+  disabled?: boolean;
+  onChange?: (value: number) => void;
+  children?: ReactNode;
+}
+//#endregion
+export { RateProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/result/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/result/index.tsx
+var result_default = require("./result.js").default;
+//#endregion
+exports.default = result_default;
+
+//# sourceMappingURL=index.js.map

package/lib/result/index.js.map

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

package/lib/result/result.d.ts

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

package/lib/result/result.js

@@ -0,0 +1,64 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/result/result.tsx
+const Result = react.default.memo(react.default.forwardRef((props, ref) => {
+	const { status = "info", prefixCls: customisedCls, title, subtitle, icon, extra, className, children, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("result", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${status}`);
+	const renderIcon = () => {
+		if (react.default.isValidElement(icon)) return icon;
+		else {
+			const iconSize = 80;
+			switch (status) {
+				case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CheckCircle, { size: iconSize });
+				case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.InfoCircle, { size: iconSize });
+				case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.WarningCircle, { size: iconSize });
+				case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, { size: iconSize });
+				case "loading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.LoadingCircle, {
+					size: iconSize,
+					className: `${prefixCls}__icon`
+				});
+			}
+		}
+		return null;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__icon-container`,
+				children: renderIcon()
+			}),
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__title`,
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__subtitle`,
+				children: subtitle
+			}),
+			extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__extra`,
+				children: extra
+			}),
+			children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__content`,
+				children
+			})
+		]
+	});
+}));
+Result.displayName = "Result";
+//#endregion
+exports.default = Result;
+
+//# sourceMappingURL=result.js.map

package/lib/result/result.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.js","names":["React","getPrefixCls","ConfigContext","CheckCircle","InfoCircle","WarningCircle","CloseCircle","LoadingCircle"],"sources":["../../src/result/result.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport {\n  CheckCircle,\n  CloseCircle,\n  InfoCircle,\n  LoadingCircle,\n  WarningCircle,\n} from '../_utils/components';\nimport { ResultProps } from './types';\n\nconst Result = React.memo(React.forwardRef<HTMLDivElement, ResultProps>((props: ResultProps, ref) => {\n  const {\n    status = 'info',\n    prefixCls: customisedCls,\n    title,\n    subtitle,\n    icon,\n    extra,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('result', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, `${prefixCls}_${status}`);\n\n  const renderIcon = (): React.ReactNode => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else {\n      const iconSize = 80;\n      switch (status) {\n        case 'success':\n          return <CheckCircle size={iconSize} />;\n        case 'info':\n          return <InfoCircle size={iconSize} />;\n        case 'warning':\n          return <WarningCircle size={iconSize} />;\n        case 'error':\n          return <CloseCircle size={iconSize} />;\n        case 'loading':\n          return <LoadingCircle size={iconSize} className={`${prefixCls}__icon`} />;\n      }\n    }\n\n    return null;\n  };\n\n  return (\n    <div {...otherProps} ref={ref} className={cls}>\n      <div className={`${prefixCls}__icon-container`}>{renderIcon()}</div>\n      {title && <div className={`${prefixCls}__title`}>{title}</div>}\n      {subtitle && <div className={`${prefixCls}__subtitle`}>{subtitle}</div>}\n      {extra && <div className={`${prefixCls}__extra`}>{extra}</div>}\n      {children && <div className={`${prefixCls}__content`}>{children}</div>}\n    </div>\n  );\n}));\n\nResult.displayName = 'Result';\n\nexport default Result;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAASA,MAAAA,QAAM,KAAKA,MAAAA,QAAM,YAAyC,OAAoB,QAAQ;CACnG,MAAM,EACJ,SAAS,QACT,WAAW,eACX,OACA,UACA,MACA,OACA,WACA,UACA,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,WAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACQ,WAAW,cAAc;CAChF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GAAG,SAAS;CAEtE,MAAM,mBAAoC;AACxC,MAAIF,MAAAA,QAAM,eAAe,KAAK,CAC5B,QAAO;OACF;GACL,MAAM,WAAW;AACjB,WAAQ,QAAR;IACE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACG,mBAAAA,aAAD,EAAa,MAAM,UAAY,CAAA;IACxC,KAAK,OACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD,EAAY,MAAM,UAAY,CAAA;IACvC,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD,EAAe,MAAM,UAAY,CAAA;IAC1C,KAAK,QACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD,EAAa,MAAM,UAAY,CAAA;IACxC,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;KAAe,MAAM;KAAU,WAAW,GAAG,UAAU;KAAW,CAAA;;;AAI/E,SAAO;;AAGT,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;YAA1C;GACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAoB,YAAY;IAAO,CAAA;GACnE,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAW;IAAY,CAAA;GAC7D,YAAY,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAc;IAAe,CAAA;GACtE,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAW;IAAY,CAAA;GAC7D,YAAY,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;IAAa;IAAe,CAAA;GAClE;;EAER,CAAC;AAEH,OAAO,cAAc"}

package/lib/result/style/_index.scss

@@ -0,0 +1,48 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+
+.#{$prefix}-result {
+  padding: 48px 32px;
+  box-sizing: border-box;
+
+  &__icon-container {
+    margin-bottom: 24px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__icon {
+    animation: ty-rotate 1s linear infinite;
+  }
+
+  &__title {
+    color: var(--ty-color-text);
+    font-size: 24px;
+    line-height: 1.8;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__subtitle {
+    color: var(--ty-color-text-tertiary);
+    font-size: 14px;
+    line-height: 1.6;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__extra {
+    margin-top: 32px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__content {
+    margin-top: 24px;
+    margin-left: 30px;
+    margin-right: 30px;
+    padding: 24px 40px;
+    background-color: var(--ty-result-content-bg);
+    box-sizing: border-box;
+  }
+}