@trionesdev/antd-mobile-base-react 0.0.2-beta.0

package/dist/Popup/popup-modal.js

@@ -0,0 +1,74 @@
+import classNames from 'classnames';
+import React, { memo, useMemo } from 'react';
+import SafeArea from "../SafeArea";
+import "./style.scss";
+import { CloseOutline } from "@trionesdev/antd-mobile-icons-react";
+var popupCls = 'triones-antm-popup';
+export var PopupModal = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    styles = _ref.styles,
+    afterClose = _ref.afterClose,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom' : _ref$position,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? false : _ref$closable,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
+    onMaskClick = _ref.onMaskClick,
+    _ref$destroyOnClose = _ref.destroyOnClose,
+    destroyOnClose = _ref$destroyOnClose === void 0 ? false : _ref$destroyOnClose,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+    onClose = _ref.onClose,
+    onDestroy = _ref.onDestroy;
+  var safeAreaPosition = useMemo(function () {
+    if (position === 'bottom') {
+      return 'bottom';
+    } else if (position === 'top') {
+      return 'top';
+    }
+    return undefined;
+  }, [position]);
+  var handleClose = function handleClose() {
+    onClose === null || onClose === void 0 || onClose();
+    afterClose === null || afterClose === void 0 || afterClose();
+    if (destroyOnClose) {
+      onDestroy === null || onDestroy === void 0 || onDestroy();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(popupCls),
+    style: {
+      zIndex: zIndex,
+      display: open ? 'block' : 'none'
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(popupCls, "-mask")),
+    onClick: function onClick() {
+      if (maskClosable) {
+        onMaskClick === null || onMaskClick === void 0 || onMaskClick();
+        handleClose();
+      }
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(popupCls, "-body"), "".concat(popupCls, "-").concat(position)),
+    style: styles === null || styles === void 0 ? void 0 : styles.body,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, closable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CloseOutline, {
+    className: classNames("".concat(popupCls, "-close")),
+    onClick: function onClick() {
+      handleClose();
+    }
+  })), /*#__PURE__*/React.createElement(SafeArea, {
+    position: safeAreaPosition
+  }, children)));
+});

package/dist/Popup/popup.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+import { PopupModalProps } from './popup-modal';
+export type PopupProps = Omit<PopupModalProps, 'onDestroy'>;
+export declare const Popup: FC<PropsWithChildren<PopupProps>>;

package/dist/Popup/popup.js

@@ -0,0 +1,56 @@
+var _excluded = ["children", "open"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { memo } from 'react';
+import { PopupModal } from "./popup-modal";
+export var Popup = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // const [renderEnable, setRenderEnable] = React.useState(false);
+  // const containerRef = React.useRef<HTMLDivElement>(null);
+  // const mountRef = React.useRef<HTMLDivElement | null>(null);
+  // const rootContainer = getContainer?.() || containerRef.current!;
+  //
+  // const Portal = () => {
+  //   if (!mountRef.current) {
+  //     mountRef.current = document.createElement('div');
+  //     rootContainer.appendChild(mountRef.current);
+  //   }
+  //
+  //   const destroy = () => {
+  //     if (rootContainer && mountRef.current) {
+  //       rootContainer.removeChild(mountRef.current);
+  //     }
+  //     mountRef.current = null;
+  //     setRenderEnable(false);
+  //   };
+  //
+  //   return (
+  //     <>
+  //       {createPortal(
+  //         <PopupModal {...rest} onDestroy={destroy} open={open}>
+  //           {children}
+  //         </PopupModal>,
+  //         mountRef.current!,
+  //       )}
+  //     </>
+  //   );
+  // };
+
+  // useEffect(() => {
+  //   if (open && !renderEnable) {
+  //     setRenderEnable(true);
+  //   }
+  //   // rest.afterOpenChange?.(open);
+  // }, [open]);
+
+  if (!open) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(PopupModal, _extends({}, rest, {
+    open: open
+  }), children);
+});

package/dist/Popup/style.scss

@@ -0,0 +1,53 @@
+@import "../style/variable";
+$popupCls: 'triones-antm-popup';
+
+.#{$popupCls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+  &-mask {
+    height: 100%;
+    width: 100%;
+    background-color: rgba(0, 0, 0, .55);
+  }
+
+  &-close {
+    position: absolute;
+    right: 10Px;
+    top: 10Px;
+  }
+
+  &-body {
+    background-color: white;
+    position: fixed;
+    border-top-left-radius: $trionesBorderRadius;
+    border-top-right-radius: $trionesBorderRadius;
+  }
+
+  &-top {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  &-bottom {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  &-left {
+    left: 0;
+    top: 0;
+    bottom: 0;
+  }
+
+  &-right {
+    right: 0;
+    top: 0;
+    bottom: 0;
+  }
+}

package/dist/Radio/GroupContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type RadioGroupContextType = {
+    value?: any;
+    defaultValue?: any;
+    disabled?: boolean;
+    labelPosition?: 'left' | 'right';
+    handleCheck?: (v: any) => void;
+};
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextType>;
+export {};

package/dist/Radio/GroupContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var RadioGroupContext = /*#__PURE__*/createContext({});

package/dist/Radio/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { RadioProps } from "./types";
+export declare const RadioButton: FC<RadioProps>;

package/dist/Radio/RadioButton.js

@@ -0,0 +1,60 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useContext, useEffect, useState } from "react";
+import { classPrefix } from "./types";
+import React from "react";
+import classNames from "classnames";
+import { RadioGroupContext } from "./GroupContext";
+export var RadioButton = function RadioButton(_ref) {
+  var _ref2, _ref3, _ref4;
+  var children = _ref.children,
+    defaultChecked = _ref.defaultChecked,
+    checked = _ref.checked,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var groupContext = useContext(RadioGroupContext);
+  var _useState = useState((_ref2 = (_ref3 = (_ref4 = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checked) !== null && _ref4 !== void 0 ? _ref4 : groupContext === null || groupContext === void 0 ? void 0 : groupContext.defaultValue) !== null && _ref3 !== void 0 ? _ref3 : groupContext.value) !== null && _ref2 !== void 0 ? _ref2 : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    leftBorderShow = _useState4[0],
+    setLeftBorderShow = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rightBorderShow = _useState6[0],
+    setRightBorderShow = _useState6[1];
+  var handleClick = function handleClick() {
+    var _groupContext$handleC;
+    setInternalChecked(!internalChecked);
+    onChange === null || onChange === void 0 || onChange(!internalChecked);
+    groupContext === null || groupContext === void 0 || (_groupContext$handleC = groupContext.handleCheck) === null || _groupContext$handleC === void 0 || _groupContext$handleC.call(groupContext, value);
+  };
+  useEffect(function () {
+    if (checked !== undefined) {
+      if (checked !== internalChecked) {
+        setInternalChecked(checked);
+      }
+    }
+  }, [checked]);
+  useEffect(function () {
+    if ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.value) !== undefined) {
+      setInternalChecked(groupContext.value === value);
+    }
+  }, [groupContext === null || groupContext === void 0 ? void 0 : groupContext.value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-button-wrapper"), _defineProperty({}, "".concat(classPrefix, "-button-wrapper-checked"), internalChecked)),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-button")
+  }, children));
+};

package/dist/Radio/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RadioGroupProps } from './types';
+export declare const RadioGroup: FC<RadioGroupProps>;

package/dist/Radio/RadioGroup.js

@@ -0,0 +1,60 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import React, { useEffect, useState } from 'react';
+import { RadioGroupContext } from "./GroupContext";
+import { Radio } from "./radio";
+import { RadioButton } from "./RadioButton";
+import { classPrefix } from "./types";
+export var RadioGroup = function RadioGroup(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    children = _ref.children,
+    shape = _ref.shape,
+    _ref$labelPosition = _ref.labelPosition,
+    labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
+    items = _ref.items;
+  var _useState = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var handleCheck = function handleCheck(val) {
+    setInternalValue(val);
+    onChange === null || onChange === void 0 || onChange(val);
+  };
+  useEffect(function () {
+    if (value !== undefined) {
+      if (value !== internalValue) {
+        setInternalValue(value);
+      }
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+    value: {
+      value: internalValue,
+      labelPosition: labelPosition,
+      handleCheck: handleCheck
+    }
+  }, shape === 'button' ? /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-button-group"))
+  }, children || (items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return /*#__PURE__*/React.createElement(RadioButton, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-group"), "".concat(classPrefix, "-group-").concat(direction))
+  }, children || (items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  }))));
+};

package/dist/Radio/index.d.ts

@@ -0,0 +1,11 @@
+import { Radio as InternalRadio } from './radio';
+import { RadioGroup } from './RadioGroup';
+import './style.scss';
+export type { RadioGroupProps, RadioProps } from './types';
+import { RadioButton } from './RadioButton';
+type CompoundedComponent = typeof InternalRadio & {
+    Group: typeof RadioGroup;
+    Button: typeof RadioButton;
+};
+declare const Radio: CompoundedComponent;
+export default Radio;

package/dist/Radio/index.js

@@ -0,0 +1,14 @@
+import { Radio as InternalRadio } from "./radio";
+import { RadioGroup } from "./RadioGroup";
+import "./style.scss";
+import { RadioButton } from "./RadioButton";
+
+// export default attachPropertiesToComponent(Radio, {
+//   Group: RadioGroup,
+//   Button: RadioButton
+// });
+
+var Radio = InternalRadio;
+Radio.Group = RadioGroup;
+Radio.Button = RadioButton;
+export default Radio;

package/dist/Radio/radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RadioProps } from './types';
+export type RadioValue = string | number;
+export declare const Radio: FC<RadioProps>;

package/dist/Radio/radio.js

@@ -0,0 +1,78 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { CheckOutline } from "../../../antd-mobile-icons-react";
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import { RadioGroupContext } from "./GroupContext";
+var classPrefix = "triones-antm-radio";
+export var Radio = function Radio(_ref) {
+  var _ref2, _ref3, _ref4;
+  var checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    block = _ref.block,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    children = _ref.children,
+    labelPosition = _ref.labelPosition,
+    onClick = _ref.onClick;
+  var groupContext = useContext(RadioGroupContext);
+  var _useState = useState((_ref2 = (_ref3 = (_ref4 = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _ref4 !== void 0 ? _ref4 : groupContext.value) !== null && _ref3 !== void 0 ? _ref3 : groupContext === null || groupContext === void 0 ? void 0 : groupContext.defaultValue) !== null && _ref2 !== void 0 ? _ref2 : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
+  var innerDisabled = useMemo(function () {
+    var _ref5;
+    return (_ref5 = disabled !== null && disabled !== void 0 ? disabled : groupContext.disabled) !== null && _ref5 !== void 0 ? _ref5 : false;
+  }, [disabled, groupContext.disabled]);
+  var handleClick = function handleClick(e) {
+    var _groupContext$handleC;
+    if (internalChecked) {
+      return;
+    }
+    setInternalChecked(!internalChecked);
+    onChange === null || onChange === void 0 || onChange(!internalChecked);
+    groupContext === null || groupContext === void 0 || (_groupContext$handleC = groupContext.handleCheck) === null || _groupContext$handleC === void 0 || _groupContext$handleC.call(groupContext, value);
+    onClick === null || onClick === void 0 || onClick(e);
+  };
+  useEffect(function () {
+    if (checked !== undefined) {
+      if (checked !== internalChecked) {
+        setInternalChecked(checked);
+      }
+    }
+  }, [checked]);
+  useEffect(function () {
+    if ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.value) !== undefined) {
+      setInternalChecked(groupContext.value === value);
+    }
+  }, [groupContext === null || groupContext === void 0 ? void 0 : groupContext.value]);
+  var finalLabelPosition = useMemo(function () {
+    var _ref6;
+    return (_ref6 = labelPosition !== null && labelPosition !== void 0 ? labelPosition : groupContext === null || groupContext === void 0 ? void 0 : groupContext.labelPosition) !== null && _ref6 !== void 0 ? _ref6 : 'right';
+  }, [labelPosition, groupContext === null || groupContext === void 0 ? void 0 : groupContext.labelPosition]);
+  var fakeIcon = /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-fake"))
+  }, (icon === null || icon === void 0 ? void 0 : icon(internalChecked)) || /*#__PURE__*/React.createElement(React.Fragment, null, internalChecked ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-fake-checked")
+  }, /*#__PURE__*/React.createElement(CheckOutline, null)) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-fake-unchecked")
+  }))));
+  return /*#__PURE__*/React.createElement("label", {
+    className: classNames("".concat(classPrefix, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-disabled"), innerDisabled), "".concat(classPrefix, "-block"), block)),
+    onClick: handleClick
+  }, finalLabelPosition === 'right' && fakeIcon, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-label"))
+  }, children), finalLabelPosition === 'left' && fakeIcon);
+};

package/dist/Radio/style.scss

@@ -0,0 +1,138 @@
+@import "../style/variable";
+
+$checkboxDisabledColor: rgba(0, 0, 0, 0.25) !default;
+
+$class-prefix-radio: 'triones-antm-radio';
+
+.#{$class-prefix-radio}-wrapper {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8Px;
+
+  .#{$class-prefix-radio} {
+    &-fake {
+      width: 22PX;
+      height: 22PX;
+
+      .triones-antm-icon {
+        //position: absolute;
+      }
+
+      &-checked {
+        height: 100%;
+        width: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        background-color: $trionesColorPrimary;
+        color: white;
+        border-radius: 50vh;
+        box-sizing: border-box;
+        overflow: hidden;
+
+      }
+
+      &-unchecked {
+        height: 100%;
+        width: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50vh;
+        border: 1PX solid $trionesBorderColor;
+        box-sizing: border-box;
+      }
+
+    }
+
+
+
+    &-label {
+      flex: 1 auto;
+    }
+  }
+
+  &.#{$class-prefix-radio} {
+    &-disabled {
+      color: $checkboxDisabledColor;
+      pointer-events: none;
+
+      .#{$class-prefix-radio}-fake-checked {
+        background-color: $checkboxDisabledColor;
+      }
+    }
+    &-block {
+      width: 100%;
+    }
+  }
+
+}
+
+
+.#{$class-prefix-radio}-group {
+  display: flex;
+  gap: 8Px;
+  &-horizontal{
+    flex-direction: row;
+  }
+  &-vertical{
+    flex-direction: column;
+  }
+}
+
+.#{$class-prefix-radio}-button-group {
+  display: flex;
+}
+
+.#{$class-prefix-radio}-button-wrapper {
+  display: inline-flex;
+  position: relative;
+  border-top: 1PX solid $trionesBorderColor;
+  border-bottom: 1PX solid $trionesBorderColor;
+  border-right: 1PX solid $trionesBorderColor;
+
+  &:first-child {
+    border-left: 1PX solid $trionesBorderColor;
+    border-top-left-radius: $trionesBorderRadius;
+    border-bottom-left-radius: $trionesBorderRadius;
+  }
+
+  &:last-child {
+    border-right: 1PX solid $trionesBorderColor;
+    border-top-right-radius: $trionesBorderRadius;
+    border-bottom-right-radius: $trionesBorderRadius;
+  }
+
+  &-checked {
+    border-top: 1PX solid $trionesColorPrimary;
+    border-bottom: 1PX solid $trionesColorPrimary;
+    color: $trionesColorPrimary;
+
+    &:first-child {
+      border: 1PX solid $trionesColorPrimary;
+    }
+
+    &:not(:first-child) {
+      &::before {
+        content: " ";
+        width: 1PX;
+        background-color: $trionesColorPrimary;
+        position: absolute;
+        inset-block-start: -1Px;
+        inset-inline-start: -1Px;
+        height: 100%;
+        padding-block: 1Px;
+      }
+
+      border-right: 1PX solid $trionesColorPrimary;
+    }
+  }
+
+  .#{$class-prefix-radio}-button {
+    cursor: pointer;
+    display: inline-flex;
+    padding: 8Px 12Px;
+
+  }
+}

package/dist/Radio/types.d.ts

@@ -0,0 +1,58 @@
+import React, { ReactNode } from 'react';
+import { RadioValue } from './radio';
+export declare const classPrefix = "triones-antm-radio";
+export type RadioProps = {
+    className?: string;
+    /**
+     * @description 是否选中
+     */
+    checked?: boolean;
+    /**
+     * @description 默认是否选中
+     */
+    defaultChecked?: boolean;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 选中变化
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * @description 值
+     */
+    value?: RadioValue;
+    /**
+     * @description 块级样式
+     */
+    block?: boolean;
+    /**
+     * @description 图标
+     */
+    icon?: (checked: boolean) => ReactNode;
+    /**
+     * @description 子元素
+     */
+    children?: ReactNode;
+    labelPosition?: 'left' | 'right';
+    /**
+     * @description 点击事件
+     */
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
+};
+export interface RadioGroupProps {
+    children?: ReactNode;
+    className?: string;
+    value?: any;
+    onChange?: (val: any) => void;
+    defaultValue?: any;
+    disabled?: boolean;
+    shape?: 'button' | 'round';
+    labelPosition?: 'left' | 'right';
+    direction?: 'vertical' | 'horizontal';
+    items?: {
+        label: React.ReactNode;
+        value: any;
+    }[];
+}

package/dist/Radio/types.js

@@ -0,0 +1 @@
+export var classPrefix = "triones-antm-radio";

package/dist/Rate/index.d.ts

@@ -0,0 +1,3 @@
+import { Rate, RateProps } from "./rate";
+export type { RateProps };
+export default Rate;

package/dist/Rate/index.js

@@ -0,0 +1,2 @@
+import { Rate } from "./rate";
+export default Rate;