taro-react-uilib 1.3.2-0 → 1.3.2-2

package/dist/components/NumberKeyboard/index.js

@@ -1,2 +1,2 @@
-import{__read as e}from"../node_modules/tslib/tslib.es6.js";import t,{useState as n,useEffect as o}from"react";import r from"classnames";import{View as a}from"@tarojs/components";import s from"../node_modules/react-transition-group/esm/CSSTransition.js";var m=function(m){var l=m.onBlur,c=m.show,u=m.maxLength,i=void 0===u?Number.MAX_SAFE_INTEGER:u,d=m.showClose,p=void 0===d||d,v=m.closeOnClickSpace,b=void 0===v||v,f=m.onClose,y=m.onChange,h=m.value,x=m.className,E=e(n(h),2),k=E[0],N=E[1],C=function(){for(var e=[],t=1;t<=9;t++)e.push({text:t,value:t,type:"number"});return e.push({text:"",value:"",type:"none"},{text:0,value:0,type:"number"},{text:"",value:"",type:"delete"}),e}();function g(e){f&&f(e),l&&l(e)}o((function(){return b&&document.addEventListener("click",g),function(){document.removeEventListener("click",g)}}),[]),o((function(){N(h)}),[h]);var _=r("xh-number-keyboard",x);return t.createElement(s,{classNames:"slide-up",in:c,unmountOnExit:!0,timeout:200},t.createElement(a,{className:_},t.createElement(a,{className:"xh-number-keyboard-header"},p&&t.createElement(a,{className:"xh-number-keyboard-close",onClick:g},"完成")),t.createElement(a,{className:"xh-number-keyboard-body"},C.map((function(e,n){return t.createElement(a,{key:n,className:r("xh-number-keyboard-body-key",{none:"none"===e.type,delete:"delete"===e.type}),onClick:function(t){!function(e,t){var n=t.type,o=t.value;if("h5"===process.env.TARO_ENV&&e.stopImmediatePropagation(),"none"!==n){var r=k;"delete"===n?r=k.slice(0,k.length-1):r.length<i&&(r=k+o),N(r),y&&y(r)}}(t,e)}},e.text)})))))};export{m as default};
+import{__read as e}from"../node_modules/tslib/tslib.es6.js";import t,{useState as n,useEffect as o}from"react";import r from"classnames";import{View as a}from"@tarojs/components";import s from"../node_modules/react-transition-group/esm/CSSTransition.js";var l=function(l){var m=l.onBlur,c=l.show,i=l.maxLength,u=void 0===i?Number.MAX_SAFE_INTEGER:i,d=l.showClose,p=void 0===d||d,v=l.closeOnClickSpace,b=void 0===v||v,h=l.onClose,f=l.onChange,y=l.value,x=l.title,E=void 0===x?"安全键盘":x,k=l.closeText,N=void 0===k?"收起":k,C=l.className,g=e(n(y),2),_=g[0],S=g[1],T=function(){for(var e=[],t=1;t<=9;t++)e.push({text:t,value:t,type:"number"});return e.push({text:"",value:"",type:"none"},{text:0,value:0,type:"number"},{text:"",value:"",type:"delete"}),e}();function j(e){h&&h(e),m&&m(e)}o((function(){return b&&document.addEventListener("click",j),function(){document.removeEventListener("click",j)}}),[]),o((function(){S(y)}),[y]);var A=r("xh-number-keyboard",C);return t.createElement(s,{classNames:"slide-up",in:c,unmountOnExit:!0,timeout:200},t.createElement(a,{className:A},t.createElement(a,{className:"xh-number-keyboard-header"},t.createElement(a,{className:"xh-number-keyboard-header-title"},E),p&&t.createElement(a,{className:"xh-number-keyboard-header-close",onClick:j},N)),t.createElement(a,{className:"xh-number-keyboard-body"},T.map((function(e,n){return t.createElement(a,{key:n,className:r("xh-number-keyboard-body-key",{none:"none"===e.type,delete:"delete"===e.type}),onClick:function(t){!function(e,t){var n=t.type,o=t.value;if("h5"===process.env.TARO_ENV&&e.stopImmediatePropagation(),"none"!==n){var r=_;"delete"===n?r=_.slice(0,_.length-1):r.length<u&&(r=_+o),S(r),f&&f(r)}}(t,e)}},e.text)})))))};export{l as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NumberKeyboard/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect, MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { View } from \"@tarojs/components\";\n\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type NumberKeyboardType = \"default\" | \"custom\";\n\nexport type NumberKeyboardProps = {\n  show: boolean;\n  type?: NumberKeyboardType;\n  showClose?: boolean;\n  closeOnClickSpace?: boolean;\n  maxLength?: number;\n  onBlur?: (e: MouseEvent | Event) => void;\n  onClose?: (e: MouseEvent | Event) => void;\n  onChange?: (value: string) => void;\n  value: string;\n} & XHComponentCommonProps;\n\nexport type KeyType = \"number\" | \"delete\" | \"string\" | \"none\";\n\nexport interface IKey {\n  text: number | string;\n  value: number | string;\n  type: KeyType;\n}\n\nconst NumberKeyboard: FC<NumberKeyboardProps> = props => {\n  const {\n    onBlur,\n    show,\n    maxLength = Number.MAX_SAFE_INTEGER,\n    showClose = true,\n    closeOnClickSpace = true,\n    onClose,\n    onChange,\n    value,\n    className,\n  } = props;\n  const [input, setInput] = useState(value);\n  const keys = getKeys();\n\n  useEffect(() => {\n    if (closeOnClickSpace) {\n      document.addEventListener(\"click\", handleClose);\n    }\n\n    return () => {\n      document.removeEventListener(\"click\", handleClose);\n    };\n  }, []);\n\n  useEffect(() => {\n    setInput(value);\n  }, [value]);\n\n  function handleClose(e): void {\n    onClose && onClose(e);\n    onBlur && onBlur(e);\n  }\n\n  function handleKeyPress(e, { type, value }: IKey): void {\n    if (process.env.TARO_ENV === \"h5\") {\n      e.stopImmediatePropagation();\n    }\n    if (type === \"none\") return;\n\n    let newInput = input;\n\n    if (type === \"delete\") {\n      newInput = input.slice(0, input.length - 1);\n    } else if (newInput.length < maxLength) {\n      newInput = input + value;\n    }\n\n    setInput(newInput);\n\n    onChange && onChange(newInput);\n  }\n\n  function getKeys(): IKey[] {\n    const keys: IKey[] = [];\n\n    for (let i = 1; i <= 9; i++) {\n      keys.push({ text: i, value: i, type: \"number\" });\n    }\n\n    keys.push(\n      { text: \"\", value: \"\", type: \"none\" },\n      { text: 0, value: 0, type: \"number\" },\n      { text: \"\", value: \"\", type: \"delete\" }\n    );\n\n    return keys;\n  }\n  const keyboardcls = classNames(\"xh-number-keyboard\", className);\n\n  return (\n    <CSSTransition classNames=\"slide-up\" in={show} unmountOnExit timeout={200}>\n      <View className={keyboardcls}>\n        <View className=\"xh-number-keyboard-header\">\n          {showClose && (\n            <View className=\"xh-number-keyboard-close\" onClick={handleClose}>\n              完成\n            </View>\n          )}\n        </View>\n        <View className=\"xh-number-keyboard-body\">\n          {keys.map((key, index) => (\n            <View\n              key={index}\n              className={classNames(\"xh-number-keyboard-body-key\", {\n                none: key.type === \"none\",\n                delete: key.type === \"delete\",\n              })}\n              onClick={e => {\n                handleKeyPress(e, key);\n              }}\n            >\n              {key.text}\n            </View>\n          ))}\n        </View>\n      </View>\n    </CSSTransition>\n  );\n};\n\nexport default NumberKeyboard;\n"],"names":["NumberKeyboard","props","onBlur","show","_a","maxLength","Number","MAX_SAFE_INTEGER","_b","showClose","_c","closeOnClickSpace","onClose","onChange","value","className","_d","__read","useState","input","setInput","keys","i","push","text","type","getKeys","handleClose","e","useEffect","document","addEventListener","removeEventListener","keyboardcls","classNames","React","createElement","CSSTransition","in","unmountOnExit","timeout","View","onClick","map","key","index","none","delete","process","env","TARO_ENV","stopImmediatePropagation","newInput","slice","length","handleKeyPress"],"mappings":"8PA8BM,IAAAA,EAA0C,SAAAC,GAE5C,IAAAC,EASED,EATIC,OACNC,EAQEF,EAAKE,KAPPC,EAOEH,EAAKI,UAPPA,OAAY,IAAAD,EAAAE,OAAOC,iBAAgBH,EACnCI,EAMEP,EANcQ,UAAhBA,OAAS,IAAAD,GAAOA,EAChBE,EAKET,EALsBU,kBAAxBA,OAAiB,IAAAD,GAAOA,EACxBE,EAIEX,EAJKW,QACPC,EAGEZ,EAAKY,SAFPC,EAEEb,EAFGa,MACLC,EACEd,EAAKc,UACHC,EAAAC,EAAoBC,EAASJ,GAAM,GAAlCK,EAAKH,EAAA,GAAEI,OACRC,EAwCN,WAGE,IAFA,IAAMA,EAAe,GAEZC,EAAI,EAAGA,GAAK,EAAGA,IACtBD,EAAKE,KAAK,CAAEC,KAAMF,EAAGR,MAAOQ,EAAGG,KAAM,WASvC,OANAJ,EAAKE,KACH,CAAEC,KAAM,GAAIV,MAAO,GAAIW,KAAM,QAC7B,CAAED,KAAM,EAAGV,MAAO,EAAGW,KAAM,UAC3B,CAAED,KAAM,GAAIV,MAAO,GAAIW,KAAM,WAGxBJ,CACR,CAtDYK,GAgBb,SAASC,EAAYC,GACnBhB,GAAWA,EAAQgB,GACnB1B,GAAUA,EAAO0B,EAClB,CAjBDC,GAAU,WAKR,OAJIlB,GACFmB,SAASC,iBAAiB,QAASJ,GAG9B,WACLG,SAASE,oBAAoB,QAASL,EACxC,CACD,GAAE,IAEHE,GAAU,WACRT,EAASN,EACX,GAAG,CAACA,IAyCJ,IAAMmB,EAAcC,EAAW,qBAAsBnB,GAErD,OACEoB,EAACC,cAAAC,EAAc,CAAAH,WAAW,WAAWI,GAAInC,EAAMoC,eAAc,EAAAC,QAAS,KACpEL,EAAAC,cAACK,EAAI,CAAC1B,UAAWkB,GACfE,EAACC,cAAAK,GAAK1B,UAAU,6BACbN,GACC0B,EAAAC,cAACK,EAAK,CAAA1B,UAAU,2BAA2B2B,QAASf,GAE7C,OAGXQ,EAAAC,cAACK,EAAI,CAAC1B,UAAU,2BACbM,EAAKsB,KAAI,SAACC,EAAKC,GAAU,OACxBV,EAAAC,cAACK,EAAI,CACHG,IAAKC,EACL9B,UAAWmB,EAAW,8BAA+B,CACnDY,KAAmB,SAAbF,EAAInB,KACVsB,OAAqB,WAAbH,EAAInB,OAEdiB,QAAS,SAAAd,IAtDrB,SAAwBA,EAAGxB,OAAEqB,EAAIrB,EAAAqB,KAAEX,EAAKV,EAAAU,MAItC,GAH6B,OAAzBkC,QAAQC,IAAIC,UACdtB,EAAEuB,2BAES,SAAT1B,EAAJ,CAEA,IAAI2B,EAAWjC,EAEF,WAATM,EACF2B,EAAWjC,EAAMkC,MAAM,EAAGlC,EAAMmC,OAAS,GAChCF,EAASE,OAASjD,IAC3B+C,EAAWjC,EAAQL,GAGrBM,EAASgC,GAETvC,GAAYA,EAASuC,EAZO,CAa7B,CAsCaG,CAAe3B,EAAGgB,EACpB,GAECA,EAAIpB,KAXiB,MAkBpC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NumberKeyboard/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect, MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { View } from \"@tarojs/components\";\n\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type NumberKeyboardType = \"default\" | \"custom\";\n\nexport type NumberKeyboardProps = {\n  show: boolean;\n  type?: NumberKeyboardType;\n  showClose?: boolean;\n  closeOnClickSpace?: boolean;\n  maxLength?: number;\n  onBlur?: (e: MouseEvent | Event) => void;\n  onClose?: (e: MouseEvent | Event) => void;\n  onChange?: (value: string) => void;\n  value: string;\n  title?: string;\n  closeText?: string;\n} & XHComponentCommonProps;\n\nexport type KeyType = \"number\" | \"delete\" | \"string\" | \"none\";\n\nexport interface IKey {\n  text: number | string;\n  value: number | string;\n  type: KeyType;\n}\n\nconst NumberKeyboard: FC<NumberKeyboardProps> = props => {\n  const {\n    onBlur,\n    show,\n    maxLength = Number.MAX_SAFE_INTEGER,\n    showClose = true,\n    closeOnClickSpace = true,\n    onClose,\n    onChange,\n    value,\n    title = \"安全键盘\",\n    closeText = \"收起\",\n    className,\n  } = props;\n  const [input, setInput] = useState(value);\n  const keys = getKeys();\n\n  useEffect(() => {\n    if (closeOnClickSpace) {\n      document.addEventListener(\"click\", handleClose);\n    }\n\n    return () => {\n      document.removeEventListener(\"click\", handleClose);\n    };\n  }, []);\n\n  useEffect(() => {\n    setInput(value);\n  }, [value]);\n\n  function handleClose(e): void {\n    onClose && onClose(e);\n    onBlur && onBlur(e);\n  }\n\n  function handleKeyPress(e, { type, value }: IKey): void {\n    if (process.env.TARO_ENV === \"h5\") {\n      e.stopImmediatePropagation();\n    }\n    if (type === \"none\") return;\n\n    let newInput = input;\n\n    if (type === \"delete\") {\n      newInput = input.slice(0, input.length - 1);\n    } else if (newInput.length < maxLength) {\n      newInput = input + value;\n    }\n\n    setInput(newInput);\n\n    onChange && onChange(newInput);\n  }\n\n  function getKeys(): IKey[] {\n    const keys: IKey[] = [];\n\n    for (let i = 1; i <= 9; i++) {\n      keys.push({ text: i, value: i, type: \"number\" });\n    }\n\n    keys.push(\n      { text: \"\", value: \"\", type: \"none\" },\n      { text: 0, value: 0, type: \"number\" },\n      { text: \"\", value: \"\", type: \"delete\" }\n    );\n\n    return keys;\n  }\n  const keyboardcls = classNames(\"xh-number-keyboard\", className);\n\n  return (\n    <CSSTransition classNames=\"slide-up\" in={show} unmountOnExit timeout={200}>\n      <View className={keyboardcls}>\n        <View className=\"xh-number-keyboard-header\">\n          <View className=\"xh-number-keyboard-header-title\">{title}</View>\n          {showClose && (\n            <View\n              className=\"xh-number-keyboard-header-close\"\n              onClick={handleClose}\n            >\n              {closeText}\n            </View>\n          )}\n        </View>\n        <View className=\"xh-number-keyboard-body\">\n          {keys.map((key, index) => (\n            <View\n              key={index}\n              className={classNames(\"xh-number-keyboard-body-key\", {\n                none: key.type === \"none\",\n                delete: key.type === \"delete\",\n              })}\n              onClick={e => {\n                handleKeyPress(e, key);\n              }}\n            >\n              {key.text}\n            </View>\n          ))}\n        </View>\n      </View>\n    </CSSTransition>\n  );\n};\n\nexport default NumberKeyboard;\n"],"names":["NumberKeyboard","props","onBlur","show","_a","maxLength","Number","MAX_SAFE_INTEGER","_b","showClose","_c","closeOnClickSpace","onClose","onChange","value","_d","title","_e","closeText","className","_f","__read","useState","input","setInput","keys","i","push","text","type","getKeys","handleClose","e","useEffect","document","addEventListener","removeEventListener","keyboardcls","classNames","React","createElement","CSSTransition","in","unmountOnExit","timeout","View","onClick","map","key","index","none","delete","process","env","TARO_ENV","stopImmediatePropagation","newInput","slice","length","handleKeyPress"],"mappings":"8PAgCM,IAAAA,EAA0C,SAAAC,GAE5C,IAAAC,EAWED,EAXIC,OACNC,EAUEF,EAVEE,KACJC,EASEH,EAAKI,UATPA,aAAYC,OAAOC,iBAAgBH,EACnCI,EAQEP,EARcQ,UAAhBA,OAAY,IAAAD,GAAIA,EAChBE,EAOET,EAAKU,kBAPPA,cAAwBD,EACxBE,EAMEX,EAAKW,QALPC,EAKEZ,EAAKY,SAJPC,EAIEb,EAAKa,MAHPC,EAGEd,EAHYe,MAAdA,OAAK,IAAAD,EAAG,OAAMA,EACdE,EAEEhB,YAFFiB,OAAY,IAAAD,EAAA,OACZE,EACElB,YACEmB,EAAAC,EAAoBC,EAASR,GAAM,GAAlCS,EAAKH,EAAA,GAAEI,OACRC,EAwCN,WAGE,IAFA,IAAMA,EAAe,GAEZC,EAAI,EAAGA,GAAK,EAAGA,IACtBD,EAAKE,KAAK,CAAEC,KAAMF,EAAGZ,MAAOY,EAAGG,KAAM,WASvC,OANAJ,EAAKE,KACH,CAAEC,KAAM,GAAId,MAAO,GAAIe,KAAM,QAC7B,CAAED,KAAM,EAAGd,MAAO,EAAGe,KAAM,UAC3B,CAAED,KAAM,GAAId,MAAO,GAAIe,KAAM,WAGxBJ,CACR,CAtDYK,GAgBb,SAASC,EAAYC,GACnBpB,GAAWA,EAAQoB,GACnB9B,GAAUA,EAAO8B,EAClB,CAjBDC,GAAU,WAKR,OAJItB,GACFuB,SAASC,iBAAiB,QAASJ,GAG9B,WACLG,SAASE,oBAAoB,QAASL,EACxC,CACD,GAAE,IAEHE,GAAU,WACRT,EAASV,EACX,GAAG,CAACA,IAyCJ,IAAMuB,EAAcC,EAAW,qBAAsBnB,GAErD,OACEoB,EAACC,cAAAC,EAAc,CAAAH,WAAW,WAAWI,GAAIvC,EAAMwC,eAAc,EAAAC,QAAS,KACpEL,EAAAC,cAACK,EAAI,CAAC1B,UAAWkB,GACfE,EAAAC,cAACK,EAAI,CAAC1B,UAAU,6BACdoB,EAAAC,cAACK,EAAK,CAAA1B,UAAU,mCAAmCH,GAClDP,GACC8B,EAAAC,cAACK,EAAI,CACH1B,UAAU,kCACV2B,QAASf,GAERb,IAIPqB,EAAAC,cAACK,EAAI,CAAC1B,UAAU,2BACbM,EAAKsB,KAAI,SAACC,EAAKC,GAAU,OACxBV,EAAAC,cAACK,EAAI,CACHG,IAAKC,EACL9B,UAAWmB,EAAW,8BAA+B,CACnDY,KAAmB,SAAbF,EAAInB,KACVsB,OAAqB,WAAbH,EAAInB,OAEdiB,QAAS,SAAAd,IA1DrB,SAAwBA,EAAG5B,OAAEyB,EAAIzB,EAAAyB,KAAEf,EAAKV,EAAAU,MAItC,GAH6B,OAAzBsC,QAAQC,IAAIC,UACdtB,EAAEuB,2BAES,SAAT1B,EAAJ,CAEA,IAAI2B,EAAWjC,EAEF,WAATM,EACF2B,EAAWjC,EAAMkC,MAAM,EAAGlC,EAAMmC,OAAS,GAChCF,EAASE,OAASrD,IAC3BmD,EAAWjC,EAAQT,GAGrBU,EAASgC,GAET3C,GAAYA,EAAS2C,EAZO,CAa7B,CA0CaG,CAAe3B,EAAGgB,EACpB,GAECA,EAAIpB,KAXiB,MAkBpC"}

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 r from"./Group/index.js";var s=function(r){var s=r.className,n=r.name,o=r.label,c=r.id,i=r.circle,m=r.onChange,d=r.align,p=r.direction,u=r.justify,h=r.checked,v=r.disabled,f=r.value,E=r.style,N=r.color,x=void 0===N?"#f6ab00":N,b=l(c,"xh-radio-id"),g=function(e){var a=h||!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==m||m(a,t)},k=a("xh-radio",s,d,p,u);return"h5"!==process.env.TARO_ENV?e.createElement(t,{onChange:g},e.createElement("label",{htmlFor:b,className:k,style:E},e.createElement("input",{type:"radio",id:b,name:n,className:a("xh-radio-input",{tt:"tt"===process.env.TARO_ENV}),onChange:g,disabled:v,value:f,checked:h,color:x}),e.createElement("span",{className:a("xh-radio-input-fake",i&&"circle",{tt:"tt"===process.env.TARO_ENV})}),e.createElement("span",{className:"xh-radio-label"},o))):e.createElement("label",{htmlFor:b,className:k,style:E},e.createElement("input",{type:"radio",id:b,name:n,className:"xh-radio-input",onChange:g,value:f,disabled:v,defaultChecked:h}),e.createElement("span",{className:a("xh-radio-input-fake",i&&"circle")}),e.createElement("span",{className:"xh-radio-label"},o))};s.Group=r;export{s as default};
+import e from"react";import a from"classnames";import{RadioGroup as t}from"@tarojs/components";import l from"../src/hooks/useGenerateId.js";import r from"./Group/index.js";var o=function(r){var o=r.className,s=r.name,n=r.label,c=r.id,i=r.circle,m=void 0===i||i,d=r.onChange,p=r.align,u=r.direction,h=r.justify,v=r.checked,f=r.disabled,E=r.value,N=r.style,x=r.color,b=void 0===x?"#f6ab00":x,g=l(c,"xh-radio-id"),k=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==d||d(a,t)},y=a("xh-radio",o,p,u,h);return"h5"!==process.env.TARO_ENV?e.createElement(t,{onChange:k},e.createElement("label",{htmlFor:g,className:y,style:N},e.createElement("input",{type:"radio",id:g,name:s,className:a("xh-radio-input",{tt:"tt"===process.env.TARO_ENV}),onChange:k,disabled:f,value:E,checked:v,color:b}),e.createElement("span",{className:a("xh-radio-input-fake",m&&"circle",{tt:"tt"===process.env.TARO_ENV})}),e.createElement("span",{className:"xh-radio-label"},n))):e.createElement("label",{htmlFor:g,className:y,style:N},e.createElement("input",{type:"radio",id:g,name:s,className:"xh-radio-input",onChange:k,value:E,disabled:f,defaultChecked:v}),e.createElement("span",{className:a("xh-radio-input-fake",m&&"circle")}),e.createElement("span",{className:"xh-radio-label"},n))};o.Group=r;export{o 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\";\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) => 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 XHRadio: FC<XHRadioProps> = 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    color = \"#f6ab00\",\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    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            onChange={handleOnchange}\n            disabled={disabled}\n            value={value}\n            checked={checked}\n            color={color}\n          />\n          <span\n            className={classNames(\"xh-radio-input-fake\", circle && \"circle\", {\n              tt: process.env.TARO_ENV === \"tt\",\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        className={classNames(\"xh-radio-input-fake\", circle && \"circle\")}\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","circle","onChange","align","direction","justify","checked","disabled","value","style","_a","color","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","React","createElement","RadioGroup","htmlFor","type","tt","defaultChecked","Group"],"mappings":"4KAqCA,IAkFMA,EAlF4B,SAAAC,GAE9B,IAAAC,EAcED,EAAKC,UAbPC,EAaEF,EAAKE,KAZPC,EAYEH,EAAKG,MAXPC,EAWEJ,EAAKI,GAVPC,EAUEL,SATFM,EASEN,WARFO,EAQEP,QAPFQ,EAOER,EAPOQ,UACTC,EAMET,EANKS,QACPC,EAKEV,EALKU,QACPC,EAIEX,EAJMW,SACRC,EAGEZ,EAHGY,MACLC,EAEEb,EAFGa,MACLC,EACEd,QADFe,OAAQ,IAAAD,EAAA,YAGJE,EAAUC,EAAcb,EAAI,eAE5Bc,EAAiB,SAAAC,GACrB,IAAIC,EAAeV,IAAW,EAC1BE,EAAQ,GACiB,OAAzBS,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOd,QACxBE,EAAQO,EAAEK,OAAOZ,QAEjBQ,EAAeD,EAAEM,OAAOb,MAAMc,OAAS,EACvCd,EAAQO,EAAEM,OAAOb,OAEnBN,SAAAA,EAAWc,EAAcR,EAC3B,EAEMe,EAAMC,EAAW,WAAY3B,EAAWM,EAAOC,EAAWC,GAChE,MAA6B,OAAzBY,QAAQC,IAAIC,SAEZM,EAACC,cAAAC,EAAW,CAAAzB,SAAUY,GACpBW,EAAOC,cAAA,QAAA,CAAAE,QAAShB,EAASf,UAAW0B,EAAKd,MAAOA,GAC9CgB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACL7B,GAAIY,EACJd,KAAMA,EACND,UAAW2B,EAAW,iBAAkB,CACtCM,GAA6B,OAAzBb,QAAQC,IAAIC,WAElBjB,SAAUY,EACVP,SAAUA,EACVC,MAAOA,EACPF,QAASA,EACTK,MAAOA,IAETc,EACEC,cAAA,OAAA,CAAA7B,UAAW2B,EAAW,sBAAuBvB,GAAU,SAAU,CAC/D6B,GAA6B,OAAzBb,QAAQC,IAAIC,aAGpBM,EAAMC,cAAA,OAAA,CAAA7B,UAAU,kBAAkBE,KAOxC0B,EAAAC,cAAA,QAAA,CAAOE,QAAShB,EAASf,UAAW0B,EAAKd,MAAOA,GAC9CgB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACL7B,GAAIY,EACJd,KAAMA,EACND,UAAU,iBACVK,SAAUY,EACVN,MAAOA,EACPD,SAAUA,EACVwB,eAAgBzB,IAElBmB,EACEC,cAAA,OAAA,CAAA7B,UAAW2B,EAAW,sBAAuBvB,GAAU,YAEzDwB,EAAMC,cAAA,OAAA,CAAA7B,UAAU,kBAAkBE,GAGxC,EAGAJ,EAAMqC,MAAQA"}
+{"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\";\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) => 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 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    color = \"#f6ab00\",\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    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            onChange={handleOnchange}\n            disabled={disabled}\n            value={value}\n            checked={checked}\n            color={color}\n          />\n          <span\n            className={classNames(\"xh-radio-input-fake\", circle && \"circle\", {\n              tt: process.env.TARO_ENV === \"tt\",\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        className={classNames(\"xh-radio-input-fake\", circle && \"circle\")}\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","color","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","React","createElement","RadioGroup","htmlFor","type","tt","defaultChecked","Group"],"mappings":"4KAqCA,IAkFMA,EAlF4B,SAAAC,GAE9B,IAAAC,EAcED,EAdOC,UACTC,EAaEF,EAbEE,KACJC,EAYEH,EAZGG,MACLC,EAWEJ,EAXAI,GACFC,EAUEL,EAAKM,OAVPA,cAAaD,EACbE,EASEP,EAAKO,SARPC,EAQER,EAAKQ,MAPPC,EAOET,EAAKS,UANPC,EAMEV,EAAKU,QALPC,EAKEX,EAAKW,QAJPC,EAIEZ,EAAKY,SAHPC,EAGEb,EAAKa,MAFPC,EAEEd,EAAKc,MADPC,EACEf,EADegB,MAAjBA,OAAQ,IAAAD,EAAA,YAGJE,EAAUC,EAAcd,EAAI,eAE5Be,EAAiB,SAAAC,GACrB,IAAIC,EAAeV,IAAW,EAC1BE,EAAQ,GACiB,OAAzBS,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOd,QACxBE,EAAQO,EAAEK,OAAOZ,QAEjBQ,EAAeD,EAAEM,OAAOb,MAAMc,OAAS,EACvCd,EAAQO,EAAEM,OAAOb,OAEnBN,SAAAA,EAAWc,EAAcR,EAC3B,EAEMe,EAAMC,EAAW,WAAY5B,EAAWO,EAAOC,EAAWC,GAChE,MAA6B,OAAzBY,QAAQC,IAAIC,SAEZM,EAACC,cAAAC,EAAW,CAAAzB,SAAUY,GACpBW,EAAOC,cAAA,QAAA,CAAAE,QAAShB,EAAShB,UAAW2B,EAAKd,MAAOA,GAC9CgB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACL9B,GAAIa,EACJf,KAAMA,EACND,UAAW4B,EAAW,iBAAkB,CACtCM,GAA6B,OAAzBb,QAAQC,IAAIC,WAElBjB,SAAUY,EACVP,SAAUA,EACVC,MAAOA,EACPF,QAASA,EACTK,MAAOA,IAETc,EACEC,cAAA,OAAA,CAAA9B,UAAW4B,EAAW,sBAAuBvB,GAAU,SAAU,CAC/D6B,GAA6B,OAAzBb,QAAQC,IAAIC,aAGpBM,EAAMC,cAAA,OAAA,CAAA9B,UAAU,kBAAkBE,KAOxC2B,EAAAC,cAAA,QAAA,CAAOE,QAAShB,EAAShB,UAAW2B,EAAKd,MAAOA,GAC9CgB,EAAAC,cAAA,QAAA,CACEG,KAAK,QACL9B,GAAIa,EACJf,KAAMA,EACND,UAAU,iBACVM,SAAUY,EACVN,MAAOA,EACPD,SAAUA,EACVwB,eAAgBzB,IAElBmB,EACEC,cAAA,OAAA,CAAA9B,UAAW4B,EAAW,sBAAuBvB,GAAU,YAEzDwB,EAAMC,cAAA,OAAA,CAAA9B,UAAU,kBAAkBE,GAGxC,EAGAJ,EAAMsC,MAAQA"}

package/dist/components/Rank/index.js

@@ -0,0 +1,2 @@
+import{__read as e,__assign as t}from"../node_modules/tslib/tslib.es6.js";import r,{useState as a}from"react";import{View as n}from"@tarojs/components";import o from"classnames";import{pxTransform as s}from"../src/utils/index.js";var i=function(i){var m=i.defalutScore,l=void 0===m?-1:m,c=i.onChange,f=i.max,u=void 0===f?5:f,d=i.size,p=void 0===d?0:d,v=i.tip,x=void 0===v?"轻点星形以评分":v,k=i.style,h=void 0===k?{}:k,y=e(a(l),2),E=y[0],N=y[1];return r.createElement(n,{className:o("xh-rank"),style:t(p?{fontSize:s(p)}:{},h)},r.createElement(n,{className:"xh-rank-tip"},x),r.createElement(n,{className:"xh-rank-star"},Array(u).fill(1).map((function(e,t){return r.createElement(n,{key:t,className:o("xh-rank-star-active",{active:t<=E}),onClick:function(){return function(e){N(e),null==c||c(e+1)}(t)}})}))))};export{i as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Rank/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport { pxTransform } from \"@/utils\";\n\nimport \"./index.scss\";\n\ntype RankProps = {\n  defalutScore?: number;\n  onChange: (rank: number) => void;\n  max?: number;\n  size?: number;\n  tip?: string;\n  style?: React.CSSProperties & {\n    \"--color-primary\": string;\n  };\n};\n\nconst Rank: React.FC<RankProps> = props => {\n  const {\n    defalutScore = -1,\n    onChange,\n    max = 5,\n    size = 0,\n    tip = \"轻点星形以评分\",\n    style = {},\n  } = props;\n  const [score, setScore] = useState(defalutScore);\n\n  const selectRank = (index: number) => {\n    setScore(index);\n    onChange?.(index + 1);\n  };\n\n  return (\n    <View\n      className={classNames(\"xh-rank\")}\n      style={size ? { fontSize: pxTransform(size), ...style } : { ...style }}\n    >\n      <View className=\"xh-rank-tip\">{tip}</View>\n      <View className=\"xh-rank-star\">\n        {Array(max)\n          .fill(1)\n          .map((_item, index) => (\n            <View\n              key={index}\n              className={classNames(\"xh-rank-star-active\", {\n                active: index <= score,\n              })}\n              onClick={() => selectRank(index)}\n            ></View>\n          ))}\n      </View>\n    </View>\n  );\n};\n\nexport default Rank;\n"],"names":["Rank","props","_a","defalutScore","onChange","_b","max","_c","size","_d","tip","_e","style","_f","__read","useState","score","setScore","React","createElement","View","className","classNames","__assign","fontSize","pxTransform","Array","fill","map","_item","index","key","active","onClick","selectRank"],"mappings":"sOAkBM,IAAAA,EAA4B,SAAAC,GAE9B,IAAAC,EAMED,EANeE,aAAjBA,OAAe,IAAAD,GAAC,EAACA,EACjBE,EAKEH,EAAKG,SAJPC,EAIEJ,EAAKK,IAJPA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAGEN,EAHMO,KAARA,OAAO,IAAAD,EAAA,IACPE,EAEER,EAAKS,IAFPA,aAAM,UAASD,EACfE,EACEV,EAAKW,MADPA,OAAK,IAAAD,EAAG,CAAE,EAAAA,EAENE,EAAAC,EAAoBC,EAASZ,GAAa,GAAzCa,EAAKH,EAAA,GAAEI,OAOd,OACEC,EAAAC,cAACC,EAAI,CACHC,UAAWC,EAAW,WACtBV,MAAgBW,EAATf,EAAS,CAAAgB,SAAUC,EAAYjB,IAAmB,GAATI,IAEhDM,EAAAC,cAACC,EAAK,CAAAC,UAAU,eAAeX,GAC/BQ,EAACC,cAAAC,GAAKC,UAAU,gBACbK,MAAMpB,GACJqB,KAAK,GACLC,KAAI,SAACC,EAAOC,GAAU,OACrBZ,EAACC,cAAAC,GACCW,IAAKD,EACLT,UAAWC,EAAW,sBAAuB,CAC3CU,OAAQF,GAASd,IAEnBiB,QAAS,WAAM,OApBR,SAACH,GAClBb,EAASa,GACT1B,SAAAA,EAAW0B,EAAQ,EACrB,CAiB2BI,CAAWJ,UAMxC"}

package/dist/components/Step/Steps/index.js

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{View as s}from"@tarojs/components";var a=t.createElement("span",{className:"".concat("xh-step","-icon-dot")}),r=function(r){var n=r.direction,o=void 0===n?"horizontal":n,c=r.current,i=void 0===c?0:c,l=r.style,m=r.className,p=e("xh-steps","".concat("xh-steps","-").concat(o),m);return t.createElement(s,{className:p,style:l},t.Children.map(r.children,(function(e,s){var r;if(!t.isValidElement(e))return e;var n=e.props,o=n.status||"wait";s<i?o=n.status||"finish":s===i&&(o=n.status||"process");var c=null!==(r=n.icon)&&void 0!==r?r:a;return t.cloneElement(e,{status:o,icon:c})})))};export{r as default};
+import t from"react";import e from"classnames";import{View as s}from"@tarojs/components";var a=t.createElement("span",{className:"".concat("xh-step","-icon-dot")}),r=function(r){var n=r.direction,o=void 0===n?"horizontal":n,c=r.current,i=void 0===c?0:c,l=r.style,m=r.className,p=e("xh-steps","".concat("xh-steps","-").concat(o),m);return t.createElement(s,{className:p,style:l},t.Children.map(r.children,(function(e,s){var r;if(!t.isValidElement(e))return e;var n=e.props,c=n.status||"wait";s<i?c=n.status||"finish":s===i&&(c=n.status||"process");var l=null!==(r=n.icon)&&void 0!==r?r:a;return t.cloneElement(e,{status:c,icon:l,direction:o})})))};export{r as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Step/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Step/Steps/index.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport type { XHComponentCommonProps } from \"../../../types\";\n\nimport { StepProps } from \"..\";\n\nconst classPrefix = `xh-steps`;\nconst stepClassPrefix = `xh-step`;\n\nconst defaultIcon = <span className={`${stepClassPrefix}-icon-dot`} />;\n\nexport type StepsProps = {\n  current?: number;\n  direction?: \"horizontal\" | \"vertical\";\n  children?: React.ReactNode;\n  style?: React.CSSProperties & {\n    \"--line-to-next-color\"?: string;\n    \"--color-primary\"?: string;\n  };\n} & XHComponentCommonProps;\n\nconst Steps: FC<StepsProps> = props => {\n  const { direction = \"horizontal\", current = 0, style, className } = props;\n  const classString = classNames(\n    classPrefix,\n    `${classPrefix}-${direction}`,\n    className\n  );\n\n  return (\n    <View className={classString} style={style}>\n      {React.Children.map(\n        props.children,\n        (child: ReactElement<StepProps>, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const props = child.props;\n          let status = props.status || \"wait\";\n\n          if (index < current) {\n            status = props.status || \"finish\";\n          } else if (index === current) {\n            status = props.status || \"process\";\n          }\n\n          const icon = props.icon ?? defaultIcon;\n\n          return React.cloneElement(child, {\n            status,\n            icon,\n          });\n        }\n      )}\n    </View>\n  );\n};\n\nexport default Steps;\n"],"names":["defaultIcon","React","createElement","className","concat","Steps","props","_a","direction","_b","current","style","classString","classNames","View","Children","map","children","child","index","isValidElement","status","icon","cloneElement"],"mappings":"yFAOA,IAGMA,EAAcC,EAAMC,cAAA,OAAA,CAAAC,UAAW,GAAGC,OAFhB,UAE0C,eAY5DC,EAAwB,SAAAC,GACpB,IAAAC,EAA4DD,EAAKE,UAAjEA,OAAY,IAAAD,EAAA,aAAYA,EAAEE,EAAkCH,EAAvBI,QAAXA,OAAO,IAAAD,EAAG,EAACA,EAAEE,EAAqBL,EAAhBK,MAAER,EAAcG,EAAKH,UACnES,EAAcC,EAjBF,WAmBhB,GAAAT,OAnBgB,WAmBF,KAAAA,OAAII,GAClBL,GAGF,OACEF,EAACC,cAAAY,EAAK,CAAAX,UAAWS,EAAaD,MAAOA,GAClCV,EAAMc,SAASC,IACdV,EAAMW,UACN,SAACC,EAAgCC,SAC/B,IAAKlB,EAAMmB,eAAeF,GACxB,OAAOA,EAET,IAAMZ,EAAQY,EAAMZ,MAChBe,EAASf,EAAMe,QAAU,OAEzBF,EAAQT,EACVW,EAASf,EAAMe,QAAU,SAChBF,IAAUT,IACnBW,EAASf,EAAMe,QAAU,WAG3B,IAAMC,EAAiB,QAAVf,EAAAD,EAAMgB,YAAI,IAAAf,EAAAA,EAAIP,EAE3B,OAAOC,EAAMsB,aAAaL,EAAO,CAC/BG,OAAMA,EACNC,KAAIA,GAEP,IAIT"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Step/Steps/index.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport type { XHComponentCommonProps } from \"../../../types\";\n\nimport { StepProps } from \"..\";\n\nconst classPrefix = `xh-steps`;\nconst stepClassPrefix = `xh-step`;\n\nconst defaultIcon = <span className={`${stepClassPrefix}-icon-dot`} />;\n\nexport type StepsProps = {\n  current?: number;\n  direction?: \"horizontal\" | \"vertical\";\n  children?: React.ReactNode;\n  style?: React.CSSProperties & {\n    \"--line-to-next-color\"?: string;\n    \"--color-primary\"?: string;\n  };\n} & XHComponentCommonProps;\n\nconst Steps: FC<StepsProps> = props => {\n  const { direction = \"horizontal\", current = 0, style, className } = props;\n  const classString = classNames(\n    classPrefix,\n    `${classPrefix}-${direction}`,\n    className\n  );\n\n  return (\n    <View className={classString} style={style}>\n      {React.Children.map(\n        props.children,\n        (child: ReactElement<StepProps>, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const props = child.props;\n\n          let status = props.status || \"wait\";\n          if (index < current) {\n            status = props.status || \"finish\";\n          } else if (index === current) {\n            status = props.status || \"process\";\n          }\n\n          const icon = props.icon ?? defaultIcon;\n\n          return React.cloneElement(child, {\n            status,\n            icon,\n            direction,\n          });\n        }\n      )}\n    </View>\n  );\n};\n\nexport default Steps;\n"],"names":["defaultIcon","React","createElement","className","concat","Steps","props","_a","direction","_b","current","style","classString","classNames","View","Children","map","children","child","index","isValidElement","status","icon","cloneElement"],"mappings":"yFAOA,IAGMA,EAAcC,EAAMC,cAAA,OAAA,CAAAC,UAAW,GAAGC,OAFhB,UAE0C,eAY5DC,EAAwB,SAAAC,GACpB,IAAAC,EAA4DD,EAAKE,UAAjEA,OAAY,IAAAD,EAAA,aAAYA,EAAEE,EAAkCH,EAAvBI,QAAXA,OAAO,IAAAD,EAAG,EAACA,EAAEE,EAAqBL,EAAhBK,MAAER,EAAcG,EAAKH,UACnES,EAAcC,EAjBF,WAmBhB,GAAAT,OAnBgB,WAmBF,KAAAA,OAAII,GAClBL,GAGF,OACEF,EAACC,cAAAY,EAAK,CAAAX,UAAWS,EAAaD,MAAOA,GAClCV,EAAMc,SAASC,IACdV,EAAMW,UACN,SAACC,EAAgCC,SAC/B,IAAKlB,EAAMmB,eAAeF,GACxB,OAAOA,EAET,IAAMZ,EAAQY,EAAMZ,MAEhBe,EAASf,EAAMe,QAAU,OACzBF,EAAQT,EACVW,EAASf,EAAMe,QAAU,SAChBF,IAAUT,IACnBW,EAASf,EAAMe,QAAU,WAG3B,IAAMC,EAAiB,QAAVf,EAAAD,EAAMgB,YAAI,IAAAf,EAAAA,EAAIP,EAE3B,OAAOC,EAAMsB,aAAaL,EAAO,CAC/BG,OAAMA,EACNC,KAAIA,EACJd,UAASA,GAEZ,IAIT"}

package/dist/components/Step/index.js

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{View as a}from"@tarojs/components";import c from"./Steps/index.js";var s=function(c){var s=c.title,n=c.description,o=c.icon,r=c.status,m=void 0===r?"wait":r,i=c.fancy,l=c.style,p=c.className;return t.createElement(a,{className:e("".concat("xh-step"),"".concat("xh-step","-status-").concat(m),p),style:l},t.createElement(a,{className:"".concat("xh-step","-indicator")},t.createElement(a,{className:e("".concat("xh-step","-icon-container"),{fancy:i})},o)),t.createElement(a,{className:"".concat("xh-step","-content")},t.createElement(a,{className:"".concat("xh-step","-title")},s),!!n&&t.createElement(a,{className:"".concat("xh-step","-description")},n)))};s.Steps=c;export{s as default};
+import e from"react";import t from"classnames";import{View as a}from"@tarojs/components";import c from"./Steps/index.js";var s=function(c){var s=c.title,n=c.description,o=c.icon,r=c.status,m=void 0===r?"wait":r,i=c.fancy,l=c.style,p=c.className,x=c.direction,f=c.prefix;return e.createElement(a,{className:t("".concat("xh-step"),"".concat("xh-step","-status-").concat(m),p),style:l},"vertical"===x&&f&&e.createElement(a,{className:"".concat("xh-step","-prefix")},f),e.createElement(a,{className:"".concat("xh-step","-indicator")},e.createElement(a,{className:t("".concat("xh-step","-icon-container"),{fancy:i})},o)),e.createElement(a,{className:"".concat("xh-step","-content")},e.createElement(a,{className:"".concat("xh-step","-title")},s),!!n&&e.createElement(a,{className:"".concat("xh-step","-description")},n)))};s.Steps=c;export{s as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Step/index.tsx"],"sourcesContent":["import React, { ReactNode, ForwardRefExoticComponent } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\nimport Steps from \"./Steps\";\nimport \"./index.scss\";\n\nexport type StepProps = {\n  icon?: string | ReactNode;\n  title: string | ReactNode;\n  description?: string | ReactNode;\n  direction?: \"horizontal\" | \"vertical\";\n  status?: \"wait\" | \"process\" | \"finish\" | \"error\";\n  fancy?: boolean;\n  style?: React.CSSProperties;\n} & XHComponentCommonProps;\n\nconst classPrefix = \"xh-step\";\n\nconst Step: React.FC<StepProps> = props => {\n  const {\n    title,\n    description,\n    icon,\n    status = \"wait\",\n    fancy,\n    style,\n    className,\n  } = props;\n\n  return (\n    <View\n      className={classNames(\n        `${classPrefix}`,\n        `${classPrefix}-status-${status}`,\n        className\n      )}\n      style={style}\n    >\n      <View className={`${classPrefix}-indicator`}>\n        <View\n          className={classNames(`${classPrefix}-icon-container`, { fancy })}\n        >\n          {icon}\n        </View>\n      </View>\n      <View className={`${classPrefix}-content`}>\n        <View className={`${classPrefix}-title`}>{title}</View>\n        {!!description && (\n          <View className={`${classPrefix}-description`}>{description}</View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nexport type HybridComponent = ForwardRefExoticComponent<StepProps> & {\n  Steps: typeof Steps;\n};\n\nconst XHStep = Step as HybridComponent;\nXHStep.Steps = Steps;\n\nexport default XHStep;\n"],"names":["XHStep","props","title","description","icon","_a","status","fancy","style","className","React","View","classNames","concat","createElement","Steps"],"mappings":"yHAkBA,IA2CMA,EAzC4B,SAAAC,GAE9B,IAAAC,EAOED,EAPGC,MACLC,EAMEF,EANSE,YACXC,EAKEH,OAJFI,EAIEJ,EAJaK,OAAfA,OAAM,IAAAD,EAAG,OAAMA,EACfE,EAGEN,EAHGM,MACLC,EAEEP,EAFGO,MACLC,EACER,YAEJ,OACES,gBAACC,EAAI,CACHF,UAAWG,EACT,GAAAC,OAhBY,WAiBZ,GAAGA,OAjBS,UAiBa,YAAAA,OAAAP,GACzBG,GAEFD,MAAOA,GAEPE,EAAAI,cAACH,EAAK,CAAAF,UAAW,GAAAI,OAtBH,UAsB6B,eACzCH,EAAAI,cAACH,EACC,CAAAF,UAAWG,EAAW,UAxBZ,UAwB0B,mBAAmB,CAAEL,MAAKA,KAE7DH,IAGLM,EAAAI,cAACH,EAAK,CAAAF,UAAW,GAAAI,OA7BH,UA6B2B,aACvCH,EAACI,cAAAH,GAAKF,UAAW,UA9BL,UA8BmB,WAAWP,KACvCC,GACDO,EAACI,cAAAH,GAAKF,UAAW,UAhCP,UAgCqB,iBAAiBN,IAK1D,EAOAH,EAAOe,MAAQA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Step/index.tsx"],"sourcesContent":["import React, { ReactNode, ForwardRefExoticComponent } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\nimport Steps from \"./Steps\";\nimport \"./index.scss\";\n\nexport type StepProps = {\n  icon?: string | ReactNode;\n  title: string | ReactNode;\n  description?: string | ReactNode;\n  direction?: \"horizontal\" | \"vertical\";\n  status?: \"wait\" | \"process\" | \"finish\" | \"error\";\n  fancy?: boolean;\n  style?: React.CSSProperties;\n  prefix?: ReactNode;\n} & XHComponentCommonProps;\n\nconst classPrefix = \"xh-step\";\n\nconst Step: React.FC<StepProps> = props => {\n  const {\n    title,\n    description,\n    icon,\n    status = \"wait\",\n    fancy,\n    style,\n    className,\n    direction,\n    prefix,\n  } = props;\n\n  return (\n    <View\n      className={classNames(\n        `${classPrefix}`,\n        `${classPrefix}-status-${status}`,\n        className\n      )}\n      style={style}\n    >\n      {direction === \"vertical\" && prefix && (\n        <View className={`${classPrefix}-prefix`}>{prefix}</View>\n      )}\n      <View className={`${classPrefix}-indicator`}>\n        <View\n          className={classNames(`${classPrefix}-icon-container`, { fancy })}\n        >\n          {icon}\n        </View>\n      </View>\n      <View className={`${classPrefix}-content`}>\n        <View className={`${classPrefix}-title`}>{title}</View>\n        {!!description && (\n          <View className={`${classPrefix}-description`}>{description}</View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nexport type HybridComponent = ForwardRefExoticComponent<StepProps> & {\n  Steps: typeof Steps;\n};\n\nconst XHStep = Step as HybridComponent;\nXHStep.Steps = Steps;\n\nexport default XHStep;\n"],"names":["XHStep","props","title","description","icon","_a","status","fancy","style","className","direction","prefix","React","View","classNames","concat","createElement","Steps"],"mappings":"yHAmBA,IAgDMA,EA9C4B,SAAAC,GAE9B,IAAAC,EASED,EAAKC,MARPC,EAQEF,EAAKE,YAPPC,EAOEH,EAAKG,KANPC,EAMEJ,SANFK,OAAS,IAAAD,EAAA,OAAMA,EACfE,EAKEN,QAJFO,EAIEP,EAAKO,MAHPC,EAGER,YAFFS,EAEET,EAAKS,UADPC,EACEV,EAAKU,OAET,OACEC,gBAACC,EAAI,CACHJ,UAAWK,EACT,GAAAC,OAlBY,WAmBZ,GAAGA,OAnBS,UAmBa,YAAAA,OAAAT,GACzBG,GAEFD,MAAOA,GAEQ,aAAdE,GAA4BC,GAC3BC,EAACI,cAAAH,EAAK,CAAAJ,UAAW,GAAGM,OAzBR,sBAyB+BJ,GAE7CC,EAAAI,cAACH,EAAK,CAAAJ,UAAW,GAAAM,OA3BH,UA2B6B,eACzCH,EAAAI,cAACH,EACC,CAAAJ,UAAWK,EAAW,UA7BZ,UA6B0B,mBAAmB,CAAEP,MAAKA,KAE7DH,IAGLQ,EAAAI,cAACH,EAAK,CAAAJ,UAAW,GAAAM,OAlCH,UAkC2B,aACvCH,EAACI,cAAAH,GAAKJ,UAAW,UAnCL,UAmCmB,WAAWP,KACvCC,GACDS,EAACI,cAAAH,GAAKJ,UAAW,UArCP,UAqCqB,iBAAiBN,IAK1D,EAOAH,EAAOiB,MAAQA"}

package/dist/components/Switch/index.js

@@ -0,0 +1,2 @@
+import{__read as e}from"../node_modules/tslib/tslib.es6.js";import{View as t}from"@tarojs/components";import c,{useState as n,useMemo as o}from"react";import r from"classnames";var s=function(s){var a=s.checked,i=void 0!==a&&a,l=s.checkedText,m=void 0===l?"":l,d=s.uncheckedText,h=void 0===d?"":d,u=s.onChange,f=s.className,p=s.disabled,x=e(n(i),2),k=x[0],v=x[1],b=o((function(){return k?m:h}),[k,m,h]);return c.createElement(t,{className:r("xh-switch",{checked:k},{disabled:p},f),onClick:function(){p||v((function(e){return null==u||u(!e),!e}))}},c.createElement(t,{className:"xh-switch-control"}),c.createElement(t,{className:"xh-switch-inner"},b))};export{s as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Switch/index.tsx"],"sourcesContent":["import { View } from \"@tarojs/components\";\nimport React, { ReactNode, useMemo, useState } from \"react\";\nimport classNames from \"classnames\";\n\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type SwitchProps = {\n  checked?: boolean;\n  checkedText?: ReactNode;\n  uncheckedText?: ReactNode;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n} & XHComponentCommonProps;\n\nconst Switch: React.FC<SwitchProps> = props => {\n  const {\n    checked = false,\n    checkedText = \"\",\n    uncheckedText = \"\",\n    onChange,\n    className,\n    disabled,\n  } = props;\n\n  const [innerChecked, setInnerChecked] = useState(checked);\n\n  const handleCheckedChange = () => {\n    if (disabled) return;\n    setInnerChecked(old => {\n      onChange?.(!old);\n      return !old;\n    });\n  };\n\n  const checkedInner = useMemo(() => {\n    if (innerChecked) return checkedText;\n    return uncheckedText;\n  }, [innerChecked, checkedText, uncheckedText]);\n\n  return (\n    <View\n      className={classNames(\n        \"xh-switch\",\n        { checked: innerChecked },\n        { disabled },\n        className\n      )}\n      onClick={handleCheckedChange}\n    >\n      <View className=\"xh-switch-control\"></View>\n      <View className=\"xh-switch-inner\">{checkedInner}</View>\n    </View>\n  );\n};\n\nexport default Switch;\n"],"names":["Switch","props","_a","checked","_b","checkedText","_c","uncheckedText","onChange","className","disabled","_d","__read","useState","innerChecked","setInnerChecked","checkedInner","useMemo","React","createElement","View","classNames","onClick","old"],"mappings":"iLAeM,IAAAA,EAAgC,SAAAC,GAElC,IAAAC,EAMED,EAAKE,QANPA,OAAO,IAAAD,GAAQA,EACfE,EAKEH,cALFI,aAAc,GAAED,EAChBE,EAIEL,EAJgBM,cAAlBA,OAAgB,IAAAD,EAAA,KAChBE,EAGEP,EAAKO,SAFPC,EAEER,EAFOQ,UACTC,EACET,WAEEU,EAAAC,EAAkCC,EAASV,GAAQ,GAAlDW,EAAYH,EAAA,GAAEI,OAUfC,EAAeC,GAAQ,WAC3B,OAAIH,EAAqBT,EAClBE,CACR,GAAE,CAACO,EAAcT,EAAaE,IAE/B,OACEW,EAACC,cAAAC,EACC,CAAAX,UAAWY,EACT,YACA,CAAElB,QAASW,GACX,CAAEJ,SAAQA,GACVD,GAEFa,QArBwB,WACtBZ,GACJK,GAAgB,SAAAQ,GAEd,OADAf,SAAAA,GAAYe,IACJA,CACV,GACF,GAiBIL,EAAAC,cAACC,EAAI,CAACX,UAAU,sBAChBS,EAACC,cAAAC,EAAK,CAAAX,UAAU,mBAAmBO,GAGzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Tabbar/index.tsx"],"sourcesContent":["import TabBarComponent, { TabProps } from \"./tabbar/Tabbar\";\nimport TabBarItem from \"./tabbar/TabItem\";\n\nexport interface TabBarComponent<P = {}> extends React.FC<P> {\n  Item: typeof TabBarItem;\n}\n\nconst TabBar = TabBarComponent as TabBarComponent<TabProps>;\n\nTabBar.Item = TabBarItem;\n\nexport default TabBar;\n"],"names":["TabBar","TabBarComponent","Item","TabBarItem"],"mappings":"qEAOM,IAAAA,EAASC,EAEfD,EAAOE,KAAOC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tabbar/index.tsx"],"sourcesContent":["import TabBarComponent, { TabProps } from \"./tabbar/Tabbar\";\nimport TabBarItem from \"./tabbar/TabItem\";\n\nimport \"./index.scss\";\n\nexport interface TabBarComponent<P = {}> extends React.FC<P> {\n  Item: typeof TabBarItem;\n}\n\nconst TabBar = TabBarComponent as TabBarComponent<TabProps>;\n\nTabBar.Item = TabBarItem;\n\nexport default TabBar;\n"],"names":["TabBar","TabBarComponent","Item","TabBarItem"],"mappings":"qEASM,IAAAA,EAASC,EAEfD,EAAOE,KAAOC"}

package/dist/components/Tabbar/tabbar/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode } from \"react\";\n\nimport \"./index.scss\";\n\nexport interface TabItemProps extends PropsWithChildren<{}> {\n  title?: string;\n  TabItemComponent?: ReactNode;\n  children?: ReactNode;\n}\n\nconst TabItem = (props: TabItemProps) => {\n  const { children, title, TabItemComponent } = props;\n\n  return (\n    <div className=\"xh-tabbar-item\">\n      {TabItemComponent ? TabItemComponent : title}\n      {children}\n    </div>\n  );\n};\n\nexport default TabItem;\n"],"names":["TabItem","props","children","title","TabItemComponent","React","createElement","className"],"mappings":"qBAUM,IAAAA,EAAU,SAACC,GACP,IAAAC,EAAsCD,EAAKC,SAAjCC,EAA4BF,EAAKE,MAA1BC,EAAqBH,mBAE9C,OACEI,EAAAC,cAAA,MAAA,CAAKC,UAAU,kBACZH,GAAsCD,EACtCD,EAGP"}
+{"version":3,"file":"TabItem.js","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface TabItemProps extends PropsWithChildren<{}> {\n  title?: string;\n  TabItemComponent?: ReactNode;\n  children?: ReactNode;\n}\n\nconst TabItem = (props: TabItemProps) => {\n  const { children, title, TabItemComponent } = props;\n\n  return (\n    <div className=\"xh-tabbar-item\">\n      {TabItemComponent ? TabItemComponent : title}\n      {children}\n    </div>\n  );\n};\n\nexport default TabItem;\n"],"names":["TabItem","props","children","title","TabItemComponent","React","createElement","className"],"mappings":"qBAQM,IAAAA,EAAU,SAACC,GACP,IAAAC,EAAsCD,EAAKC,SAAjCC,EAA4BF,EAAKE,MAA1BC,EAAqBH,mBAE9C,OACEI,EAAAC,cAAA,MAAA,CAAKC,UAAU,kBACZH,GAAsCD,EACtCD,EAGP"}

package/dist/components/Tabbar/tabbar/Tabbar.js

@@ -1,2 +1,2 @@
-import{__read as t}from"../../node_modules/tslib/tslib.es6.js";import e,{useState as a,useEffect as n}from"react";import{createSelectorQuery as o}from"@tarojs/taro";import{View as r}from"@tarojs/components";import i from"classnames";import c from"./TabItem.js";var l=function(c){var l=c.children,m=void 0===l?[]:l,s=c.animated,b=void 0!==s&&s,v=c.initIndex,h=void 0===v?0:v,p=c.lineColor,f=void 0===p?"#F6AB00":p,u=c.titleActiveColor,d=void 0===u?"#333":u,x=c.titleInctiveColor,C=void 0===x?"#999":x,g=c.onChange,y=t(a(h),2),E=y[0],I=y[1],N=t(a(0),2),T=N[0],k=N[1],A=t(a(0),2),j=A[0],R=A[1];n((function(){var t=setTimeout((function(){var e=o();e.selectAll(".xh-tabbar-nav-item").boundingClientRect(),e.selectAll(".xh-tabbar-content-item").boundingClientRect(),e.exec((function(e){if(e[0][E]){var a=e[0][E].width;if(k(a),e[1][E]){var n=e[1][E].height;R(n),clearTimeout(t)}}}))}),300)}),[E,m]);var X;return e.createElement(r,{className:"xh-tabbar"},e.createElement(r,{className:"xh-tabbar-nav"},m.map((function(t,a){return e.createElement(r,{key:a,className:"xh-tabbar-nav-item",style:{color:E===a?d:C},onClick:function(){return function(t){I(t);var e=o();e.selectAll(".xh-tabbar-content-item").boundingClientRect(),e.exec((function(e){if(e[0][t]){var a=e[0][t].height;R(a)}})),g&&g(t)}(a)}},t.props.TabItemComponent?t.props.TabItemComponent:t.props.title)})),(X=T/2+E*T,e.createElement("div",{className:i("xh-tabbar-nav-line",{"xh-tabbar-nav-line-active":b}),style:{background:"".concat(f),transform:"translateX(".concat(X,"px) translate(-50%, -50%)"),WebkitTransform:"translateX(".concat(X,"px) translate(-50%, -50%)")}}))),e.createElement(r,{className:"xh-tabbar-content",style:{width:"".concat(100*m.length,"%"),height:j?"".concat(j,"px"):"auto"}},m.map((function(t,a){return e.createElement(r,{key:a,className:i("xh-tabbar-content-item",{"xh-tabbar-content-item-dispaly":E!==a&&!b,"xh-tabbar-content-item-active":E===a}),style:{transform:b?"translateX(-".concat(100*E,"%)"):""}},t.props.children)}))))};l.Item=c;export{l as default};
+import{__read as t}from"../../node_modules/tslib/tslib.es6.js";import e,{useState as a,useEffect as n}from"react";import{createSelectorQuery as o}from"@tarojs/taro";import{View as r}from"@tarojs/components";import i from"classnames";import c from"./TabItem.js";var l=function(c){var l=c.children,m=void 0===l?[]:l,s=c.animated,b=void 0!==s&&s,v=c.initIndex,h=void 0===v?0:v,p=c.lineColor,u=void 0===p?"#F6AB00":p,f=c.titleActiveColor,d=void 0===f?"#333":f,x=c.titleInctiveColor,C=void 0===x?"#999":x,g=c.onChange,y=c.content,E=t(a(h),2),I=E[0],N=E[1],T=t(a(0),2),k=T[0],A=T[1],j=t(a(0),2),R=j[0],X=j[1];n((function(){var t=setTimeout((function(){var e=o();e.selectAll(".xh-tabbar-nav-item").boundingClientRect(),e.selectAll(".xh-tabbar-content-item").boundingClientRect(),e.exec((function(e){if(e[0][I]){var a=e[0][I].width;if(A(a),e[1][I]){var n=e[1][I].height;X(n),clearTimeout(t)}}}))}),300)}),[I,m]);var w;return e.createElement(r,{className:"xh-tabbar"},e.createElement(r,{className:"xh-tabbar-nav"},m.map((function(t,a){return e.createElement(r,{key:a,className:"xh-tabbar-nav-item",style:{color:I===a?d:C},onClick:function(){return function(t){N(t);var e=o();e.selectAll(".xh-tabbar-content-item").boundingClientRect(),e.exec((function(e){if(e[0][t]){var a=e[0][t].height;X(a)}})),g&&g(t)}(a)}},t.props.TabItemComponent?t.props.TabItemComponent:t.props.title)})),(w=k/2+I*k,e.createElement("div",{className:i("xh-tabbar-nav-line",{"xh-tabbar-nav-line-active":b}),style:{background:"".concat(u),transform:"translateX(".concat(w,"px) translate(-50%, -50%)"),WebkitTransform:"translateX(".concat(w,"px) translate(-50%, -50%)")}}))),e.createElement(r,{className:"xh-tabbar-content",style:{width:"".concat(100*m.length,"%"),height:R?"".concat(R,"px"):"auto"}},y&&e.createElement(r,null,y),m.map((function(t,a){return e.createElement(r,{key:a,className:i("xh-tabbar-content-item",{"xh-tabbar-content-item-dispaly":I!==a&&!b,"xh-tabbar-content-item-active":I===a}),style:{transform:b?"translateX(-".concat(100*I,"%)"):""}},t.props.children)}))))};l.Item=c;export{l as default};
 //# sourceMappingURL=Tabbar.js.map

package/dist/components/Tabbar/tabbar/Tabbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabbar.js","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"sourcesContent":["import React, { FC, ReactElement, useEffect, useState } from \"react\";\nimport { createSelectorQuery } from \"@tarojs/taro\";\nimport { View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport Item from \"./TabItem\";\n\nimport \"./index.scss\";\n\n/**\n * Tab切换\n *\n * @param children  //子组件\n * @param animated  //是否开启转场动画\n * @param selectIndex  //默认选中第几个\n * @param lineColor   //下划线颜色\n * @param titleActiveColor   //标题选中态颜色\n * @param titleInctiveColor   //标题默认态颜色\n * @param onChange   //切换回调事件\n *\n */\n\nexport interface TabProps {\n  children: ReactElement[];\n  animated?: boolean;\n  initIndex?: number;\n  lineColor?: string;\n  titleActiveColor?: string;\n  titleInctiveColor?: string;\n  onChange?: (index: number) => void;\n}\n\nexport interface TabsComponent<P = {}> extends FC<P> {\n  Item: typeof Item;\n}\n\nconst XHTabs: TabsComponent<TabProps> = props => {\n  const {\n    children = [],\n    animated = false,\n    initIndex = 0,\n    lineColor = \"#F6AB00\",\n    titleActiveColor = \"#333\",\n    titleInctiveColor = \"#999\",\n    onChange,\n  } = props;\n\n  const [selectIndex, setSelectIndex] = useState(initIndex);\n  const [tabWdith, setTabWdith] = useState(0);\n  const [tabContentHeight, setTabContentHeight] = useState(0);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      const query = createSelectorQuery();\n      query.selectAll(\".xh-tabbar-nav-item\").boundingClientRect();\n      query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n\n      query.exec(res => {\n        if (!res[0][selectIndex]) return;\n        const width: number = res[0][selectIndex].width;\n        setTabWdith(width);\n\n        if (!res[1][selectIndex]) return;\n        const height: number = res[1][selectIndex].height;\n        setTabContentHeight(height);\n        clearTimeout(timer);\n      });\n    }, 300);\n    console.log(children.length);\n  }, [selectIndex, children]);\n\n  const handleClick = (index: number): void => {\n    setSelectIndex(index);\n    const query = createSelectorQuery();\n    query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n    query.exec(res => {\n      if (!res[0][index]) return;\n      const height: number = res[0][index].height;\n      setTabContentHeight(height);\n    });\n\n    onChange && onChange(index);\n  };\n\n  function renderLine(): ReactElement | null {\n    const left: number = tabWdith / 2 + selectIndex * tabWdith;\n    return (\n      <div\n        className={classNames(\"xh-tabbar-nav-line\", {\n          \"xh-tabbar-nav-line-active\": animated,\n        })}\n        style={{\n          background: `${lineColor}`,\n          transform: `translateX(${left}px) translate(-50%, -50%)`,\n          WebkitTransform: `translateX(${left}px) translate(-50%, -50%)`,\n        }}\n      />\n    );\n  }\n\n  return (\n    <View className=\"xh-tabbar\">\n      <View className=\"xh-tabbar-nav\">\n        {children.map((child, index) => (\n          <View\n            key={index}\n            className=\"xh-tabbar-nav-item\"\n            style={{\n              color:\n                selectIndex === index ? titleActiveColor : titleInctiveColor,\n            }}\n            onClick={() => handleClick(index)}\n          >\n            {child.props.TabItemComponent\n              ? child.props.TabItemComponent\n              : child.props.title}\n          </View>\n        ))}\n        {renderLine()}\n      </View>\n      <View\n        className=\"xh-tabbar-content\"\n        style={{\n          width: `${children.length * 100}%`,\n          height: tabContentHeight ? `${tabContentHeight}px` : \"auto\",\n        }}\n      >\n        {children.map((child, index) => (\n          <View\n            key={index}\n            className={classNames(\"xh-tabbar-content-item\", {\n              \"xh-tabbar-content-item-dispaly\":\n                selectIndex !== index && !animated,\n              \"xh-tabbar-content-item-active\": selectIndex === index,\n            })}\n            style={{\n              transform: animated ? `translateX(-${selectIndex * 100}%)` : \"\",\n            }}\n          >\n            {child.props.children}\n          </View>\n        ))}\n      </View>\n    </View>\n  );\n};\n\nXHTabs.Item = Item;\n\nexport default XHTabs;\nexport const TabItem = Item;\n"],"names":["XHTabs","props","_a","children","_b","animated","_c","initIndex","_d","lineColor","_e","titleActiveColor","_f","titleInctiveColor","onChange","_g","__read","useState","selectIndex","setSelectIndex","_h","tabWdith","setTabWdith","_j","tabContentHeight","setTabContentHeight","useEffect","timer","setTimeout","query","createSelectorQuery","selectAll","boundingClientRect","exec","res","width","height","clearTimeout","left","React","createElement","View","className","map","child","index","key","style","color","onClick","handleClick","TabItemComponent","title","classNames","background","concat","transform","WebkitTransform","length","Item"],"mappings":"qQAmCM,IAAAA,EAAkC,SAAAC,GAEpC,IAAAC,EAOED,EAAKE,SAPPA,OAAW,IAAAD,EAAA,GAAEA,EACbE,EAMEH,EANcI,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAKEL,EAAKM,UALPA,OAAY,IAAAD,EAAA,EAACA,EACbE,EAIEP,YAJFQ,OAAY,IAAAD,EAAA,UAASA,EACrBE,EAGET,EAHuBU,iBAAzBA,OAAgB,IAAAD,EAAG,OAAMA,EACzBE,EAEEX,EAAKY,kBAFPA,OAAoB,IAAAD,EAAA,OAAMA,EAC1BE,EACEb,EAAKa,SAEHC,EAAAC,EAAgCC,EAASV,GAAU,GAAlDW,EAAWH,EAAA,GAAEI,OACdC,EAAAJ,EAA0BC,EAAS,GAAE,GAApCI,EAAQD,EAAA,GAAEE,OACXC,EAAAP,EAA0CC,EAAS,GAAE,GAApDO,EAAgBD,EAAA,GAAEE,OAEzBC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvB,IAAMC,EAAQC,IACdD,EAAME,UAAU,uBAAuBC,qBACvCH,EAAME,UAAU,2BAA2BC,qBAE3CH,EAAMI,MAAK,SAAAC,GACT,GAAKA,EAAI,GAAGhB,GAAZ,CACA,IAAMiB,EAAgBD,EAAI,GAAGhB,GAAaiB,MAG1C,GAFAb,EAAYa,GAEPD,EAAI,GAAGhB,GAAZ,CACA,IAAMkB,EAAiBF,EAAI,GAAGhB,GAAakB,OAC3CX,EAAoBW,GACpBC,aAAaV,EAHoB,CAJA,CAQnC,GACD,GAAE,IAEL,GAAG,CAACT,EAAaf,IAEjB,IAcQmC,EAeR,OACEC,EAACC,cAAAC,EAAK,CAAAC,UAAU,aACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,iBACbvC,EAASwC,KAAI,SAACC,EAAOC,GAAU,OAC9BN,EAAAC,cAACC,EACC,CAAAK,IAAKD,EACLH,UAAU,qBACVK,MAAO,CACLC,MACE9B,IAAgB2B,EAAQlC,EAAmBE,GAE/CoC,QAAS,WAAM,OAxCL,SAACJ,GACnB1B,EAAe0B,GACf,IAAMhB,EAAQC,IACdD,EAAME,UAAU,2BAA2BC,qBAC3CH,EAAMI,MAAK,SAAAC,GACT,GAAKA,EAAI,GAAGW,GAAZ,CACA,IAAMT,EAAiBF,EAAI,GAAGW,GAAOT,OACrCX,EAAoBW,EAFO,CAG7B,IAEAtB,GAAYA,EAAS+B,EACvB,CA6ByBK,CAAYL,KAE1BD,EAAM3C,MAAMkD,iBACTP,EAAM3C,MAAMkD,iBACZP,EAAM3C,MAAMmD,WA9BlBd,EAAejB,EAAW,EAAIH,EAAcG,EAEhDkB,EACEC,cAAA,MAAA,CAAAE,UAAWW,EAAW,qBAAsB,CAC1C,4BAA6BhD,IAE/B0C,MAAO,CACLO,WAAY,GAAGC,OAAA9C,GACf+C,UAAW,cAAcD,OAAAjB,EAA+B,6BACxDmB,gBAAiB,cAAcF,OAAAjB,EAA+B,kCA0BlEC,EAAAC,cAACC,EACC,CAAAC,UAAU,oBACVK,MAAO,CACLZ,MAAO,GAAGoB,OAAkB,IAAlBpD,EAASuD,OAAe,KAClCtB,OAAQZ,EAAmB,GAAG+B,OAAA/B,EAAoB,MAAG,SAGtDrB,EAASwC,KAAI,SAACC,EAAOC,GAAU,OAC9BN,gBAACE,EAAI,CACHK,IAAKD,EACLH,UAAWW,EAAW,yBAA0B,CAC9C,iCACEnC,IAAgB2B,IAAUxC,EAC5B,gCAAiCa,IAAgB2B,IAEnDE,MAAO,CACLS,UAAWnD,EAAW,eAAAkD,OAA6B,IAAdrC,EAAiB,MAAO,KAG9D0B,EAAM3C,MAAME,SAEhB,KAIT,EAEAH,EAAO2D,KAAOA"}
+{"version":3,"file":"Tabbar.js","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"sourcesContent":["import React, { FC, ReactElement, useEffect, useState, ReactNode } from \"react\";\nimport { createSelectorQuery } from \"@tarojs/taro\";\nimport { View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport Item from \"./TabItem\";\n\n/**\n * Tab切换\n *\n * @param children  //子组件\n * @param animated  //是否开启转场动画\n * @param selectIndex  //默认选中第几个\n * @param lineColor   //下划线颜色\n * @param titleActiveColor   //标题选中态颜色\n * @param titleInctiveColor   //标题默认态颜色\n * @param onChange   //切换回调事件\n * @param content   //item公共节点\n *\n */\n\nexport interface TabProps {\n  children: ReactElement[];\n  animated?: boolean;\n  initIndex?: number;\n  lineColor?: string;\n  titleActiveColor?: string;\n  titleInctiveColor?: string;\n  onChange?: (index: number) => void;\n  content?: string | ReactNode;\n}\n\nexport interface TabsComponent<P = {}> extends FC<P> {\n  Item: typeof Item;\n}\n\nconst XHTabs: TabsComponent<TabProps> = props => {\n  const {\n    children = [],\n    animated = false,\n    initIndex = 0,\n    lineColor = \"#F6AB00\",\n    titleActiveColor = \"#333\",\n    titleInctiveColor = \"#999\",\n    onChange,\n    content,\n  } = props;\n\n  const [selectIndex, setSelectIndex] = useState(initIndex);\n  const [tabWdith, setTabWdith] = useState(0);\n  const [tabContentHeight, setTabContentHeight] = useState(0);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      const query = createSelectorQuery();\n      query.selectAll(\".xh-tabbar-nav-item\").boundingClientRect();\n      query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n\n      query.exec(res => {\n        if (!res[0][selectIndex]) return;\n        const width: number = res[0][selectIndex].width;\n        setTabWdith(width);\n\n        if (!res[1][selectIndex]) return;\n        const height: number = res[1][selectIndex].height;\n        setTabContentHeight(height);\n        clearTimeout(timer);\n      });\n    }, 300);\n    console.log(children.length);\n  }, [selectIndex, children]);\n\n  const handleClick = (index: number): void => {\n    setSelectIndex(index);\n    const query = createSelectorQuery();\n    query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n    query.exec(res => {\n      if (!res[0][index]) return;\n      const height: number = res[0][index].height;\n      setTabContentHeight(height);\n    });\n\n    onChange && onChange(index);\n  };\n\n  function renderLine(): ReactElement | null {\n    const left: number = tabWdith / 2 + selectIndex * tabWdith;\n    return (\n      <div\n        className={classNames(\"xh-tabbar-nav-line\", {\n          \"xh-tabbar-nav-line-active\": animated,\n        })}\n        style={{\n          background: `${lineColor}`,\n          transform: `translateX(${left}px) translate(-50%, -50%)`,\n          WebkitTransform: `translateX(${left}px) translate(-50%, -50%)`,\n        }}\n      />\n    );\n  }\n\n  return (\n    <View className=\"xh-tabbar\">\n      <View className=\"xh-tabbar-nav\">\n        {children.map((child, index) => (\n          <View\n            key={index}\n            className=\"xh-tabbar-nav-item\"\n            style={{\n              color:\n                selectIndex === index ? titleActiveColor : titleInctiveColor,\n            }}\n            onClick={() => handleClick(index)}\n          >\n            {child.props.TabItemComponent\n              ? child.props.TabItemComponent\n              : child.props.title}\n          </View>\n        ))}\n        {renderLine()}\n      </View>\n      <View\n        className=\"xh-tabbar-content\"\n        style={{\n          width: `${children.length * 100}%`,\n          height: tabContentHeight ? `${tabContentHeight}px` : \"auto\",\n        }}\n      >\n        {content && <View>{content}</View>}\n        {children.map((child, index) => (\n          <View\n            key={index}\n            className={classNames(\"xh-tabbar-content-item\", {\n              \"xh-tabbar-content-item-dispaly\":\n                selectIndex !== index && !animated,\n              \"xh-tabbar-content-item-active\": selectIndex === index,\n            })}\n            style={{\n              transform: animated ? `translateX(-${selectIndex * 100}%)` : \"\",\n            }}\n          >\n            {child.props.children}\n          </View>\n        ))}\n      </View>\n    </View>\n  );\n};\n\nXHTabs.Item = Item;\n\nexport default XHTabs;\nexport const TabItem = Item;\n"],"names":["XHTabs","props","_a","children","_b","animated","_c","initIndex","_d","lineColor","_e","titleActiveColor","_f","titleInctiveColor","onChange","content","_g","__read","useState","selectIndex","setSelectIndex","_h","tabWdith","setTabWdith","_j","tabContentHeight","setTabContentHeight","useEffect","timer","setTimeout","query","createSelectorQuery","selectAll","boundingClientRect","exec","res","width","height","clearTimeout","left","React","createElement","View","className","map","child","index","key","style","color","onClick","handleClick","TabItemComponent","title","classNames","background","concat","transform","WebkitTransform","length","Item"],"mappings":"qQAmCM,IAAAA,EAAkC,SAAAC,GAEpC,IAAAC,EAQED,EARWE,SAAbA,OAAQ,IAAAD,EAAG,GAAEA,EACbE,EAOEH,EAAKI,SAPPA,OAAW,IAAAD,GAAKA,EAChBE,EAMEL,EANWM,UAAbA,OAAS,IAAAD,EAAG,EAACA,EACbE,EAKEP,EALmBQ,UAArBA,OAAS,IAAAD,EAAG,UAASA,EACrBE,EAIET,EAAKU,iBAJPA,OAAmB,IAAAD,EAAA,OAAMA,EACzBE,EAGEX,EAAKY,kBAHPA,OAAoB,IAAAD,EAAA,OAAMA,EAC1BE,EAEEb,EAAKa,SADPC,EACEd,UAEEe,EAAAC,EAAgCC,EAASX,GAAU,GAAlDY,EAAWH,EAAA,GAAEI,OACdC,EAAAJ,EAA0BC,EAAS,GAAE,GAApCI,EAAQD,EAAA,GAAEE,OACXC,EAAAP,EAA0CC,EAAS,GAAE,GAApDO,EAAgBD,EAAA,GAAEE,OAEzBC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvB,IAAMC,EAAQC,IACdD,EAAME,UAAU,uBAAuBC,qBACvCH,EAAME,UAAU,2BAA2BC,qBAE3CH,EAAMI,MAAK,SAAAC,GACT,GAAKA,EAAI,GAAGhB,GAAZ,CACA,IAAMiB,EAAgBD,EAAI,GAAGhB,GAAaiB,MAG1C,GAFAb,EAAYa,GAEPD,EAAI,GAAGhB,GAAZ,CACA,IAAMkB,EAAiBF,EAAI,GAAGhB,GAAakB,OAC3CX,EAAoBW,GACpBC,aAAaV,EAHoB,CAJA,CAQnC,GACD,GAAE,IAEL,GAAG,CAACT,EAAahB,IAEjB,IAcQoC,EAeR,OACEC,EAACC,cAAAC,EAAK,CAAAC,UAAU,aACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,iBACbxC,EAASyC,KAAI,SAACC,EAAOC,GAAU,OAC9BN,EAAAC,cAACC,EACC,CAAAK,IAAKD,EACLH,UAAU,qBACVK,MAAO,CACLC,MACE9B,IAAgB2B,EAAQnC,EAAmBE,GAE/CqC,QAAS,WAAM,OAxCL,SAACJ,GACnB1B,EAAe0B,GACf,IAAMhB,EAAQC,IACdD,EAAME,UAAU,2BAA2BC,qBAC3CH,EAAMI,MAAK,SAAAC,GACT,GAAKA,EAAI,GAAGW,GAAZ,CACA,IAAMT,EAAiBF,EAAI,GAAGW,GAAOT,OACrCX,EAAoBW,EAFO,CAG7B,IAEAvB,GAAYA,EAASgC,EACvB,CA6ByBK,CAAYL,KAE1BD,EAAM5C,MAAMmD,iBACTP,EAAM5C,MAAMmD,iBACZP,EAAM5C,MAAMoD,WA9BlBd,EAAejB,EAAW,EAAIH,EAAcG,EAEhDkB,EACEC,cAAA,MAAA,CAAAE,UAAWW,EAAW,qBAAsB,CAC1C,4BAA6BjD,IAE/B2C,MAAO,CACLO,WAAY,GAAGC,OAAA/C,GACfgD,UAAW,cAAcD,OAAAjB,EAA+B,6BACxDmB,gBAAiB,cAAcF,OAAAjB,EAA+B,kCA0BlEC,EAAAC,cAACC,EACC,CAAAC,UAAU,oBACVK,MAAO,CACLZ,MAAO,GAAGoB,OAAkB,IAAlBrD,EAASwD,OAAe,KAClCtB,OAAQZ,EAAmB,GAAG+B,OAAA/B,EAAoB,MAAG,SAGtDV,GAAWyB,EAAAC,cAACC,EAAI,KAAE3B,GAClBZ,EAASyC,KAAI,SAACC,EAAOC,GAAU,OAC9BN,EAAAC,cAACC,EACC,CAAAK,IAAKD,EACLH,UAAWW,EAAW,yBAA0B,CAC9C,iCACEnC,IAAgB2B,IAAUzC,EAC5B,gCAAiCc,IAAgB2B,IAEnDE,MAAO,CACLS,UAAWpD,EAAW,eAAAmD,OAA6B,IAAdrC,EAAiB,MAAO,KAG9D0B,EAAM5C,MAAME,SAEhB,KAIT,EAEAH,EAAO4D,KAAOA"}

package/dist/components/src/index.js

@@ -1,2 +1,2 @@
-export{default as XHButton}from"../Button/index.js";export{default as XHPage}from"../Page/index.js";export{default as XHLoading}from"../Loading/index.js";export{default as XHBankIcon}from"../BankIcon/index.js";export{default as XHCaptcha}from"../Captcha/index.js";export{default as XHFormInput}from"../FormInput/index.js";export{default as XHList}from"../List/index.js";export{default as XHMask}from"../Mask/index.js";export{default as XHImage}from"../Image/index.js";export{default as XHDialog}from"../Dialog/index.js";export{default as XHNumberKeyboard}from"../NumberKeyboard/index.js";export{default as XHPasswordInput}from"../PasswordInput/index.js";export{default as XHProgress}from"../Progress/index.js";export{default as XHToast}from"../Toast/index.js";export{default as XHDialogRef}from"../DialogRef/index.js";export{default as XHTabbar}from"../Tabbar/index.js";export{default as XHPopup}from"../Popup/index.js";export{default as XHPicker}from"../Picker/index.js";export{default as XHSpace}from"../Space/index.js";export{default as ThemeProvider}from"../ThemeProvider/index.js";export{default as XHCheckbox}from"../Checkbox/index.js";export{default as XHRadio}from"../Radio/index.js";export{default as XHStep}from"../Step/index.js";export{default as XHBadge}from"../Badge/index.js";export{default as XHAmountInput}from"../AmountInput/index.js";export{default as XHAmountKeyboard}from"../AmountKeyboard/index.js";export{default as XHCollapse}from"../Collapse/index.js";export{default as XHNavBar}from"../NavBar/index.js";
+export{default as XHButton}from"../Button/index.js";export{default as XHPage}from"../Page/index.js";export{default as XHLoading}from"../Loading/index.js";export{default as XHBankIcon}from"../BankIcon/index.js";export{default as XHCaptcha}from"../Captcha/index.js";export{default as XHFormInput}from"../FormInput/index.js";export{default as XHList}from"../List/index.js";export{default as XHMask}from"../Mask/index.js";export{default as XHImage}from"../Image/index.js";export{default as XHDialog}from"../Dialog/index.js";export{default as XHNumberKeyboard}from"../NumberKeyboard/index.js";export{default as XHPasswordInput}from"../PasswordInput/index.js";export{default as XHProgress}from"../Progress/index.js";export{default as XHToast}from"../Toast/index.js";export{default as XHDialogRef}from"../DialogRef/index.js";export{default as XHTabbar}from"../Tabbar/index.js";export{default as XHPopup}from"../Popup/index.js";export{default as XHPicker}from"../Picker/index.js";export{default as XHSpace}from"../Space/index.js";export{default as ThemeProvider}from"../ThemeProvider/index.js";export{default as XHCheckbox}from"../Checkbox/index.js";export{default as XHRadio}from"../Radio/index.js";export{default as XHStep}from"../Step/index.js";export{default as XHBadge}from"../Badge/index.js";export{default as XHAmountInput}from"../AmountInput/index.js";export{default as XHAmountKeyboard}from"../AmountKeyboard/index.js";export{default as XHCollapse}from"../Collapse/index.js";export{default as XHNavBar}from"../NavBar/index.js";export{default as XHIcon}from"../Icon/index.js";export{default as XHActionSheet}from"../ActionSheet/index.js";export{default as XHRank}from"../Rank/index.js";export{default as XHCell}from"../Cell/index.js";export{default as XHActivityIndicator}from"../ActivityIndicator/index.js";export{default as XHSwitch}from"../Switch/index.js";
 //# sourceMappingURL=index.js.map