@dckj-npm/dc-material 0.1.26 → 0.1.28

package/es/components/radio-group/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 单选按钮组
+ */
+import RadioGroup from './radio-group';
+import RadioGroupItem from './radio-group-item';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupItemProps } from './radio-group-item';
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };

package/es/components/radio-group/index.js

@@ -0,0 +1,7 @@
+/**
+ * 单选按钮组
+ */
+
+import RadioGroup from "./radio-group";
+import RadioGroupItem from "./radio-group-item";
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem };

package/es/components/radio-group/index.scss

@@ -0,0 +1,40 @@
+@import '../../variables.scss';
+
+.radio-group__panel {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  .radio-group-item__button {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+    border-radius: 25rem;
+  }
+
+  .radio-group-item__text {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+
+    .radio-group-item__text__line {
+      width: 100%;
+      height: 1px;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      position: absolute;
+    }
+
+  }
+
+
+}
+
+

package/es/components/radio-group/radio-group-item.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;

package/es/components/radio-group/radio-group-item.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "value", "checked", "type", "name", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "onChange"];
+import React from 'react';
+import "./index.scss";
+var styleFunction = function styleFunction(type, bgColors, textColors, checked) {
+  var bgColor = checked ? bgColors[1] : bgColors[0];
+  var textColor = checked ? textColors[1] : textColors[0];
+  if (type === 'button') {
+    return {
+      'backgroundColor': bgColor,
+      'color': textColor
+    };
+  }
+  if (type === 'text') {
+    return {
+      'color': textColor,
+      'position': checked ? 'relative' : 'static'
+    };
+  }
+  return {};
+};
+var RadioGroupItem = function RadioGroupItem(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '标签' : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'value' : _ref$value,
+    checked = _ref.checked,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    name = _ref.name,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    onChange = _ref.onChange,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var handleChange = function handleChange(event) {
+    onChange(event.target.value);
+  };
+  // 获取特殊的样式
+  var customStyle = styleFunction(type, [unSelectColor, selectColor], [unSelectTextColor, selectTextColor], checked);
+  if (_otherProps.style) {
+    _otherProps.style = _extends({}, _otherProps.style, customStyle);
+  } else {
+    _otherProps.style = _extends({}, customStyle);
+  }
+  var className = type === 'button' ? 'radio-group-item__button' : 'radio-group-item__text';
+  return /*#__PURE__*/React.createElement("label", _extends({
+    key: value,
+    className: className
+  }, _otherProps), type === 'text' && checked && /*#__PURE__*/React.createElement("span", {
+    className: "radio-group-item__text__line",
+    style: {
+      'background-color': selectColor
+    }
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    style: {
+      'display': 'none'
+    },
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: handleChange
+  }), label);
+};
+RadioGroupItem.displayName = 'RadioGroupItem';
+export default RadioGroupItem;

package/es/components/radio-group/radio-group.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import './index.scss';
+export interface RadioType {
+    label: string;
+    value: string;
+}
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupProps {
+    /**
+     * 选项
+     */
+    options: Array<RadioType>;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 是否换行
+     */
+    isWrap?: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name?: string;
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/es/components/radio-group/radio-group.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["options", "name", "type", "defaultValue", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "isWrap", "onChange", "children"];
+import React, { useEffect, useState } from 'react';
+import { convertChildren } from "../../utils/children-node-handle";
+import "./index.scss";
+function uuid() {
+  return Math.random().toString(36).substring(2);
+}
+var RadioGroup = function RadioGroup(_ref) {
+  var options = _ref.options,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? uuid() : _ref$name,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    _ref$isWrap = _ref.isWrap,
+    isWrap = _ref$isWrap === void 0 ? false : _ref$isWrap,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    children = _ref.children,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var _useState = useState(defaultValue || ''),
+    selectedValue = _useState[0],
+    setSelectedValue = _useState[1];
+  useEffect(function () {
+    if (defaultValue) {
+      setSelectedValue(defaultValue);
+    }
+  }, [defaultValue]);
+  var handleChange = function handleChange(value) {
+    setSelectedValue(value);
+    onChange(value);
+  };
+  var wrapClass = isWrap ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;overflow-x: auto;';
+  _otherProps.style = wrapClass + ' ' + _otherProps.style ? _otherProps.style : '';
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "radio-group__panel"
+  }, _otherProps), options.map(function (option) {
+    return convertChildren(children, 'custom-radio-group-item', {
+      label: option.label,
+      value: option.value,
+      key: option.value,
+      checked: selectedValue === option.value,
+      name: name,
+      type: type,
+      selectColor: selectColor,
+      selectTextColor: selectTextColor,
+      unSelectColor: unSelectColor,
+      unSelectTextColor: unSelectTextColor,
+      onChange: handleChange
+    });
+  }));
+};
+RadioGroup.displayName = 'RadioGroup';
+export default RadioGroup;

package/es/index.d.ts

@@ -32,5 +32,7 @@ export type { IntegralTaskProps } from './components/integral-task';
 export { default as IntegralTask } from './components/integral-task';
 export type { ButtonProps } from './components/button';
 export { default as Button2 } from './components/button';
+export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
+export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -62,5 +62,9 @@ export { default as IntegralTask } from "./components/integral-task";
 // 按钮
 
 export { default as Button2 } from "./components/button";
+
+// 单选组
+
+export { CustomRadioGroup, CustomRadioGroupItem } from "./components/radio-group";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

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

@@ -0,0 +1,8 @@
+/**
+ * 单选按钮组
+ */
+import RadioGroup from './radio-group';
+import RadioGroupItem from './radio-group-item';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupItemProps } from './radio-group-item';
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };

package/lib/components/radio-group/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _radioGroup = _interopRequireDefault(require("./radio-group"));
+exports.CustomRadioGroup = _radioGroup["default"];
+var _radioGroupItem = _interopRequireDefault(require("./radio-group-item"));
+exports.CustomRadioGroupItem = _radioGroupItem["default"];

package/lib/components/radio-group/index.scss

@@ -0,0 +1,40 @@
+@import '../../variables.scss';
+
+.radio-group__panel {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  .radio-group-item__button {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+    border-radius: 25rem;
+  }
+
+  .radio-group-item__text {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+
+    .radio-group-item__text__line {
+      width: 100%;
+      height: 1px;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      position: absolute;
+    }
+
+  }
+
+
+}
+
+

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;

package/lib/components/radio-group/radio-group-item.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["label", "value", "checked", "type", "name", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "onChange"];
+var styleFunction = function styleFunction(type, bgColors, textColors, checked) {
+  var bgColor = checked ? bgColors[1] : bgColors[0];
+  var textColor = checked ? textColors[1] : textColors[0];
+  if (type === 'button') {
+    return {
+      'backgroundColor': bgColor,
+      'color': textColor
+    };
+  }
+  if (type === 'text') {
+    return {
+      'color': textColor,
+      'position': checked ? 'relative' : 'static'
+    };
+  }
+  return {};
+};
+var RadioGroupItem = function RadioGroupItem(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '标签' : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'value' : _ref$value,
+    checked = _ref.checked,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    name = _ref.name,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    onChange = _ref.onChange,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var handleChange = function handleChange(event) {
+    onChange(event.target.value);
+  };
+  // 获取特殊的样式
+  var customStyle = styleFunction(type, [unSelectColor, selectColor], [unSelectTextColor, selectTextColor], checked);
+  if (_otherProps.style) {
+    _otherProps.style = (0, _extends2["default"])({}, _otherProps.style, customStyle);
+  } else {
+    _otherProps.style = (0, _extends2["default"])({}, customStyle);
+  }
+  var className = type === 'button' ? 'radio-group-item__button' : 'radio-group-item__text';
+  return /*#__PURE__*/_react["default"].createElement("label", (0, _extends2["default"])({
+    key: value,
+    className: className
+  }, _otherProps), type === 'text' && checked && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "radio-group-item__text__line",
+    style: {
+      'background-color': selectColor
+    }
+  }), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "radio",
+    style: {
+      'display': 'none'
+    },
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: handleChange
+  }), label);
+};
+RadioGroupItem.displayName = 'RadioGroupItem';
+var _default = exports["default"] = RadioGroupItem;

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import './index.scss';
+export interface RadioType {
+    label: string;
+    value: string;
+}
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupProps {
+    /**
+     * 选项
+     */
+    options: Array<RadioType>;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 是否换行
+     */
+    isWrap?: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name?: string;
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+require("./index.scss");
+var _excluded = ["options", "name", "type", "defaultValue", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "isWrap", "onChange", "children"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function uuid() {
+  return Math.random().toString(36).substring(2);
+}
+var RadioGroup = function RadioGroup(_ref) {
+  var options = _ref.options,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? uuid() : _ref$name,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    _ref$isWrap = _ref.isWrap,
+    isWrap = _ref$isWrap === void 0 ? false : _ref$isWrap,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var _useState = (0, _react.useState)(defaultValue || ''),
+    selectedValue = _useState[0],
+    setSelectedValue = _useState[1];
+  (0, _react.useEffect)(function () {
+    if (defaultValue) {
+      setSelectedValue(defaultValue);
+    }
+  }, [defaultValue]);
+  var handleChange = function handleChange(value) {
+    setSelectedValue(value);
+    onChange(value);
+  };
+  var wrapClass = isWrap ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;overflow-x: auto;';
+  _otherProps.style = wrapClass + ' ' + _otherProps.style ? _otherProps.style : '';
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "radio-group__panel"
+  }, _otherProps), options.map(function (option) {
+    return (0, _childrenNodeHandle.convertChildren)(children, 'custom-radio-group-item', {
+      label: option.label,
+      value: option.value,
+      key: option.value,
+      checked: selectedValue === option.value,
+      name: name,
+      type: type,
+      selectColor: selectColor,
+      selectTextColor: selectTextColor,
+      unSelectColor: unSelectColor,
+      unSelectTextColor: unSelectTextColor,
+      onChange: handleChange
+    });
+  }));
+};
+RadioGroup.displayName = 'RadioGroup';
+var _default = exports["default"] = RadioGroup;

package/lib/index.d.ts

@@ -32,5 +32,7 @@ export type { IntegralTaskProps } from './components/integral-task';
 export { default as IntegralTask } from './components/integral-task';
 export type { ButtonProps } from './components/button';
 export { default as Button2 } from './components/button';
+export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
+export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Swiper = exports.SearchBar = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.IntegralTask = exports.GridNav = exports.Button2 = void 0;
+exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Swiper = exports.SearchBar = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.IntegralTask = exports.GridNav = exports.CustomRadioGroupItem = exports.CustomRadioGroup = exports.Button2 = void 0;
 var _swiper = _interopRequireDefault(require("./components/swiper"));
 exports.Swiper = _swiper["default"];
 var _bottomNavigation = _interopRequireDefault(require("./components/bottom-navigation"));
@@ -36,6 +36,9 @@ var _integralTask = _interopRequireDefault(require("./components/integral-task")
 exports.IntegralTask = _integralTask["default"];
 var _button = _interopRequireDefault(require("./components/button"));
 exports.Button2 = _button["default"];
+var _radioGroup = require("./components/radio-group");
+exports.CustomRadioGroup = _radioGroup.CustomRadioGroup;
+exports.CustomRadioGroupItem = _radioGroup.CustomRadioGroupItem;
 // 轮播图
 
 // 底部导航
@@ -70,4 +73,6 @@ exports.Button2 = _button["default"];
 
 // 按钮
 
+// 单选组
+
 var bizCssPrefix = exports.bizCssPrefix = 'bizpack';