@qsxy/element-plus-react 1.0.3 → 2.0.0

package/dist/PageHeader/typings.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconName } from '../Icon';
+import { BaseProps, NativeProps } from '../types/common';
+/**
+ * @description PageHeader 页面头部组件属性
+ */
+export interface PageHeaderProps extends BaseProps, NativeProps {
+    /**
+     * @description 页面头部的图标组件
+     * @default Left 图标
+     */
+    icon?: IconName;
+    /**
+     * @description 页面头部的主标题
+     */
+    title?: string | React.ReactNode;
+    /**
+     * @description 页面头部的内容
+     * @default ''
+     */
+    content?: string | React.ReactNode;
+    /**
+     * @description 点击返回图标时触发的回调函数
+     */
+    onBack?: () => void;
+    /**
+     * @description 面包屑插槽内容
+     */
+    breadcrumb?: React.ReactNode;
+    /**
+     * @description 额外内容插槽（右侧）
+     */
+    extra?: React.ReactNode;
+}

package/dist/PageHeader/typings.js

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

package/dist/Pagination/typings.d.ts

@@ -11,7 +11,7 @@ export interface PaginationRef {
     /** 设置每页条数 */
     setPageSize: (value: number) => void;
 }
-export interface PaginationProps extends BaseProps, NativeProps {
+export interface PaginationProps extends BaseProps, NativeProps<'--el-pagination-font-size' | '--el-pagination-bg-color' | '--el-pagination-text-color' | '--el-pagination-border-radius' | '--el-pagination-button-color' | '--el-pagination-button-width' | '--el-pagination-button-height' | '--el-pagination-button-disabled-color' | '--el-pagination-button-disabled-bg-color' | '--el-pagination-button-bg-color' | '--el-pagination-hover-color' | '--el-pagination-font-size-small' | '--el-pagination-button-width-small' | '--el-pagination-button-height-small' | '--el-pagination-button-width-large' | '--el-pagination-button-height-large' | '--el-pagination-item-gap'> {
     /** 当前页数 */
     currentPage?: number;
     /** 当前页数的默认初始值，不设置时默认为 1 */

package/dist/Popover/Popover.js

@@ -1,6 +1,6 @@
 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); }
 var _templateObject, _templateObject2;
-var _excluded = ["title", "classPrefix", "plain", "width", "showTimeout", "hideTimeout", "offset", "trigger", "content", "onEnter", "onMouseEnter", "onMouseLeave", "placement"];
+var _excluded = ["title", "classPrefix", "plain", "width", "showAfter", "hideAfter", "offset", "trigger", "content", "onEnter", "onMouseEnter", "onMouseLeave", "placement"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25,8 +25,8 @@ var Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
     placement: 'bottom',
     showArrow: true,
-    showTimeout: 0,
-    hideTimeout: 100,
+    showAfter: 0,
+    hideAfter: 100,
     width: 200,
     trigger: 'click'
   }, props);
@@ -36,8 +36,8 @@ var Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'popover' : _props$classPrefix,
     plain = _props.plain,
     width = _props.width,
-    showTimeout = _props.showTimeout,
-    hideTimeout = _props.hideTimeout,
+    showAfter = _props.showAfter,
+    hideAfter = _props.hideAfter,
     offset = _props.offset,
     trigger = _props.trigger,
     content = _props.content,
@@ -82,8 +82,8 @@ var Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     effect: "light",
     placement: placement,
     offset: offset,
-    showAfter: showTimeout,
-    hideAfter: hideTimeout,
+    showAfter: showAfter,
+    hideAfter: hideAfter,
     trigger: trigger,
     onEnter: onEnter,
     onMouseEnter: handleMouseEnter,

package/dist/Popover/typings.d.ts

@@ -10,15 +10,15 @@ export interface PopoverProps extends BaseProps<React.ReactElement>, NativeProps
     /** 显示的内容 */
     content?: string | React.ReactElement;
     /** 默认提供的主题 */
-    theme?: 'light' | 'dark' | string;
+    effect?: 'light' | 'dark' | string;
     /** 宽度 */
     width?: number | string;
     /** Popover 是否可用 */
     disabled?: boolean;
     /** 展开下拉菜单的延时，仅在 trigger 为 hover 时有效 */
-    showTimeout?: number;
+    showAfter?: number;
     /** 收起下拉菜单的延时（仅在 trigger 为 hover 时有效） */
-    hideTimeout?: number;
+    hideAfter?: number;
     /** 状态是否可见 */
     visible?: boolean;
     /** 初始值 */

package/dist/Popper/Popper.js

@@ -1,6 +1,6 @@
 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); }
-var _templateObject;
-var _excluded = ["visible", "onDestroy", "referenceElement", "children", "appendToBody", "appendTo", "className", "popperClass", "showArrow", "popperStyle", "popperInstRef", "onMouseEnter", "onMouseLeave", "effect"];
+var _templateObject, _templateObject2;
+var _excluded = ["visible", "onDestroy", "referenceElement", "children", "appendToBody", "appendTo", "className", "popperClass", "showArrow", "popperStyle", "popperInstRef", "onMouseEnter", "onMouseLeave", "effect", "disableTransition"];
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -37,7 +37,8 @@ var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     popperClass: '',
     showArrow: true,
     gpuAcceleration: false,
-    strategy: 'absolute'
+    strategy: 'absolute',
+    disableTransition: false
   }, props);
   var _props = props,
     visible = _props.visible,
@@ -56,6 +57,7 @@ var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     onMouseLeave = _props.onMouseLeave,
     _props$effect = _props.effect,
     effect = _props$effect === void 0 ? 'light' : _props$effect,
+    disableTransition = _props.disableTransition,
     rest = _objectWithoutProperties(_props, _excluded);
   var _partitionAnimationPr = partitionAnimationProps(rest),
     _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
@@ -141,31 +143,50 @@ var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   });
   var content = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Transition, _extends({
-      nodeRef: {
-        current: popperElement
-      },
-      visible: visible,
-      name: animation,
-      className: className,
-      afterLeave: afterLeave
-    }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-      id: "".concat(namespace, "-popper-").concat(id),
-      className: classNames(b(), is(effect), popperClass),
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), popperStyle), {}, {
-        zIndex: zIndex
-      })
-    }, attributes.popper, {
-      ref: setPopperElement
-    }), props.children, showArrow ? /*#__PURE__*/React.createElement("div", {
-      className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["arrow"]))),
-      "data-popper-arrow": true,
-      ref: setArrowElement,
-      style: _objectSpread({}, styles.arrow)
-    }) : null));
-  }, [afterLeave, animation, attributes.popper, b, className, e, effect, id, is, onMouseEnter, onMouseLeave, popperClass, popperElement, popperStyle, props.children, showArrow, styles.arrow, styles.popper, transitionProps, visible, zIndex]);
+    if (disableTransition) {
+      return visible ? /*#__PURE__*/React.createElement("div", _extends({
+        id: "".concat(namespace, "-popper-").concat(id),
+        className: classNames(b(), is(effect), popperClass),
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), popperStyle), {}, {
+          zIndex: zIndex
+        })
+      }, attributes.popper, {
+        ref: setPopperElement
+      }), props.children, showArrow ? /*#__PURE__*/React.createElement("div", {
+        className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["arrow"]))),
+        "data-popper-arrow": true,
+        ref: setArrowElement,
+        style: _objectSpread({}, styles.arrow)
+      }) : null) : null;
+    } else {
+      return /*#__PURE__*/React.createElement(Transition, _extends({
+        nodeRef: {
+          current: popperElement
+        },
+        visible: visible,
+        name: animation,
+        className: className,
+        afterLeave: afterLeave
+      }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
+        id: "".concat(namespace, "-popper-").concat(id),
+        className: classNames(b(), is(effect), popperClass),
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), popperStyle), {}, {
+          zIndex: zIndex
+        })
+      }, attributes.popper, {
+        ref: setPopperElement
+      }), props.children, showArrow ? /*#__PURE__*/React.createElement("div", {
+        className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["arrow"]))),
+        "data-popper-arrow": true,
+        ref: setArrowElement,
+        style: _objectSpread({}, styles.arrow)
+      }) : null));
+    }
+  }, [afterLeave, animation, attributes.popper, b, className, disableTransition, e, effect, id, is, onMouseEnter, onMouseLeave, popperClass, popperElement, popperStyle, props.children, showArrow, styles.arrow, styles.popper, transitionProps, visible, zIndex]);
   return appendToBody ? /*#__PURE__*/createPortal(content, appendTo) : content;
   // <Transition visible={visible} name={animation} className={className} afterLeave={afterLeave} {...transitionProps}>
   //     {Children.toArray(props.children).map(child => {

package/dist/Popper/popperOptions.js

@@ -133,6 +133,7 @@ export function buildModifier(props) {
         // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px
         // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.
         padding: arrowOffset !== null && arrowOffset !== void 0 ? arrowOffset : 10
+        // padding: ({ popper, reference, placement }) => popper.width / reference.width,
       }
     });
   }

package/dist/Popper/typings.d.ts

@@ -41,6 +41,8 @@ export type PopperProps = {
         current: VirtualElement;
     });
     onDestroy: () => void;
+    /** 是否禁用过渡动画 */
+    disableTransition?: boolean;
 } & Partial<{
     id?: string;
     children: ComponentChildren;

package/dist/Radio/Radio.d.ts

@@ -1,14 +1,4 @@
-import React, { RefObject } from 'react';
-import RadioButton from './RadioButton';
+import React from 'react';
 import { RadioProps, RadioRef } from './typings';
-declare const Comp: (props: RadioProps & {
-    ref?: RefObject<RadioRef>;
-}) => React.ReactElement;
-type InternalType = typeof Comp;
-interface CompInterface extends InternalType {
-    displayName?: string;
-    defaultProps?: RadioProps;
-    Button: typeof RadioButton;
-}
-declare const Radio: CompInterface;
+declare const Radio: React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioProps<import("./typings").ValueType> & React.RefAttributes<RadioRef>>>;
 export default Radio;

package/dist/Radio/Radio.js

@@ -19,8 +19,7 @@ import React, { forwardRef, memo, useCallback, useContext, useImperativeHandle,
 import { partitionHTMLProps, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
 import { RadioContext } from "../RadioGroup/RadioGroup";
 import Tooltip from "../Tooltip/Tooltip";
-import RadioButton from "./RadioButton";
-var InternalRadio = function InternalRadio(props, ref) {
+var Radio = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(RadioContext),
     groupValue = _useContext.value,
     nameContext = _useContext.name,
@@ -160,9 +159,6 @@ var InternalRadio = function InternalRadio(props, ref) {
   return title ? /*#__PURE__*/React.createElement(Tooltip, {
     content: title
   }, main) : main;
-};
-var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalRadio));
-var Radio = Comp;
-Radio.Button = RadioButton;
+}));
 Radio.displayName = 'ElRadio';
 export default Radio;

package/dist/Radio/RadioButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RadioProps, RadioRef } from './typings';
-declare const RadioButton: React.ForwardRefExoticComponent<RadioProps<import("./typings").ValueType> & React.RefAttributes<RadioRef>>;
+declare const RadioButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioProps<import("./typings").ValueType> & React.RefAttributes<RadioRef>>>;
 export default RadioButton;

package/dist/Radio/RadioButton.js

@@ -15,10 +15,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 classNames from 'classnames';
-import React, { forwardRef, useCallback, useContext, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, memo, useCallback, useContext, useImperativeHandle, useRef } from 'react';
 import { RadioContext } from "../RadioGroup/RadioGroup";
 import { partitionHTMLProps, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
-var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
+var RadioButton = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(RadioContext),
     groupValue = _useContext.value,
     nameContext = _useContext.name,
@@ -138,6 +138,6 @@ var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
       handleChange === null || handleChange === void 0 || handleChange(event);
     }
   }, children));
-});
-RadioButton.displayName = 'ElRadio.Button';
+}));
+RadioButton.displayName = 'ElRadioButton';
 export default RadioButton;

package/dist/Radio/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Radio } from './Radio';
+export { default as RadioButton } from './RadioButton';
 export type { RadioProps, ValueType } from './typings';

package/dist/Radio/index.js

@@ -1 +1,2 @@
-export { default as Radio } from "./Radio";
+export { default as Radio } from "./Radio";
+export { default as RadioButton } from "./RadioButton";

package/dist/Radio/typings.d.ts

@@ -7,7 +7,7 @@ export type RadioRef = {
     isChcked: () => boolean;
     setChecked: (value: boolean) => void;
 };
-export interface RadioProps<T = ValueType> extends Omit<React.AllHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'style' | 'children'>, Omit<FormControlBaseProps<T>, 'onChange'>, BaseProps, NativeProps {
+export interface RadioProps<T = ValueType> extends Omit<React.AllHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'style' | 'children'>, Omit<FormControlBaseProps<T>, 'onChange'>, BaseProps, NativeProps<'--el-radio-text-color' | '--el-radio-input-height' | '--el-radio-input-width' | '--el-radio-input-bg-color' | '--el-radio-input-border-color' | '--el-radio-input-border-color-hover'> {
     /** tooltip 提示*/
     title?: string;
     /** 是否只读 */

package/dist/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["className", "children", "classPrefix", "value", "defaultValue", "appearance", "name", "readOnly", "onChange"];
+var _excluded = ["className", "children", "classPrefix", "value", "defaultValue", "appearance", "name", "readOnly", "options", "onChange"];
 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); }
@@ -12,23 +12,30 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 classNames from 'classnames';
-import React, { createContext, forwardRef, useCallback, useMemo } from 'react';
-import { isNotEmpty, randomCode } from "../Util";
+import React, { Children, createContext, forwardRef, useCallback, useMemo } from 'react';
+import { Radio } from "../Radio";
+import { isNotEmpty, mergeDefaultProps, randomCode } from "../Util";
 import { useClassNames, useControlled, useDisabled, useSize } from "../hooks";
 export var RadioContext = /*#__PURE__*/createContext({});
 var RadioGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
+  props = mergeDefaultProps({
+    appearance: 'default',
+    props: {},
+    options: []
+  }, props);
+  var _props = props,
+    className = _props.className,
+    children = _props.children,
+    _props$classPrefix = _props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    name = props.name,
-    readOnly = props.readOnly,
-    onChange = props.onChange,
-    rest = _objectWithoutProperties(props, _excluded);
+    valueProp = _props.value,
+    defaultValue = _props.defaultValue,
+    appearance = _props.appearance,
+    name = _props.name,
+    readOnly = _props.readOnly,
+    options = _props.options,
+    onChange = _props.onChange,
+    rest = _objectWithoutProperties(_props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     wb = _useClassNames.wb,
     m = _useClassNames.m;
@@ -39,6 +46,11 @@ var RadioGroup = /*#__PURE__*/forwardRef(function (props, ref) {
     isControlled = _useControlled2[2];
   var disabled = useDisabled(props.disabled);
   var size = useSize(props.size);
+  var aliasProps = mergeDefaultProps({
+    value: 'value',
+    label: 'label',
+    disabled: 'disabled'
+  }, props.props);
   var handleChange = useCallback(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
@@ -54,13 +66,29 @@ var RadioGroup = /*#__PURE__*/forwardRef(function (props, ref) {
       onChange: handleChange
     };
   }, [disabled, handleChange, isControlled, name, readOnly, size, value]);
+  var optionChilds = useMemo(function () {
+    if (Children.count(children) > 0) {
+      return children;
+    }
+    if (options.length > 0) {
+      var radios = options.map(function (item) {
+        return /*#__PURE__*/React.createElement(Radio, {
+          key: item[aliasProps.value],
+          value: item[aliasProps.value],
+          disabled: item[aliasProps.disabled]
+        }, item[aliasProps.label]);
+      });
+      return radios;
+    }
+    return children;
+  }, [children, options, aliasProps.disabled, aliasProps.label, aliasProps.value]);
   return /*#__PURE__*/React.createElement(RadioContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
     /* {...omit(rest, ['disabled', 'size', 'error', 'warning'])} */ref: ref,
     className: classNames(className, wb(appearance), m(_defineProperty({}, size, size))),
     style: props.style
-  }, children));
+  }, optionChilds));
 });
-RadioGroup.displayName = 'ElRadio.Group';
+RadioGroup.displayName = 'ElRadioGroup';
 export default RadioGroup;

package/dist/RadioGroup/typings.d.ts

@@ -15,4 +15,14 @@ export interface RadioContextProps {
 export interface RadioGroupProps extends FormControlBaseProps, BaseProps, NativeProps {
     appearance?: 'default' | 'picker';
     name?: string;
+    /** 选项的数据源， value 的 key 和 label 和  disabled可以通过 props自定义. */
+    options?: Array<{
+        [key: string]: any;
+    }>;
+    /** options 的配置 */
+    props?: {
+        value?: string;
+        label?: string;
+        disabled?: string;
+    };
 }

package/dist/Segmented/Segmented.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Option, SegmentedComponentProps } from './typings';
+declare const Segmented: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedComponentProps<Option> & React.RefAttributes<any>>>;
+export default Segmented;