@sheinx/base 3.0.0-alpha.1

package/cjs/progress/line.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.array.concat.js");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _analyzeColor = _interopRequireDefault(require("./analyzeColor"));
+var _linePopup = _interopRequireDefault(require("./line-popup"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Line = function Line(props) {
+  var _props$jssStyle;
+  var _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'line' : _props$shape,
+    _props$value = props.value,
+    value = _props$value === void 0 ? 0 : _props$value,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    iconSize = props.iconSize,
+    popup = props.popup;
+  var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
+  var isInner = shape === 'line-inner';
+  var isInnerRight = isInner && value < 10;
+  var isDefault = shape === 'line' || shape === 'line-pop';
+  var isDefaultPop = shape === 'line-pop' || popup;
+  var iconStyle = {
+    width: iconSize,
+    height: iconSize
+  };
+  var mc = (0, _classnames.default)(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.line, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), isDefault && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineDefault), isDefaultPop && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.linePop), isInner && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInner), isInnerRight && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInnerRight));
+  var bgStyle = {
+    height: props.strokeWidth,
+    background: props.background,
+    borderRadius: props.strokeWidth && props.strokeWidth / 2
+  };
+  var frontStyle = {
+    width: "".concat(value / 100 * 100, "%"),
+    borderRadius: props.strokeWidth && props.strokeWidth / 2
+  };
+  if (typeof props.color === 'string') {
+    frontStyle.background = props.color;
+    frontStyle.backgroundSize = '1em 1em';
+  } else if ((0, _typeof2.default)(props.color) === 'object') {
+    frontStyle.background = "linear-gradient(to right, ".concat((0, _analyzeColor.default)(props.color).reduce(function (p, v) {
+      var col = "".concat(v.color, " ").concat(v.pos);
+      return p ? "".concat(p, ",").concat(col) : col;
+    }, ''), ")");
+  }
+  var children = props.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content),
+    children: props.children
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: mc,
+    style: props.style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineBg,
+      style: bgStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineFront,
+        style: frontStyle,
+        children: isInner && children
+      })
+    }), isDefaultPop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_linePopup.default, {
+      value: value,
+      jssStyle: props.jssStyle,
+      children: props.children
+    }) : null, shape === 'line' && children, !!props.icon && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.icon,
+      style: iconStyle,
+      children: [type === 'info' && _icons.default.PcInfoCircleFill, type === 'warning' && _icons.default.PcInfoCircleFill, type === 'success' && _icons.default.PcCheckCircleFill, type === 'danger' && _icons.default.PcCloseCircleFill]
+    })]
+  });
+};
+var _default = Line;
+exports.default = _default;

package/cjs/progress/progress.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ProgressProps } from './progress.type';
+declare const Progress: (props: ProgressProps) => JSX.Element;
+export default Progress;
+//# sourceMappingURL=progress.d.ts.map

package/cjs/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAQrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/progress/progress.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _line = _interopRequireDefault(require("./line"));
+var _circle = _interopRequireDefault(require("./circle"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Progress = function Progress(props) {
+  var _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'line' : _props$shape;
+  if (shape.indexOf('circle') > -1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_circle.default, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_line.default, _objectSpread({}, props));
+};
+var _default = Progress;
+exports.default = _default;

package/cjs/progress/progress.type.d.ts

@@ -0,0 +1,111 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+export interface ProgressClasses {
+    wrapper: string;
+    wrapperSuccess: string;
+    wrapperInfo: string;
+    wrapperWarning: string;
+    wrapperDanger: string;
+    line: string;
+    linePop: string;
+    lineInner: string;
+    content: string;
+    lineBg: string;
+    lineFront: string;
+    lineDefault: string;
+    lineInnerRight: string;
+    linePopWrapper: string;
+    linePopValue: string;
+    linePopArrow: string;
+    icon: string;
+    circle: string;
+    circleBg: string;
+    circleFront: string;
+}
+export interface ColorStep {
+    form?: string;
+    to?: string;
+    [key: string]: string | undefined;
+}
+/**
+ *  @title Progress
+ */
+export interface ProgressProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: {
+        progress: () => ProgressClasses;
+    };
+    /**
+     * @en popup to show children
+     * @cn 是否通过弹出框展示children
+     * @deprecated 使用 shape = 'line-pop' 来实现
+     */
+    popup?: boolean;
+    /**
+     * @en Background color
+     * @cn 背景色
+     * @default '#e9ecef'
+     */
+    background?: string;
+    /**
+     * @en Content
+     * @cn 附加内容
+     */
+    children?: string | React.ReactNode;
+    /**
+     * @en The foreground color can be set to the object to become a gradient
+     * @cn 前景色, 可以设置为对象变成渐变.
+     * @default primary
+     */
+    color?: string | ColorStep;
+    /**
+     * @en Options
+     * @cn 样式
+     * @default 'line'
+     */
+    shape?: 'line' | 'circle' | 'line-pop' | 'line-inner';
+    /**
+     * @en The width and height of 'circle' shape
+     * @cn 进度条大小，仅对 circle 有效
+     * @default 100
+     */
+    size?: number;
+    /**
+     * @en The width of the stroke
+     * @cn 线框宽度
+     * @default 8
+     */
+    strokeWidth?: number;
+    /**
+     * @en Container element style
+     * @cn 最外层扩展样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * @en Built-in color
+     * @cn 内置配色
+     */
+    type?: 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * @en Percentage, 0 <= value <= 100
+     * @cn 百分比值，0 <= value <= 100
+     * @default 0
+     */
+    value?: number;
+    /**
+     * @en The shape to be used at the end of open subpaths when they are stroked
+     * @cn 进度条两端的描边形状
+     */
+    strokeLinecap?: React.SVGAttributes<any>['strokeLinecap'];
+    /**
+     * @cn 是否显示图标
+     * @en Whether to show the icon
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * @cn 图标大小
+     * @en Icon size
+     */
+    iconSize?: number;
+}
+//# sourceMappingURL=progress.type.d.ts.map

package/cjs/progress/progress.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.type.d.ts","sourceRoot":"","sources":["progress.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5E,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,eAAe,CAAC;KACjC,CAAC;IAEF;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/cjs/progress/progress.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/radio/__example__/001-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=001-base.d.ts.map

package/cjs/radio/__example__/001-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"001-base.d.ts","sourceRoot":"","sources":["001-base.tsx"],"names":[],"mappings":";;AAIA,wBAME"}

package/cjs/radio/__example__/001-base.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio, {
+      jssStyle: {
+        radio: _shineoutStyle.useRadioStyle
+      },
+      children: "yellow"
+    })
+  });
+};
+exports.default = _default;

package/cjs/radio/__example__/002-disabled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=002-disabled.d.ts.map

package/cjs/radio/__example__/002-disabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"002-disabled.d.ts","sourceRoot":"","sources":["002-disabled.tsx"],"names":[],"mappings":";;AAIA,wBAQE"}

package/cjs/radio/__example__/002-disabled.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio, {
+      jssStyle: {
+        radio: _shineoutStyle.useRadioStyle
+      },
+      disabled: true,
+      children: "red"
+    })
+  });
+};
+exports.default = _default;

package/cjs/radio/group-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ObjectType } from '@sheinx/hooks';
+declare const groupContext: import("react").Context<ObjectType<any>>;
+export default groupContext;
+//# sourceMappingURL=group-context.d.ts.map

package/cjs/radio/group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,0CAAgC,CAAC;AAEnD,eAAe,YAAY,CAAC"}

package/cjs/radio/group-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var groupContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = groupContext;
+exports.default = _default;

package/cjs/radio/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Radio } from './radio';
+export type { RadioProps } from './radio.type';
+export { default as RadioGroup } from './radio-group';
+export type { RadioGroupProps } from './radio-group.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/cjs/radio/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _radioGroup.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _radio.default;
+  }
+});
+var _radio = _interopRequireDefault(require("./radio"));
+var _radioGroup = _interopRequireDefault(require("./radio-group"));

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RadioGroupProps } from './radio-group.type';
+declare const Group: {
+    <DataItem, Value>(props: RadioGroupProps<DataItem, Value>): JSX.Element;
+    defaultProps: {
+        format: (d: any) => any;
+        renderItem: (d: any) => any;
+    };
+};
+export default Group;
+//# sourceMappingURL=radio-group.d.ts.map

package/cjs/radio/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AASrD,QAAA,MAAM,KAAK;;;oBA+HG,GAAG;wBACC,GAAG;;CAHpB,CAAC;AAMF,eAAe,KAAK,CAAC"}

package/cjs/radio/radio-group.js

@@ -0,0 +1,147 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hooks = require("@sheinx/hooks");
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _button = _interopRequireDefault(require("../button/button"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Group = function Group(props) {
+  var _jssStyle$radio;
+  var children = props.children,
+    className = props.className,
+    button = props.button,
+    block = props.block,
+    keygen = props.keygen,
+    jssStyle = props.jssStyle,
+    style = props.style;
+  var radioClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle);
+  var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
+    size = _useWithFormConfig.size,
+    disabled = _useWithFormConfig.disabled;
+  var inputAbleProps = (0, _hooks.useInputAble)({
+    value: props.value,
+    defaultValue: props.defaultValue,
+    onChange: props.onChange,
+    control: 'value' in props,
+    beforeChange: props.beforeChange
+  });
+  var useListParams = {
+    value: inputAbleProps.value,
+    onChange: inputAbleProps.onChange,
+    prediction: props.prediction,
+    disabled: disabled,
+    format: props.format,
+    keygen: props.keygen,
+    data: props.data || []
+  };
+  var datum = (0, _hooks.useListSelectSingle)(useListParams);
+  var handleItemChange = (0, _hooks.usePersistFn)(function (d) {
+    datum.add(d);
+  });
+  var handleIndexChange = (0, _hooks.usePersistFn)(function (index) {
+    datum.add(props.data[index]);
+  });
+  var isChecked = (0, _hooks.usePersistFn)(function (d) {
+    return datum.check(d);
+  });
+  var getContent = function getContent(d, index) {
+    var renderItem = props.renderItem;
+    if (typeof renderItem === 'string') {
+      return d[renderItem];
+    }
+    if (typeof renderItem === 'function') {
+      return renderItem(d, index);
+    }
+    return '';
+  };
+  var renderRadio = _react.default.useCallback(function (info) {
+    var children = info.children,
+      content = info.content,
+      checked = info.checked,
+      disabled = info.disabled,
+      rootProps = info.rootProps,
+      inputProps = info.inputProps;
+    var checkedProps = {
+      mode: button === 'outline' ? 'outline' : undefined,
+      type: 'primary'
+    };
+    var noCheckedProps = {
+      mode: 'outline',
+      type: 'secondary'
+    };
+    if (button) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, _objectSpread(_objectSpread(_objectSpread({
+        jssStyle: jssStyle,
+        size: size,
+        disabled: disabled
+      }, checked ? checkedProps : noCheckedProps), rootProps), {}, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
+          type: "radio"
+        }, inputProps)), children]
+      }));
+    }
+    return content;
+  }, []);
+  var providerValue = {
+    checked: isChecked,
+    onChange: handleItemChange,
+    disabled: disabled,
+    renderRadio: renderRadio
+  };
+  if (size !== undefined) {
+    providerValue.size = size;
+  }
+  var groupClass = (0, _classnames.default)(className, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.group, !!block && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.groupBlock), !!button && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.groupButton));
+  var Radios = props.data === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
+    value: providerValue,
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [props.data.map(function (d, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
+        jssStyle: jssStyle,
+        checked: datum.check(d),
+        disabled: datum.disabledCheck(d),
+        htmlValue: i,
+        onChange: handleIndexChange,
+        renderRadio: renderRadio,
+        children: getContent(d, i)
+      }, _hooks.util.getKey(keygen, d, i));
+    }), children]
+  });
+  if (button) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default.Group, {
+    jssStyle: jssStyle,
+    className: groupClass,
+    style: style,
+    children: Radios
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: groupClass,
+    style: style,
+    children: Radios
+  });
+};
+Group.defaultProps = {
+  format: function format(d) {
+    return d;
+  },
+  renderItem: function renderItem(d) {
+    return d;
+  }
+};
+var _default = Group;
+exports.default = _default;

package/cjs/radio/radio-group.type.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { KeygenType, ObjectKey } from '@sheinx/hooks';
+import { CommonType } from '../common/type';
+import { RadioClasses } from './radio.type';
+import { ButtonClasses } from '../button/button.type';
+export interface RadioGroupProps<DataItem, Value> extends Pick<CommonType, 'className' | 'size' | 'style'> {
+    jssStyle?: {
+        radio?: () => RadioClasses;
+        button?: () => ButtonClasses;
+    };
+    /**
+     * @en You can pass in a set of Radio
+     * @cn 可以传入一组Radio
+     */
+    children?: ReactNode;
+    /**
+     * @en When it is a string, return d\\[string]. When it is a function, return the result of the function.
+     * @cn 为 string 时，返回 d\\[string]。 为 function 时，返回函数结果
+     * @default  d => d
+     */
+    renderItem?: ObjectKey<DataItem> | ((data: DataItem, index?: number) => ReactNode);
+    prediction?: (value: Value, data: DataItem) => boolean;
+    format?: ObjectKey<DataItem> | ((data: DataItem) => Value);
+    keygen: KeygenType<DataItem>;
+    /**
+     * @en The default is horizontal layout and setting the block property can changed it to be vertical layout.
+     * @cn 默认为水平布局，设置 block 属性可以改为垂直布局
+     */
+    block?: boolean;
+    /**
+     * @en set button to show button style
+     * @cn 设置 button 属性可以展示为按钮样式
+     */
+    button?: boolean | 'outline';
+    /**
+     * @en the data items
+     * @cn 数据项
+     * @override any[]
+     */
+    data?: DataItem[];
+    /**
+     * @en The callback function for changing value
+     * @cn 值改变回调函数
+     */
+    onChange?: (value: Value, Data: DataItem) => void;
+    /**
+     * @en In the Form, value is taken over by the Form and the value will be invalid.
+     * @cn 在 Form中，value 会被表单接管，value 无效
+     * @override any
+     */
+    value?: Value;
+    defaultValue?: Value;
+    beforeChange?: (value: Value) => Value | undefined;
+    disabled?: boolean | ((data: DataItem) => boolean);
+}
+//# sourceMappingURL=radio-group.type.d.ts.map

package/cjs/radio/radio-group.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.type.d.ts","sourceRoot":"","sources":["radio-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;KAC9B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,GAAG,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;CACpD"}

package/cjs/radio/radio-group.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/radio/radio.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { RadioProps } from './radio.type';
+declare const RadioWithContext: <T>(props: RadioProps<T>) => JSX.Element;
+export default RadioWithContext;
+//# sourceMappingURL=radio.d.ts.map

package/cjs/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAuB1C,QAAA,MAAM,gBAAgB,0CAIrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}