tiny-ui 1.0.2 → 1.0.4

package/lib/progress/style/index.css

@@ -0,0 +1,128 @@
+.ty-progress-bar {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+}
+.ty-progress-bar__inner {
+  flex: 1;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  background-color: var(--ty-progress-trail-bg);
+}
+.ty-progress-bar__bg {
+  position: relative;
+  text-align: right;
+  height: 100%;
+  transition: all 0.6s;
+}
+.ty-progress-bar__bg_primary {
+  background-color: var(--ty-color-primary);
+}
+.ty-progress-bar__bg_yellow {
+  background-color: var(--ty-color-warning);
+}
+.ty-progress-bar__bg_blue {
+  background-color: var(--ty-color-info);
+}
+.ty-progress-bar__bg_red {
+  background-color: var(--ty-color-danger);
+}
+.ty-progress-bar__bg_green {
+  background-color: var(--ty-color-success);
+}
+.ty-progress-bar__text {
+  color: var(--ty-progress-text-color);
+  margin-left: 10px;
+  min-width: 40px;
+  text-align: right;
+}
+.ty-progress-bar__inner-text {
+  color: #fff;
+  font-size: 10px;
+  margin: 0 5px;
+}
+.ty-progress-bar__effect {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.ty-progress-bar__effect_striped {
+  background-size: 20px 20px;
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  animation: ty-progress-striped 2s linear infinite;
+}
+.ty-progress-bar__effect_impulse {
+  border-radius: inherit;
+  opacity: 0;
+  background: #fff;
+  animation: ty-progress-impulse 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+}
+.ty-progress-bar_round .ty-progress-bar__inner, .ty-progress-bar_round .ty-progress-bar__bg {
+  border-radius: 100px;
+}
+.ty-progress-bar_square .ty-progress-bar__inner, .ty-progress-bar_square .ty-progress-bar__bg {
+  border-radius: 0;
+}
+
+.ty-progress-circle {
+  display: inline-block;
+  position: relative;
+}
+.ty-progress-circle__bg {
+  stroke: var(--ty-progress-circle-trail);
+  fill: none;
+}
+.ty-progress-circle__path {
+  fill: none;
+  transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease;
+}
+.ty-progress-circle__path_primary {
+  stroke: var(--ty-color-primary);
+}
+.ty-progress-circle__path_yellow {
+  stroke: var(--ty-color-warning);
+}
+.ty-progress-circle__path_blue {
+  stroke: var(--ty-color-info);
+}
+.ty-progress-circle__path_red {
+  stroke: var(--ty-color-danger);
+}
+.ty-progress-circle__path_green {
+  stroke: var(--ty-color-success);
+}
+.ty-progress-circle__text {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 20px;
+}
+
+@keyframes ty-progress-striped {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 20px 0;
+  }
+}
+@keyframes ty-progress-impulse {
+  0% {
+    opacity: 0.1;
+    width: 0;
+  }
+  20% {
+    opacity: 0.5;
+    width: 0;
+  }
+  100% {
+    opacity: 0;
+    width: 100%;
+  }
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/progress/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/progress/types.d.ts

@@ -1,32 +1,36 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export type strokeLineCaps = 'round' | 'square';
-export declare const strokePresetColors: string[];
-export type BarBackgroundType = 'impulse' | 'striped';
-export interface BarProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    percent?: number;
-    /** Customise label style for both outer and inner label */
-    format?: (percent: number) => React.ReactNode;
-    /** Determine display the label */
-    showInfo?: boolean;
-    strokeLinecap?: strokeLineCaps;
-    strokeColor?: string | string[];
-    strokeWidth?: number;
-    /** Determine display the label in the bar or right of bar */
-    innerText?: boolean;
-    backgroundType?: BarBackgroundType;
-    children?: React.ReactNode;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/progress/types.d.ts
+type strokeLineCaps = 'round' | 'square';
+type BarBackgroundType = 'impulse' | 'striped';
+interface BarProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  percent?: number;
+  /** Customise label style for both outer and inner label */
+  format?: (percent: number) => React.ReactNode;
+  /** Determine display the label */
+  showInfo?: boolean;
+  strokeLinecap?: strokeLineCaps;
+  strokeColor?: string | string[];
+  strokeWidth?: number;
+  /** Determine display the label in the bar or right of bar */
+  innerText?: boolean;
+  backgroundType?: BarBackgroundType;
+  children?: React.ReactNode;
 }
-export interface CircleProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    percent?: number;
-    /** Customise label style for both outer and inner label */
-    format?: (percent: number) => React.ReactNode;
-    width?: number;
-    strokeWidth?: number;
-    strokeLinecap?: strokeLineCaps;
-    strokeColor?: string;
-    reverse?: boolean;
-    prefixCls?: string;
-    textStyle?: React.CSSProperties;
-    children?: React.ReactNode;
+interface CircleProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  percent?: number;
+  /** Customise label style for both outer and inner label */
+  format?: (percent: number) => React.ReactNode;
+  width?: number;
+  strokeWidth?: number;
+  strokeLinecap?: strokeLineCaps;
+  strokeColor?: string;
+  reverse?: boolean;
+  prefixCls?: string;
+  textStyle?: React.CSSProperties;
+  children?: React.ReactNode;
 }
+//#endregion
+export { BarProps, CircleProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/progress/types.js

@@ -1,5 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.strokePresetColors = void 0;
-exports.strokePresetColors = ['primary', 'blue', 'green', 'yellow', 'red'];
+//#region components/progress/types.ts
+const strokePresetColors = [
+	"primary",
+	"blue",
+	"green",
+	"yellow",
+	"red"
+];
+//#endregion
+exports.strokePresetColors = strokePresetColors;
+
 //# sourceMappingURL=types.js.map

package/lib/progress/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/progress/types.ts"],"names":[],"mappings":";;;AAKa,QAAA,kBAAkB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../components/progress/types.ts"],"sourcesContent":["import React from 'react';\nimport { BaseProps } from '../_utils/props';\n\nexport type strokeLineCaps = 'round' | 'square';\n\nexport const strokePresetColors = ['primary', 'blue', 'green', 'yellow', 'red'];\n\nexport type BarBackgroundType = 'impulse' | 'striped';\n\nexport interface BarProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {\n  percent?: number;\n  /** Customise label style for both outer and inner label */\n  format?: (percent: number) => React.ReactNode;\n  /** Determine display the label */\n  showInfo?: boolean;\n  strokeLinecap?: strokeLineCaps;\n  strokeColor?: string | string[];\n  strokeWidth?: number;\n  /** Determine display the label in the bar or right of bar */\n  innerText?: boolean;\n  backgroundType?: BarBackgroundType;\n  children?: React.ReactNode;\n}\n\nexport interface CircleProps\n  extends BaseProps,\n    React.PropsWithoutRef<JSX.IntrinsicElements['div']> {\n  percent?: number;\n  /** Customise label style for both outer and inner label */\n  format?: (percent: number) => React.ReactNode;\n  width?: number;\n  strokeWidth?: number;\n  strokeLinecap?: strokeLineCaps;\n  strokeColor?: string;\n  reverse?: boolean;\n  prefixCls?: string;\n  textStyle?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n"],"mappings":";AAKA,MAAa,qBAAqB;CAAC;CAAW;CAAQ;CAAS;CAAU;CAAM"}

package/lib/radio/index.d.ts

@@ -1,7 +1,11 @@
-import Radio from './radio';
-import RadioGroup from './radio-group';
+import { Radio } from "./radio.js";
+import { RadioGroup } from "./radio-group.js";
+
+//#region components/radio/index.d.ts
 type IRadio = typeof Radio & {
-    Group: typeof RadioGroup;
+  Group: typeof RadioGroup;
 };
 declare const DefaultRadio: IRadio;
-export default DefaultRadio;
+//#endregion
+export { DefaultRadio };
+//# sourceMappingURL=index.d.ts.map

package/lib/radio/index.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const radio_1 = tslib_1.__importDefault(require("./radio"));
-const radio_group_1 = tslib_1.__importDefault(require("./radio-group"));
-const DefaultRadio = radio_1.default;
-DefaultRadio.Group = radio_group_1.default;
+require('../style/base.css');
+require('./style/index.css');
+const require_radio = require("./radio.js");
+const require_radio_group = require("./radio-group.js");
+//#region components/radio/index.tsx
+const DefaultRadio = require_radio.default;
+DefaultRadio.Group = require_radio_group.default;
+//#endregion
 exports.default = DefaultRadio;
+
 //# sourceMappingURL=index.js.map

package/lib/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/radio/index.tsx"],"names":[],"mappings":";;;AAAA,4DAA4B;AAC5B,wEAAuC;AAMvC,MAAM,YAAY,GAAG,eAAe,CAAC;AACrC,YAAY,CAAC,KAAK,GAAG,qBAAU,CAAC;AAEhC,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","names":["Radio","RadioGroup"],"sources":["../../components/radio/index.tsx"],"sourcesContent":["import Radio from './radio';\nimport RadioGroup from './radio-group';\n\ntype IRadio = typeof Radio & {\n  Group: typeof RadioGroup;\n};\n\nconst DefaultRadio = Radio as IRadio;\nDefaultRadio.Group = RadioGroup;\n\nexport default DefaultRadio;\n"],"mappings":";;;AAOA,MAAM,eAAeA,cAAAA;AACrB,aAAa,QAAQC,oBAAAA"}

package/lib/radio/radio-group-context.js

@@ -1,7 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroupContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.RadioGroupContext = react_1.default.createContext({});
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region components/radio/radio-group-context.ts
+const RadioGroupContext = react.default.createContext({});
+//#endregion
+exports.RadioGroupContext = RadioGroupContext;
+
 //# sourceMappingURL=radio-group-context.js.map

package/lib/radio/radio-group-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-context.js","sourceRoot":"","sources":["../../components/radio/radio-group-context.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AASb,QAAA,iBAAiB,GAAG,eAAK,CAAC,aAAa,CAAQ,EAAE,CAAC,CAAC"}
+{"version":3,"file":"radio-group-context.js","names":["React"],"sources":["../../components/radio/radio-group-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  value?: number | string;\n  name?: string;\n  disabled?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const RadioGroupContext = React.createContext<Props>({});\n"],"mappings":";;;;AASA,MAAa,oBAAoBA,MAAAA,QAAM,cAAqB,EAAE,CAAC"}

package/lib/radio/radio-group.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { RadioGroupProps } from './types';
+import { RadioGroupProps } from "./types.js";
+import React from "react";
+
+//#region components/radio/radio-group.d.ts
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default RadioGroup;
+//#endregion
+export { RadioGroup };
+//# sourceMappingURL=radio-group.d.ts.map

package/lib/radio/radio-group.js

@@ -1,35 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const radio_group_context_1 = require("./radio-group-context");
-const RadioGroup = react_1.default.forwardRef((props, ref) => {
-    const { defaultValue = '', disabled = false, name, onChange, className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('radio-group', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const [value, setValue] = (0, react_1.useState)('value' in props ? props.value : defaultValue);
-    const radioOnChange = (e) => {
-        if (!disabled) {
-            const val = e.currentTarget.value;
-            !('value' in props) && setValue(val);
-            onChange && onChange(val);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        'value' in props && setValue(props.value);
-    }, [props]);
-    return ((0, jsx_runtime_1.jsx)(radio_group_context_1.RadioGroupContext.Provider, { value: {
-            name,
-            disabled,
-            value,
-            onChange: radioOnChange,
-        }, children: (0, jsx_runtime_1.jsx)("div", { ...otherProps, ref: ref, role: "radiogroup", className: cls, children: children }) }));
+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 components/radio/radio-group.tsx
+const RadioGroup = react.default.forwardRef((props, ref) => {
+	const { defaultValue = "", disabled = false, name, onChange, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("radio-group", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const radioOnChange = (e) => {
+		if (!disabled) {
+			const val = e.currentTarget.value;
+			!("value" in props) && setValue(val);
+			onChange && onChange(val);
+		}
+	};
+	(0, react.useEffect)(() => {
+		"value" in props && setValue(props.value);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_radio_group_context.RadioGroupContext.Provider, {
+		value: {
+			name,
+			disabled,
+			value,
+			onChange: radioOnChange
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...otherProps,
+			ref,
+			role: "radiogroup",
+			className: cls,
+			children
+		})
+	});
 });
-RadioGroup.displayName = 'RadioGroup';
+RadioGroup.displayName = "RadioGroup";
+//#endregion
 exports.default = RadioGroup;
+
 //# sourceMappingURL=radio-group.js.map

package/lib/radio/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../components/radio/radio-group.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+D;AAC/D,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,+DAA0D;AAG1D,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CACjC,CAAC,KAAsB,EAAE,GAAG,EAAe,EAAE;IAC3C,MAAM,EACJ,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,aAAa,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAChC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,KAAyB,CAAC,CAAC,CAAC,YAAY,CACnE,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAQ,EAAE;QACrE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;YAClC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;YACrC,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,IAAI,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAwB,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,uCAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,QAAQ,EAAE,aAAa;SACxB,YACD,mCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,YAAY,EAAC,SAAS,EAAE,GAAG,YAC5D,QAAQ,GACL,GACqB,CAC9B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"radio-group.js","names":["React","getPrefixCls","ConfigContext","RadioGroupContext"],"sources":["../../components/radio/radio-group.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } 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 { RadioGroupProps } from './types';\n\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  (props: RadioGroupProps, ref): JSX.Element => {\n    const {\n      defaultValue = '',\n      disabled = false,\n      name,\n      onChange,\n      className,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('radio-group', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [value, setValue] = useState<number | string>(\n      'value' in props ? (props.value as number | string) : defaultValue\n    );\n\n    const radioOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      if (!disabled) {\n        const val = e.currentTarget.value;\n        !('value' in props) && setValue(val);\n        onChange && onChange(val);\n      }\n    };\n\n    useEffect(() => {\n      'value' in props && setValue(props.value as number | string);\n    }, [props]);\n\n    return (\n      <RadioGroupContext.Provider\n        value={{\n          name,\n          disabled,\n          value,\n          onChange: radioOnChange,\n        }}>\n        <div {...otherProps} ref={ref} role=\"radiogroup\" className={cls}>\n          {children}\n        </div>\n      </RadioGroupContext.Provider>\n    );\n  }\n);\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,aAAaA,MAAAA,QAAM,YACtB,OAAwB,QAAqB;CAC5C,MAAM,EACJ,eAAe,IACf,WAAW,OACX,MACA,UACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAGJ,MAAM,OAAA,GAAA,WAAA,SADYC,gBAAAA,aAAa,gBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACa,WAAW,cAAc,EACnD,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAA4B,aACvD;CAED,MAAM,iBAAiB,MAAiD;AACtE,MAAI,CAAC,UAAU;GACb,MAAM,MAAM,EAAE,cAAc;AAC5B,KAAE,WAAW,UAAU,SAAS,IAAI;AACpC,eAAY,SAAS,IAAI;;;AAI7B,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAyB;IAC3D,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAACC,4BAAAA,kBAAkB,UAAnB;EACE,OAAO;GACL;GACA;GACA;GACA,UAAU;GACX;YACD,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI;GAAiB;GAAK,MAAK;GAAa,WAAW;GACzD;GACG,CAAA;EACqB,CAAA;EAGlC;AAED,WAAW,cAAc"}

package/lib/radio/radio.d.ts

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

package/lib/radio/radio.js

@@ -1,41 +1,64 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const radio_group_context_1 = require("./radio-group-context");
-const Radio = react_1.default.forwardRef((props, ref) => {
-    const { defaultChecked = false, radioRef, name, value, onChange, className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const radioGroupContext = (0, react_1.useContext)(radio_group_context_1.RadioGroupContext);
-    const initialChecked = 'checked' in props ? props.checked : defaultChecked;
-    const [checked, setChecked] = (0, react_1.useState)('value' in radioGroupContext ? radioGroupContext.value === value : initialChecked);
-    const prefixCls = (0, general_1.getPrefixCls)('radio', configContext.prefixCls, customisedCls);
-    const disabled = 'disabled' in props
-        ? props.disabled
-        : 'disabled' in radioGroupContext
-            ? radioGroupContext.disabled
-            : false;
-    const cls = (0, classnames_1.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_1.useEffect)(() => {
-        'value' in radioGroupContext && setChecked(value === radioGroupContext.value);
-        'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);
-    }, [props, radioGroupContext, value]);
-    return ((0, jsx_runtime_1.jsxs)("label", { ...otherProps, ref: ref, className: cls, children: [(0, jsx_runtime_1.jsx)("input", { ref: radioRef, role: "radio", "aria-checked": checked, name: radioGroupContext.name || name, disabled: disabled, value: value, className: `${prefixCls}__native`, type: "radio", checked: checked, onChange: radioOnChange }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__inner` }), (0, jsx_runtime_1.jsx)("span", { children: children })] }));
+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 components/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';
+Radio.displayName = "Radio";
+//#endregion
 exports.default = Radio;
+
 //# sourceMappingURL=radio.js.map

package/lib/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../components/radio/radio.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio.js","names":["React","ConfigContext","RadioGroupContext","getPrefixCls"],"sources":["../../components/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;
+  }
+}