@daoyi/nmtl-ui 2.0.1-beta.13 → 2.0.1-beta.130

package/lib/components/Radio.js

@@ -1 +1,83 @@
-import{b as e}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import a from"react";import o from"prop-types";import{RadioGroup as l,FormControlLabel as r,Radio as n}from"@material-ui/core";import{s as t}from"./style-inject.es-1f59c1d0.js";t("");var i=function(o){var t=o.className,i=o.name,s=o.defaultValue,u=o.value,m=o.size,c=o.style,d=o.direction,f=o.options,p=o.onChange;return a.createElement(l,{className:"radioGroup",style:e({flexDirection:d},c),name:i,defaultValue:s||void 0,value:u||void 0,onChange:function(e){p&&p(e.target.value)}},Array.isArray(f)&&f.map((function(e){return a.createElement(r,{value:e.value,key:e.value,control:a.createElement(n,{disabled:e.disabled||!1,size:m,className:t}),label:e.label})})))};i.defaultProps={className:void 0,name:void 0,defaultValue:void 0,value:void 0,size:"small",style:void 0,direction:"row",options:void 0,onChange:function(){}},i.propTypes={className:o.string,name:o.string,defaultValue:o.oneOfType([o.string,o.number]),value:o.oneOfType([o.string,o.number]),size:o.oneOf(["small","medium"]),style:o.objectOf(o.any),direction:o.oneOf(["row","column"]),options:o.arrayOf(o.any),onChange:o.func};export{i as default};
+import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-a52356f6.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { RadioGroup, FormControlLabel, Radio as Radio$1 } from '@material-ui/core';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var css_248z = "";
+styleInject(css_248z);
+
+var Radio = function Radio(props) {
+  var className = props.className,
+    name = props.name,
+    defaultValue = props.defaultValue,
+    value = props.value,
+    size = props.size,
+    style = props.style,
+    direction = props.direction; // Attributes
+  var options = props.options; // DataList
+  var _onChange = props.onChange; // Call Back functions
+
+  return /*#__PURE__*/React__default.createElement(RadioGroup, {
+    className: "radioGroup",
+    style: _objectSpread2({
+      flexDirection: direction
+    }, style),
+    name: name,
+    defaultValue: defaultValue || undefined,
+    value: value || undefined,
+    onChange: function onChange(event) {
+      if (_onChange) _onChange(event.target.value);
+    }
+  }, Array.isArray(options) && options.map(function (option) {
+    return /*#__PURE__*/React__default.createElement(FormControlLabel, {
+      value: option.value,
+      key: option.value
+      /* WCAG 4.1.2（Freego HM1130104C）：FormControlLabel 產生的是「包裹式」隱式 label，
+         檢測工具只認 input 自身的 for／title／aria-*，故把選項文字同步標在 input 上 */,
+      control: /*#__PURE__*/React__default.createElement(Radio$1, {
+        disabled: option.disabled || false,
+        size: size,
+        className: className,
+        inputProps: {
+          'aria-label': typeof option.label === 'string' ? option.label : String(option.value)
+        }
+      }),
+      label: option.label
+    });
+  }));
+};
+Radio.defaultProps = {
+  className: undefined,
+  name: undefined,
+  defaultValue: undefined,
+  value: undefined,
+  size: 'small',
+  style: undefined,
+  direction: 'row',
+  options: undefined,
+  onChange: function onChange() {}
+};
+Radio.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 搭配FormControl 使用的名稱 */
+  name: PropTypes.string,
+  /** 預設內容 */
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /** 如果你就是好想要Value */
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /** Radio的大小 */
+  // size: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'medium']),
+  /** 樣式 */
+  style: PropTypes.objectOf(PropTypes.any),
+  /** Radio的方向 */
+  direction: PropTypes.oneOf(['row', 'column']),
+  /** Radio的清單 */
+  options: PropTypes.arrayOf(PropTypes.any),
+  /** 選擇時的callback */
+  onChange: PropTypes.func
+};
+
+export { Radio as default };