taro-react-uilib 1.4.22-2 → 1.4.22

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"classnames";import{View as a,CheckboxGroup as c}from"@tarojs/components";import l from"../src/hooks/useGenerateId.js";import{pxTransform as s}from"../src/utils/index.js";import r from"./Group/index.js";var o=function(r){var o=r.className,n=r.name,h=r.label,i=r.id,m=r.circle,p=r.onChange,d=r.align,u=r.direction,x=r.justify,b=r.checked,k=r.disabled,v=r.value,E=r.style,N=r.size,f=void 0===N?0:N,g=r.color,y=void 0===g?"var(--color-primary)":g,j=l(i,"xh-checkbox-id"),A=function(e){var t=b||!1,a="";"h5"===process.env.TARO_ENV?(t=e.target.checked,a=e.target.value):(t=e.detail.value.length>0,a=e.detail.value[0]),p&&p(t,a)},C=t("xh-checkbox",o,d,u,x,{h5:"h5"===process.env.TARO_ENV});return"h5"!==process.env.TARO_ENV?e.createElement(a,{className:C,style:E},e.createElement(c,{onChange:A},e.createElement("label",{htmlFor:j},e.createElement("input",{type:"checkbox",id:j,name:n,className:t("xh-checkbox-input",{tt:"tt"===process.env.TARO_ENV}),disabled:k,value:v,checked:b,color:y}),e.createElement("span",{className:t("xh-checkbox-input-fake",m&&"circle",{tt:"tt"===process.env.TARO_ENV}),style:f>0?{width:s(f),height:s(f)}:{}}))),e.createElement("span",{className:"xh-checkbox-label"},h)):e.createElement("label",{htmlFor:j,className:C,style:E},e.createElement("input",{type:"checkbox",id:j,name:n,className:"xh-checkbox-input",onChange:A,value:v,defaultChecked:b}),e.createElement("span",{style:f>0?{width:s(f),height:s(f)}:{},className:t("xh-checkbox-input-fake",m&&"circle")}),e.createElement("span",{className:"xh-checkbox-label"},h))};o.Group=r;export{o as default};
+import e from"react";import t from"classnames";import{View as a,CheckboxGroup as c,Label as l,Checkbox as r}from"@tarojs/components";import s from"../src/hooks/useGenerateId.js";import{pxTransform as o}from"../src/utils/index.js";import n from"./Group/index.js";var i=function(n){var i=n.className,h=n.name,m=n.label,p=n.id,d=n.circle,u=n.onChange,x=n.align,v=n.direction,k=n.justify,b=n.checked,E=n.disabled,f=n.value,N=void 0===f?"":f,g=n.style,y=n.size,j=void 0===y?0:y,A=n.color,C=void 0===A?"var(--color-primary)":A,O=s(p,"xh-checkbox-id"),R=function(e){var t=b||!1,a="";"h5"===process.env.TARO_ENV?(t=e.target.checked,a=e.target.value):(t=e.detail.value.length>0,a=e.detail.value[0]),u&&u(t,a)},T=t("xh-checkbox",i,x,v,k,{h5:"h5"===process.env.TARO_ENV});return"h5"!==process.env.TARO_ENV?e.createElement(a,{className:T,style:g},e.createElement(c,{onChange:R},e.createElement(l,{for:O},e.createElement(r,{id:O,disabled:E,value:N,checked:b,color:C,className:t("xh-checkbox-input",{tt:"tt"===process.env.TARO_ENV})}),e.createElement(a,{className:t("xh-checkbox-input-fake",d&&"circle",{tt:"tt"===process.env.TARO_ENV}),style:j>0?{width:o(j),height:o(j)}:{}}))),e.createElement("span",{className:"xh-checkbox-label"},m)):e.createElement("label",{htmlFor:O,className:T,style:g},e.createElement("input",{type:"checkbox",id:O,name:h,className:"xh-checkbox-input",onChange:R,value:N,defaultChecked:b}),e.createElement("span",{style:j>0?{width:o(j),height:o(j)}:{},className:t("xh-checkbox-input-fake",d&&"circle")}),e.createElement("span",{className:"xh-checkbox-label"},m))};i.Group=n;export{i as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { CheckboxGroup, View } from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\nimport Group from \"./Group\";\nimport \"./index.scss\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n  XHCheckboxProps & React.RefAttributes<HTMLInputElement>\n> & {\n  Group: typeof Group;\n};\n\nexport type XHCheckboxProps = {\n  onChange?: (check: boolean, value: string) => void;\n  checked?: boolean;\n  name?: string;\n  label: string | ReactNode;\n  size?: number;\n  circle?: boolean;\n  align?: \"center\" | \"end\";\n  direction?: \"rtl\";\n  justify?: \"around\" | \"between\";\n  value?: string | number;\n  id?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  /**\n   * 抖音不支持属性选择器\n   * @description 主要为抖音支持颜色\n   */\n  color?: string;\n} & XHComponentCommonProps;\n\nconst XHCheckbox: FC<XHCheckboxProps> = props => {\n  const {\n    className,\n    name,\n    label,\n    id,\n    circle,\n    onChange,\n    align,\n    direction,\n    justify,\n    checked,\n    disabled,\n    value,\n    style,\n    size = 0,\n    color = \"var(--color-primary)\",\n  } = props;\n\n  const finalId = useGenerateId(id, \"xh-checkbox-id\");\n\n  const handleOnchange = e => {\n    let finalchecked = checked || false;\n    let value = \"\";\n    if (process.env.TARO_ENV === \"h5\") {\n      finalchecked = e.target.checked;\n      value = e.target.value;\n    } else {\n      finalchecked = e.detail.value.length > 0;\n      value = e.detail.value[0];\n    }\n    onChange && onChange(finalchecked, value);\n  };\n\n  const cls = classNames(\"xh-checkbox\", className, align, direction, justify, {\n    h5: process.env.TARO_ENV === \"h5\",\n  });\n  if (process.env.TARO_ENV !== \"h5\") {\n    return (\n      <View className={cls} style={style}>\n        <CheckboxGroup onChange={handleOnchange}>\n          <label htmlFor={finalId}>\n            <input\n              type=\"checkbox\"\n              id={finalId}\n              name={name}\n              className={classNames(\"xh-checkbox-input\", {\n                tt: process.env.TARO_ENV === \"tt\",\n              })}\n              disabled={disabled}\n              value={value}\n              checked={checked}\n              color={color}\n            />\n            <span\n              className={classNames(\n                \"xh-checkbox-input-fake\",\n                circle && \"circle\",\n                { tt: process.env.TARO_ENV === \"tt\" }\n              )}\n              style={\n                size > 0\n                  ? {\n                      width: pxTransform(size),\n                      height: pxTransform(size),\n                    }\n                  : {}\n              }\n            ></span>\n          </label>\n        </CheckboxGroup>\n        <span className=\"xh-checkbox-label\">{label}</span>\n      </View>\n    );\n  }\n\n  return (\n    <label htmlFor={finalId} className={cls} style={style}>\n      <input\n        type=\"checkbox\"\n        id={finalId}\n        name={name}\n        className=\"xh-checkbox-input\"\n        onChange={handleOnchange}\n        value={value}\n        defaultChecked={checked}\n      />\n      <span\n        style={\n          size > 0\n            ? {\n                width: pxTransform(size),\n                height: pxTransform(size),\n              }\n            : {}\n        }\n        className={classNames(\"xh-checkbox-input-fake\", circle && \"circle\")}\n      ></span>\n      <span className=\"xh-checkbox-label\">{label}</span>\n    </label>\n  );\n};\n\nconst CheckBox = XHCheckbox as CompoundedComponent;\nCheckBox.Group = Group;\n\nexport default CheckBox;\n"],"names":["CheckBox","props","className","name","label","id","circle","onChange","align","direction","justify","checked","disabled","value","style","_a","size","_b","color","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","h5","React","createElement","View","CheckboxGroup","htmlFor","type","tt","width","pxTransform","height","defaultChecked","Group"],"mappings":"6OAoCA,IAuGMA,EAvGkC,SAAAC,GAEpC,IAAAC,EAeED,EAfOC,UACTC,EAcEF,EAdEE,KACJC,EAaEH,QAZFI,EAYEJ,EAAKI,GAXPC,EAWEL,EAAKK,OAVPC,EAUEN,EAVMM,SACRC,EASEP,EATGO,MACLC,EAQER,YAPFS,EAOET,UANFU,EAMEV,UALFW,EAKEX,WAJFY,EAIEZ,EAAKY,MAHPC,EAGEb,EAAKa,MAFPC,EAEEd,OAFFe,aAAO,EAACD,EACRE,EACEhB,EAD4BiB,MAA9BA,OAAQ,IAAAD,EAAA,yBAGJE,EAAUC,EAAcf,EAAI,kBAE5BgB,EAAiB,SAAAC,GACrB,IAAIC,EAAeZ,IAAW,EAC1BE,EAAQ,GACiB,OAAzBW,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOhB,QACxBE,EAAQS,EAAEK,OAAOd,QAEjBU,EAAeD,EAAEM,OAAOf,MAAMgB,OAAS,EACvChB,EAAQS,EAAEM,OAAOf,MAAM,IAEzBN,GAAYA,EAASgB,EAAcV,EACrC,EAEMiB,EAAMC,EAAW,cAAe7B,EAAWM,EAAOC,EAAWC,EAAS,CAC1EsB,GAA6B,OAAzBR,QAAQC,IAAIC,WAElB,MAA6B,OAAzBF,QAAQC,IAAIC,SAEZO,EAACC,cAAAC,EAAK,CAAAjC,UAAW4B,EAAKhB,MAAOA,GAC3BmB,EAAAC,cAACE,EAAa,CAAC7B,SAAUc,GACvBY,EAAOC,cAAA,QAAA,CAAAG,QAASlB,GACdc,EAAAC,cAAA,QAAA,CACEI,KAAK,WACLjC,GAAIc,EACJhB,KAAMA,EACND,UAAW6B,EAAW,oBAAqB,CACzCQ,GAA6B,OAAzBf,QAAQC,IAAIC,WAElBd,SAAUA,EACVC,MAAOA,EACPF,QAASA,EACTO,MAAOA,IAETe,EACEC,cAAA,OAAA,CAAAhC,UAAW6B,EACT,yBACAzB,GAAU,SACV,CAAEiC,GAA6B,OAAzBf,QAAQC,IAAIC,WAEpBZ,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,CAAE,MAKdiB,EAAMC,cAAA,OAAA,CAAAhC,UAAU,qBAAqBE,IAMzC6B,EAAAC,cAAA,QAAA,CAAOG,QAASlB,EAASjB,UAAW4B,EAAKhB,MAAOA,GAC9CmB,EACEC,cAAA,QAAA,CAAAI,KAAK,WACLjC,GAAIc,EACJhB,KAAMA,EACND,UAAU,oBACVK,SAAUc,EACVR,MAAOA,EACP8B,eAAgBhC,IAElBsB,EAAAC,cAAA,OAAA,CACEpB,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,CAAE,EAERd,UAAW6B,EAAW,yBAA0BzB,GAAU,YAE5D2B,EAAMC,cAAA,OAAA,CAAAhC,UAAU,qBAAqBE,GAG3C,EAGAJ,EAAS4C,MAAQA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { CheckboxGroup, Label, View, Checkbox } from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\nimport Group from \"./Group\";\nimport \"./index.scss\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n  XHCheckboxProps & React.RefAttributes<HTMLInputElement>\n> & {\n  Group: typeof Group;\n};\n\nexport type XHCheckboxProps = {\n  onChange?: (check: boolean, value: string) => void;\n  checked?: boolean;\n  name?: string;\n  label: string | ReactNode;\n  size?: number;\n  circle?: boolean;\n  align?: \"center\" | \"end\";\n  direction?: \"rtl\";\n  justify?: \"around\" | \"between\";\n  value?: string | number;\n  id?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  /**\n   * 抖音不支持属性选择器\n   * @description 主要为抖音支持颜色\n   */\n  color?: string;\n} & XHComponentCommonProps;\n\nconst XHCheckbox: FC<XHCheckboxProps> = props => {\n  const {\n    className,\n    name,\n    label,\n    id,\n    circle,\n    onChange,\n    align,\n    direction,\n    justify,\n    checked,\n    disabled,\n    value = \"\",\n    style,\n    size = 0,\n    color = \"var(--color-primary)\",\n  } = props;\n\n  const finalId = useGenerateId(id, \"xh-checkbox-id\");\n\n  const handleOnchange = e => {\n    let finalchecked = checked || false;\n    let value = \"\";\n    if (process.env.TARO_ENV === \"h5\") {\n      finalchecked = e.target.checked;\n      value = e.target.value;\n    } else {\n      finalchecked = e.detail.value.length > 0;\n      value = e.detail.value[0];\n    }\n    onChange && onChange(finalchecked, value);\n  };\n\n  const cls = classNames(\"xh-checkbox\", className, align, direction, justify, {\n    h5: process.env.TARO_ENV === \"h5\",\n  });\n  if (process.env.TARO_ENV !== \"h5\") {\n    return (\n      <View className={cls} style={style}>\n        <CheckboxGroup onChange={handleOnchange}>\n          <Label for={finalId}>\n            <Checkbox\n              id={finalId}\n              disabled={disabled}\n              value={value as string}\n              checked={checked}\n              color={color}\n              className={classNames(\"xh-checkbox-input\", {\n                tt: process.env.TARO_ENV === \"tt\",\n              })}\n            />\n            <View\n              className={classNames(\n                \"xh-checkbox-input-fake\",\n                circle && \"circle\",\n                { tt: process.env.TARO_ENV === \"tt\" }\n              )}\n              style={\n                size > 0\n                  ? {\n                      width: pxTransform(size),\n                      height: pxTransform(size),\n                    }\n                  : {}\n              }\n            ></View>\n          </Label>\n        </CheckboxGroup>\n        <span className=\"xh-checkbox-label\">{label}</span>\n      </View>\n    );\n  }\n\n  return (\n    <label htmlFor={finalId} className={cls} style={style}>\n      <input\n        type=\"checkbox\"\n        id={finalId}\n        name={name}\n        className=\"xh-checkbox-input\"\n        onChange={handleOnchange}\n        value={value}\n        defaultChecked={checked}\n      />\n      <span\n        style={\n          size > 0\n            ? {\n                width: pxTransform(size),\n                height: pxTransform(size),\n              }\n            : {}\n        }\n        className={classNames(\"xh-checkbox-input-fake\", circle && \"circle\")}\n      ></span>\n      <span className=\"xh-checkbox-label\">{label}</span>\n    </label>\n  );\n};\n\nconst CheckBox = XHCheckbox as CompoundedComponent;\nCheckBox.Group = Group;\n\nexport default CheckBox;\n"],"names":["CheckBox","props","className","name","label","id","circle","onChange","align","direction","justify","checked","disabled","_a","value","style","_b","size","_c","color","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","h5","React","createElement","View","CheckboxGroup","Label","for","Checkbox","tt","width","pxTransform","height","htmlFor","type","defaultChecked","Group"],"mappings":"sQAoCA,IAqGMA,EArGkC,SAAAC,GAEpC,IAAAC,EAeED,YAdFE,EAcEF,EAAKE,KAbPC,EAaEH,EAAKG,MAZPC,EAYEJ,EAZAI,GACFC,EAWEL,EAXIK,OACNC,EAUEN,WATFO,EASEP,EAAKO,MARPC,EAQER,EAROQ,UACTC,EAOET,EAPKS,QACPC,EAMEV,UALFW,EAKEX,EAAKW,SAJPC,EAIEZ,EAJQa,MAAVA,OAAQ,IAAAD,EAAA,KACRE,EAGEd,QAFFe,EAEEf,EAFMgB,KAARA,OAAO,IAAAD,EAAA,IACPE,EACEjB,EAD4BkB,MAA9BA,OAAQ,IAAAD,EAAA,yBAGJE,EAAUC,EAAchB,EAAI,kBAE5BiB,EAAiB,SAAAC,GACrB,IAAIC,EAAeb,IAAW,EAC1BG,EAAQ,GACiB,OAAzBW,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOjB,QACxBG,EAAQS,EAAEK,OAAOd,QAEjBU,EAAeD,EAAEM,OAAOf,MAAMgB,OAAS,EACvChB,EAAQS,EAAEM,OAAOf,MAAM,IAEzBP,GAAYA,EAASiB,EAAcV,EACrC,EAEMiB,EAAMC,EAAW,cAAe9B,EAAWM,EAAOC,EAAWC,EAAS,CAC1EuB,GAA6B,OAAzBR,QAAQC,IAAIC,WAElB,MAA6B,OAAzBF,QAAQC,IAAIC,SAEZO,EAACC,cAAAC,EAAK,CAAAlC,UAAW6B,EAAKhB,MAAOA,GAC3BmB,EAAAC,cAACE,EAAa,CAAC9B,SAAUe,GACvBY,EAAAC,cAACG,EAAK,CAACC,IAAKnB,GACVc,EAACC,cAAAK,EACC,CAAAnC,GAAIe,EACJR,SAAUA,EACVE,MAAOA,EACPH,QAASA,EACTQ,MAAOA,EACPjB,UAAW8B,EAAW,oBAAqB,CACzCS,GAA6B,OAAzBhB,QAAQC,IAAIC,aAGpBO,EAAAC,cAACC,EAAI,CACHlC,UAAW8B,EACT,yBACA1B,GAAU,SACV,CAAEmC,GAA6B,OAAzBhB,QAAQC,IAAIC,WAEpBZ,MACEE,EAAO,EACH,CACEyB,MAAOC,EAAY1B,GACnB2B,OAAQD,EAAY1B,IAEtB,CAAE,MAKdiB,EAAMC,cAAA,OAAA,CAAAjC,UAAU,qBAAqBE,IAMzC8B,EAAAC,cAAA,QAAA,CAAOU,QAASzB,EAASlB,UAAW6B,EAAKhB,MAAOA,GAC9CmB,EACEC,cAAA,QAAA,CAAAW,KAAK,WACLzC,GAAIe,EACJjB,KAAMA,EACND,UAAU,oBACVK,SAAUe,EACVR,MAAOA,EACPiC,eAAgBpC,IAElBuB,EAAAC,cAAA,OAAA,CACEpB,MACEE,EAAO,EACH,CACEyB,MAAOC,EAAY1B,GACnB2B,OAAQD,EAAY1B,IAEtB,CAAE,EAERf,UAAW8B,EAAW,yBAA0B1B,GAAU,YAE5D4B,EAAMC,cAAA,OAAA,CAAAjC,UAAU,qBAAqBE,GAG3C,EAGAJ,EAASgD,MAAQA"}

package/dist/components/Radio/index.js

@@ -1,2 +1,2 @@
-import e from"react";import a from"classnames";import{RadioGroup as t}from"@tarojs/components";import l from"../src/hooks/useGenerateId.js";import{pxTransform as r}from"../src/utils/index.js";import s from"./Group/index.js";var i=function(s){var i=s.className,o=s.name,n=s.label,c=s.id,d=s.circle,m=void 0===d||d,h=s.onChange,p=s.align,u=s.direction,f=s.justify,v=s.checked,E=s.disabled,N=s.value,x=s.style,y=s.size,b=void 0===y?0:y,g=s.color,k=void 0===g?"#f6ab00":g,j=s.fancy,R=void 0!==j&&j,A=l(c,"xh-radio-id"),C=function(e){var a=v||!1,t="";"h5"===process.env.TARO_ENV?(a=e.target.checked,t=e.target.value):(a=e.detail.value.length>0,t=e.detail.value),null==h||h(a,t)},G=a("xh-radio",i,p,u,f);return"h5"!==process.env.TARO_ENV?e.createElement(t,{onChange:C},e.createElement("label",{htmlFor:A,className:G,style:x},e.createElement("input",{type:"radio",id:A,name:o,className:a("xh-radio-input",{tt:"tt"===process.env.TARO_ENV}),disabled:E,value:N,checked:v,color:k}),e.createElement("span",{style:b>0?{width:r(b),height:r(b)}:{},className:a("xh-radio-input-fake",m&&"circle",{tt:"tt"===process.env.TARO_ENV,fancy:R})}),e.createElement("span",{className:"xh-radio-label"},n))):e.createElement("label",{htmlFor:A,className:G,style:x},e.createElement("input",{type:"radio",id:A,name:o,className:"xh-radio-input",onChange:C,value:N,disabled:E,defaultChecked:v}),e.createElement("span",{style:b>0?{width:r(b),height:r(b)}:{},className:a("xh-radio-input-fake",{circle:m,fancy:R})}),e.createElement("span",{className:"xh-radio-label"},n))};i.Group=s;export{i as default};
+import e from"react";import a from"classnames";import{View as t,RadioGroup as r,Label as l,Radio as s}from"@tarojs/components";import i from"../src/hooks/useGenerateId.js";import{pxTransform as o}from"../src/utils/index.js";import n from"./Group/index.js";var c=function(n){var c=n.className,d=n.name,m=n.label,h=n.id,p=n.circle,u=void 0===p||p,f=n.onChange,v=n.align,E=n.direction,N=n.justify,x=n.checked,y=n.disabled,g=n.value,b=n.style,k=n.size,R=void 0===k?0:k,j=n.color,A=void 0===j?"#f6ab00":j,C=n.fancy,G=void 0!==C&&C,O=i(h,"xh-radio-id"),T=function(e){var a=x||!1,t="";"h5"===process.env.TARO_ENV?(a=e.target.checked,t=e.target.value):(a=e.detail.value.length>0,t=e.detail.value),null==f||f(a,t)},V=a("xh-radio",c,v,E,N);return"h5"!==process.env.TARO_ENV?e.createElement(t,null,e.createElement(r,{onChange:T},e.createElement(l,{for:O,className:V,style:b},e.createElement(s,{id:O,className:a("xh-radio-input",{tt:"tt"===process.env.TARO_ENV}),disabled:y,checked:x,color:A}),e.createElement("span",{style:R>0?{width:o(R),height:o(R)}:{},className:a("xh-radio-input-fake",u&&"circle",{tt:"tt"===process.env.TARO_ENV,fancy:G})}),e.createElement("span",{className:"xh-radio-label"},m)))):e.createElement("label",{htmlFor:O,className:V,style:b},e.createElement("input",{type:"radio",id:O,name:d,className:"xh-radio-input",onChange:T,value:g,disabled:y,defaultChecked:x}),e.createElement("span",{style:R>0?{width:o(R),height:o(R)}:{},className:a("xh-radio-input-fake",{circle:u,fancy:G})}),e.createElement("span",{className:"xh-radio-label"},m))};c.Group=n;export{c as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Radio/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { RadioGroup } from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\n\nimport Group from \"./Group\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n  XHRadioProps & React.RefAttributes<HTMLInputElement>\n> & {\n  Group: typeof Group;\n};\n\nexport type XHRadioProps = {\n  onChange?: (check: boolean, value: string | number) => void;\n  checked?: boolean;\n  name?: string;\n  label: string | ReactNode;\n  size?: number;\n  circle?: boolean;\n  align?: \"center\" | \"end\";\n  direction?: \"rtl\";\n  justify?: \"around\" | \"between\";\n  value?: string | number;\n  id?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  fancy?: boolean;\n  /**\n   * 抖音不支持属性选择器\n   * @description 主要为抖音支持颜色\n   */\n  color?: string;\n} & XHComponentCommonProps;\n\nconst XHRadio: FC<XHRadioProps> = props => {\n  const {\n    className,\n    name,\n    label,\n    id,\n    circle = true,\n    onChange,\n    align,\n    direction,\n    justify,\n    checked,\n    disabled,\n    value,\n    style,\n    size = 0,\n    color = \"#f6ab00\",\n    fancy = false,\n  } = props;\n\n  const finalId = useGenerateId(id, \"xh-radio-id\");\n\n  const handleOnchange = e => {\n    let finalchecked = checked || false;\n    let value = \"\";\n\n    if (process.env.TARO_ENV === \"h5\") {\n      finalchecked = e.target.checked;\n      value = e.target.value;\n    } else {\n      finalchecked = e.detail.value.length > 0;\n      value = e.detail.value;\n    }\n    onChange?.(finalchecked, value);\n  };\n\n  const cls = classNames(\"xh-radio\", className, align, direction, justify);\n  if (process.env.TARO_ENV !== \"h5\") {\n    return (\n      <RadioGroup onChange={handleOnchange}>\n        <label htmlFor={finalId} className={cls} style={style}>\n          <input\n            type=\"radio\"\n            id={finalId}\n            name={name}\n            className={classNames(\"xh-radio-input\", {\n              tt: process.env.TARO_ENV === \"tt\",\n            })}\n            disabled={disabled}\n            value={value}\n            checked={checked}\n            color={color}\n          />\n          <span\n            style={\n              size > 0\n                ? {\n                    width: pxTransform(size),\n                    height: pxTransform(size),\n                  }\n                : {}\n            }\n            className={classNames(\"xh-radio-input-fake\", circle && \"circle\", {\n              tt: process.env.TARO_ENV === \"tt\",\n              fancy,\n            })}\n          ></span>\n          <span className=\"xh-radio-label\">{label}</span>\n        </label>\n      </RadioGroup>\n    );\n  }\n\n  return (\n    <label htmlFor={finalId} className={cls} style={style}>\n      <input\n        type=\"radio\"\n        id={finalId}\n        name={name}\n        className=\"xh-radio-input\"\n        onChange={handleOnchange}\n        value={value}\n        disabled={disabled}\n        defaultChecked={checked}\n      />\n      <span\n        style={\n          size > 0\n            ? {\n                width: pxTransform(size),\n                height: pxTransform(size),\n              }\n            : {}\n        }\n        className={classNames(\"xh-radio-input-fake\", { circle, fancy })}\n      ></span>\n      <span className=\"xh-radio-label\">{label}</span>\n    </label>\n  );\n};\n\nconst Radio = XHRadio as CompoundedComponent;\nRadio.Group = Group;\n\nexport default Radio;\n"],"names":["Radio","props","className","name","label","id","_a","circle","onChange","align","direction","justify","checked","disabled","value","style","_b","size","_c","color","_d","fancy","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","React","createElement","RadioGroup","htmlFor","type","tt","width","pxTransform","height","defaultChecked","Group"],"mappings":"gOAuCA,IAqGMA,EArG4B,SAAAC,GAE9B,IAAAC,EAgBED,EAAKC,UAfPC,EAeEF,EAfEE,KACJC,EAcEH,QAbFI,EAaEJ,EAAKI,GAZPC,EAYEL,SAZFM,cAAaD,EACbE,EAWEP,EAXMO,SACRC,EAUER,QATFS,EASET,EAAKS,UARPC,EAQEV,UAPFW,EAOEX,EAAKW,QANPC,EAMEZ,EANMY,SACRC,EAKEb,QAJFc,EAIEd,EAAKc,MAHPC,EAGEf,EAAKgB,KAHPA,OAAI,IAAAD,EAAG,EAACA,EACRE,EAEEjB,EAAKkB,MAFPA,OAAK,IAAAD,EAAG,UAASA,EACjBE,EACEnB,EAAKoB,MADPA,OAAK,IAAAD,GAAQA,EAGTE,EAAUC,EAAclB,EAAI,eAE5BmB,EAAiB,SAAAC,GACrB,IAAIC,EAAed,IAAW,EAC1BE,EAAQ,GAEiB,OAAzBa,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOlB,QACxBE,EAAQW,EAAEK,OAAOhB,QAEjBY,EAAeD,EAAEM,OAAOjB,MAAMkB,OAAS,EACvClB,EAAQW,EAAEM,OAAOjB,OAEnBN,SAAAA,EAAWkB,EAAcZ,EAC3B,EAEMmB,EAAMC,EAAW,WAAYhC,EAAWO,EAAOC,EAAWC,GAChE,MAA6B,OAAzBgB,QAAQC,IAAIC,SAEZM,EAACC,cAAAC,EAAW,CAAA7B,SAAUgB,GACpBW,EAAOC,cAAA,QAAA,CAAAE,QAAShB,EAASpB,UAAW+B,EAAKlB,MAAOA,GAC9CoB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACLlC,GAAIiB,EACJnB,KAAMA,EACND,UAAWgC,EAAW,iBAAkB,CACtCM,GAA6B,OAAzBb,QAAQC,IAAIC,WAElBhB,SAAUA,EACVC,MAAOA,EACPF,QAASA,EACTO,MAAOA,IAETgB,EAAAC,cAAA,OAAA,CACErB,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,CAAA,EAENf,UAAWgC,EAAW,sBAAuB3B,GAAU,SAAU,CAC/DiC,GAA6B,OAAzBb,QAAQC,IAAIC,SAChBR,MAAKA,MAGTc,EAAMC,cAAA,OAAA,CAAAlC,UAAU,kBAAkBE,KAOxC+B,EAAAC,cAAA,QAAA,CAAOE,QAAShB,EAASpB,UAAW+B,EAAKlB,MAAOA,GAC9CoB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACLlC,GAAIiB,EACJnB,KAAMA,EACND,UAAU,iBACVM,SAAUgB,EACVV,MAAOA,EACPD,SAAUA,EACV+B,eAAgBhC,IAElBuB,EAAAC,cAAA,OAAA,CACErB,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,GAENf,UAAWgC,EAAW,sBAAuB,CAAE3B,OAAMA,EAAEc,MAAKA,MAE9Dc,EAAMC,cAAA,OAAA,CAAAlC,UAAU,kBAAkBE,GAGxC,EAGAJ,EAAM6C,MAAQA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Radio/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  RadioGroup,\n  Radio as NativeRadio,\n  Label,\n  View,\n} from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\n\nimport Group from \"./Group\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n  XHRadioProps & React.RefAttributes<HTMLInputElement>\n> & {\n  Group: typeof Group;\n};\n\nexport type XHRadioProps = {\n  onChange?: (check: boolean, value: string | number) => void;\n  checked?: boolean;\n  name?: string;\n  label: string | ReactNode;\n  size?: number;\n  circle?: boolean;\n  align?: \"center\" | \"end\";\n  direction?: \"rtl\";\n  justify?: \"around\" | \"between\";\n  value?: string | number;\n  id?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  fancy?: boolean;\n  /**\n   * 抖音不支持属性选择器\n   * @description 主要为抖音支持颜色\n   */\n  color?: string;\n} & XHComponentCommonProps;\n\nconst XHRadio: FC<XHRadioProps> = props => {\n  const {\n    className,\n    name,\n    label,\n    id,\n    circle = true,\n    onChange,\n    align,\n    direction,\n    justify,\n    checked,\n    disabled,\n    value,\n    style,\n    size = 0,\n    color = \"#f6ab00\",\n    fancy = false,\n  } = props;\n\n  const finalId = useGenerateId(id, \"xh-radio-id\");\n\n  const handleOnchange = e => {\n    let finalchecked = checked || false;\n    let value = \"\";\n\n    if (process.env.TARO_ENV === \"h5\") {\n      finalchecked = e.target.checked;\n      value = e.target.value;\n    } else {\n      finalchecked = e.detail.value.length > 0;\n      value = e.detail.value;\n    }\n    onChange?.(finalchecked, value);\n  };\n\n  const cls = classNames(\"xh-radio\", className, align, direction, justify);\n  if (process.env.TARO_ENV !== \"h5\") {\n    return (\n      <View>\n        <RadioGroup onChange={handleOnchange}>\n          <Label for={finalId} className={cls} style={style}>\n            <NativeRadio\n              id={finalId}\n              className={classNames(\"xh-radio-input\", {\n                tt: process.env.TARO_ENV === \"tt\",\n              })}\n              disabled={disabled}\n              checked={checked}\n              color={color}\n            />\n            <span\n              style={\n                size > 0\n                  ? {\n                      width: pxTransform(size),\n                      height: pxTransform(size),\n                    }\n                  : {}\n              }\n              className={classNames(\"xh-radio-input-fake\", circle && \"circle\", {\n                tt: process.env.TARO_ENV === \"tt\",\n                fancy,\n              })}\n            ></span>\n            <span className=\"xh-radio-label\">{label}</span>\n          </Label>\n        </RadioGroup>\n      </View>\n    );\n  }\n\n  return (\n    <label htmlFor={finalId} className={cls} style={style}>\n      <input\n        type=\"radio\"\n        id={finalId}\n        name={name}\n        className=\"xh-radio-input\"\n        onChange={handleOnchange}\n        value={value}\n        disabled={disabled}\n        defaultChecked={checked}\n      />\n      <span\n        style={\n          size > 0\n            ? {\n                width: pxTransform(size),\n                height: pxTransform(size),\n              }\n            : {}\n        }\n        className={classNames(\"xh-radio-input-fake\", { circle, fancy })}\n      ></span>\n      <span className=\"xh-radio-label\">{label}</span>\n    </label>\n  );\n};\n\nconst Radio = XHRadio as CompoundedComponent;\nRadio.Group = Group;\n\nexport default Radio;\n"],"names":["Radio","props","className","name","label","id","_a","circle","onChange","align","direction","justify","checked","disabled","value","style","_b","size","_c","color","_d","fancy","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","React","View","createElement","RadioGroup","Label","for","NativeRadio","tt","width","pxTransform","height","htmlFor","type","defaultChecked","Group"],"mappings":"gQA4CA,IAoGMA,EApG4B,SAAAC,GAE9B,IAAAC,EAgBED,EAAKC,UAfPC,EAeEF,EAfEE,KACJC,EAcEH,QAbFI,EAaEJ,EAAKI,GAZPC,EAYEL,SAZFM,cAAaD,EACbE,EAWEP,EAXMO,SACRC,EAUER,QATFS,EASET,EAAKS,UARPC,EAQEV,UAPFW,EAOEX,EAAKW,QANPC,EAMEZ,EANMY,SACRC,EAKEb,QAJFc,EAIEd,EAAKc,MAHPC,EAGEf,EAAKgB,KAHPA,OAAI,IAAAD,EAAG,EAACA,EACRE,EAEEjB,EAAKkB,MAFPA,OAAK,IAAAD,EAAG,UAASA,EACjBE,EACEnB,EAAKoB,MADPA,OAAK,IAAAD,GAAQA,EAGTE,EAAUC,EAAclB,EAAI,eAE5BmB,EAAiB,SAAAC,GACrB,IAAIC,EAAed,IAAW,EAC1BE,EAAQ,GAEiB,OAAzBa,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOlB,QACxBE,EAAQW,EAAEK,OAAOhB,QAEjBY,EAAeD,EAAEM,OAAOjB,MAAMkB,OAAS,EACvClB,EAAQW,EAAEM,OAAOjB,OAEnBN,SAAAA,EAAWkB,EAAcZ,EAC3B,EAEMmB,EAAMC,EAAW,WAAYhC,EAAWO,EAAOC,EAAWC,GAChE,MAA6B,OAAzBgB,QAAQC,IAAIC,SAEZM,gBAACC,EAAI,KACHD,EAAAE,cAACC,EAAU,CAAC9B,SAAUgB,GACpBW,EAAAE,cAACE,EAAK,CAACC,IAAKlB,EAASpB,UAAW+B,EAAKlB,MAAOA,GAC1CoB,EAACE,cAAAI,EACC,CAAApC,GAAIiB,EACJpB,UAAWgC,EAAW,iBAAkB,CACtCQ,GAA6B,OAAzBf,QAAQC,IAAIC,WAElBhB,SAAUA,EACVD,QAASA,EACTO,MAAOA,IAETgB,EAAAE,cAAA,OAAA,CACEtB,MACEE,EAAO,EACH,CACE0B,MAAOC,EAAY3B,GACnB4B,OAAQD,EAAY3B,IAEtB,CAAA,EAENf,UAAWgC,EAAW,sBAAuB3B,GAAU,SAAU,CAC/DmC,GAA6B,OAAzBf,QAAQC,IAAIC,SAChBR,MAAKA,MAGTc,EAAME,cAAA,OAAA,CAAAnC,UAAU,kBAAkBE,MAQ1C+B,EAAAE,cAAA,QAAA,CAAOS,QAASxB,EAASpB,UAAW+B,EAAKlB,MAAOA,GAC9CoB,EAAAE,cAAA,QAAA,CACEU,KAAK,QACL1C,GAAIiB,EACJnB,KAAMA,EACND,UAAU,iBACVM,SAAUgB,EACVV,MAAOA,EACPD,SAAUA,EACVmC,eAAgBpC,IAElBuB,EAAAE,cAAA,OAAA,CACEtB,MACEE,EAAO,EACH,CACE0B,MAAOC,EAAY3B,GACnB4B,OAAQD,EAAY3B,IAEtB,GAENf,UAAWgC,EAAW,sBAAuB,CAAE3B,OAAMA,EAAEc,MAAKA,MAE9Dc,EAAME,cAAA,OAAA,CAAAnC,UAAU,kBAAkBE,GAGxC,EAGAJ,EAAMiD,MAAQA"}