taro-react-uilib 1.4.19-0 → 1.4.19-1

package/dist/components/LicensePlateInput/index.js

@@ -1,2 +1,2 @@
-import{__rest as e,__read as n,__assign as a}from"../node_modules/tslib/tslib.es6.js";import o,{useState as t,useRef as r}from"react";import l from"classnames";import{View as i}from"@tarojs/components";import s from"./Keyboard.js";var c=function(c){var m=c.value,u=void 0===m?"":m,d=c.onChange,f=c.className,h=c.showKeyboard,v=void 0!==h&&h,p=c.padding,b=void 0!==p&&p,g=c.border,N=void 0!==g&&g;c.onFinish;var x=c.label,w=e(c,["value","onChange","className","showKeyboard","padding","border","onFinish","label"]),C=n(t(u.length),2),E=C[0],P=C[1],y=n(t(v),2),j=y[0],K=y[1],k=r(null);var F=l("xh-licensePlate",f,{padding:b},{border:N});return o.createElement(i,{className:F},x&&o.createElement("label",{className:"xh-licensePlate-label"},x),o.createElement(i,{className:"xh-licensePlate-input",onClick:function(e){e.stopPropagation(),K(!0)},ref:k},function(){for(var e=[],n=0;n<8;n++){var a=u[n];e.push(o.createElement(i,{key:n,className:l("xh-licensePlate-input-item",{active:E-1===n,showNew:7===n&&8!==u.length})},a))}return e}()),o.createElement(s,a({activeIndex:E,show:j,value:u,onChange:function(e){P((function(e){return e+1})),d(e)},onDelete:function(){var e=u.slice(0,-1);P((function(e){return e-1})),d(e)},onClose:function(){K(!1)}},w)))};export{c as default};
+import{__rest as e,__read as o,__assign as n}from"../node_modules/tslib/tslib.es6.js";import a,{useState as t,useRef as r,useEffect as l}from"react";import i from"classnames";import{View as s}from"@tarojs/components";import c from"./Keyboard.js";var m=function(m){var u=m.value,d=void 0===u?"":u,h=m.onChange,v=m.className,f=m.showKeyboard,p=void 0!==f&&f,b=m.padding,g=void 0!==b&&b,N=m.border,w=void 0!==N&&N;m.onFinish;var x=m.autoScroll,E=void 0===x||x,C=m.label,P=e(m,["value","onChange","className","showKeyboard","padding","border","onFinish","autoScroll","label"]),y=o(t(d.length),2),j=y[0],K=y[1],k=o(t(p),2),F=k[0],I=k[1],S=r(null);l((function(){F&&S.current&&E&&"h5"===process.env.TARO_ENV&&S.current.scrollIntoView({behavior:"smooth"})}),[F,E]);var V=i("xh-licensePlate",v,{padding:g},{border:w});return a.createElement(s,{className:V},C&&a.createElement("label",{className:"xh-licensePlate-label"},C),a.createElement(s,{className:"xh-licensePlate-input",onClick:function(e){e.stopPropagation(),I(!0)},ref:S},function(){for(var e=[],o=0;o<8;o++){var n=d[o];e.push(a.createElement(s,{key:o,className:i("xh-licensePlate-input-item",{active:j-1===o,showNew:7===o&&8!==d.length})},n))}return e}()),a.createElement(c,n({activeIndex:j,show:F,value:d,onChange:function(e){K((function(e){return e+1})),h(e)},onDelete:function(){var e=d.slice(0,-1);K((function(e){return e-1})),h(e)},onClose:function(){I(!1)}},P)))};export{m as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LicensePlateInput/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { ITouchEvent, View } from \"@tarojs/components\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport Keyboard from \"./Keyboard\";\nimport \"./index.scss\";\n\nexport type LicensePlateProps = {\n  value: string;\n  onChange: (index: string) => void;\n  /**\n   * 是否默认展示键盘\n   */\n  showKeyboard?: boolean;\n  closeText?: string;\n  label?: ReactNode;\n  onFinish?: () => void;\n  padding?: boolean;\n  border?: boolean;\n} & XHComponentCommonProps;\n\nconst LENGTH = 8;\n\nconst LicensePlateInput: FC<LicensePlateProps> = props => {\n  const {\n    value = \"\",\n    onChange,\n    className,\n    showKeyboard = false,\n    padding = false,\n    border = false,\n    onFinish,\n    label,\n    ...rest\n  } = props;\n\n  const [activeIndex, setActiveIndex] = useState(value.length);\n\n  const [show, setShowKeyboard] = useState(showKeyboard);\n\n  const InputRef = useRef<HTMLDivElement>(null);\n\n  const handleOnChage = neVal => {\n    setActiveIndex(old => {\n      return old + 1;\n    });\n    // if (neVal.length === LENGTH) {\n    //   onFinish?.();\n    //   setShowKeyboard(false);\n    // }\n    onChange(neVal);\n  };\n\n  function renderInputs(): ReactNode {\n    const Inputs: any = [];\n\n    for (let i = 0; i < LENGTH; i++) {\n      const char = value[i];\n\n      Inputs.push(\n        <View\n          key={i}\n          className={classNames(\"xh-licensePlate-input-item\", {\n            active: activeIndex - 1 === i,\n            showNew: i === LENGTH - 1 && value.length !== LENGTH,\n          })}\n        >\n          {char}\n        </View>\n      );\n    }\n\n    return Inputs;\n  }\n\n  /**\n   * 删除最后一位\n   */\n  const handleDelete = () => {\n    const newValue = value.slice(0, -1);\n    setActiveIndex(old => old - 1);\n    onChange(newValue);\n  };\n\n  const handleClose = () => {\n    setShowKeyboard(false);\n  };\n\n  function handlerClick(e: ITouchEvent): void {\n    e.stopPropagation();\n    setShowKeyboard(true);\n    // if (process.env.TARO_ENV === \"h5\") {\n    //   InputRef.current?.scrollIntoView(false)\n    // }\n  }\n  const xhLicensePlateCls = classNames(\n    \"xh-licensePlate\",\n    className,\n    { padding },\n    { border }\n  );\n\n  return (\n    <View className={xhLicensePlateCls}>\n      {label && <label className=\"xh-licensePlate-label\">{label}</label>}\n      <View\n        className=\"xh-licensePlate-input\"\n        onClick={handlerClick}\n        ref={InputRef}\n      >\n        {renderInputs()}\n      </View>\n      <Keyboard\n        activeIndex={activeIndex}\n        show={show}\n        value={value}\n        onChange={handleOnChage}\n        onDelete={handleDelete}\n        onClose={handleClose}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nexport default LicensePlateInput;\n"],"names":["LicensePlateInput","props","_a","value","onChange","className","_b","showKeyboard","_c","padding","_d","border","onFinish","label","rest","__rest","_e","__read","useState","length","activeIndex","setActiveIndex","_f","show","setShowKeyboard","InputRef","useRef","xhLicensePlateCls","classNames","React","createElement","View","onClick","e","stopPropagation","ref","Inputs","i","char","push","key","active","showNew","LENGTH","renderInputs","Keyboard","__assign","neVal","old","onDelete","newValue","slice","onClose"],"mappings":"uOAqBA,IAEMA,EAA2C,SAAAC,GAE7C,IAAAC,EASED,EATQE,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EACVE,EAQEH,EARMG,SACRC,EAOEJ,EAAKI,UANPC,EAMEL,EAAKM,aANPA,OAAe,IAAAD,GAAKA,EACpBE,EAKEP,EAAKQ,QALPA,OAAU,IAAAD,GAAKA,EACfE,EAIET,EAJYU,OAAdA,OAAM,IAAAD,GAAQA,EAIZT,EAHMW,SACR,IAAAC,EAEEZ,EAAKY,MADJC,EACDC,EAAAd,EAVE,CAAA,QAAA,WAAA,YAAA,eAAA,UAAA,SAAA,WAAA,UAYAe,EAAAC,EAAgCC,EAASf,EAAMgB,QAAO,GAArDC,EAAWJ,EAAA,GAAEK,OAEdC,EAAAL,EAA0BC,EAASX,GAAa,GAA/CgB,EAAID,EAAA,GAAEE,OAEPC,EAAWC,EAAuB,MAuDxC,IAAMC,EAAoBC,EACxB,kBACAvB,EACA,CAAEI,QAAOA,GACT,CAAEE,OAAMA,IAGV,OACEkB,EAACC,cAAAC,EAAK,CAAA1B,UAAWsB,GACdd,GAASgB,EAAOC,cAAA,QAAA,CAAAzB,UAAU,yBAAyBQ,GACpDgB,EAAAC,cAACC,EACC,CAAA1B,UAAU,wBACV2B,QAnBN,SAAsBC,GACpBA,EAAEC,kBACFV,GAAgB,EAIjB,EAcKW,IAAKV,GAvDX,WAGE,IAFA,IAAMW,EAAc,GAEXC,EAAI,EAAGA,EAnCL,EAmCiBA,IAAK,CAC/B,IAAMC,EAAOnC,EAAMkC,GAEnBD,EAAOG,KACLV,EAAAC,cAACC,EACC,CAAAS,IAAKH,EACLhC,UAAWuB,EAAW,6BAA8B,CAClDa,OAAQrB,EAAc,IAAMiB,EAC5BK,QAAeC,IAANN,GA3CN,IA2C0BlC,EAAMgB,UAGpCmB,GAGN,CAED,OAAOF,CACR,CAqCMQ,IAEHf,EAAAC,cAACe,EAAQC,EAAA,CACP1B,YAAaA,EACbG,KAAMA,EACNpB,MAAOA,EACPC,SA1EgB,SAAA2C,GACpB1B,GAAe,SAAA2B,GACb,OAAOA,EAAM,CACf,IAKA5C,EAAS2C,EACX,EAkEME,SAvCe,WACnB,IAAMC,EAAW/C,EAAMgD,MAAM,GAAI,GACjC9B,GAAe,SAAA2B,GAAO,OAAAA,EAAM,CAAC,IAC7B5C,EAAS8C,EACX,EAoCME,QAlCc,WAClB5B,GAAgB,EAClB,GAiCUV,IAIZ"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LicensePlateInput/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { ITouchEvent, View } from \"@tarojs/components\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport Keyboard from \"./Keyboard\";\nimport \"./index.scss\";\n\nexport type LicensePlateProps = {\n  value: string;\n  onChange: (index: string) => void;\n  /**\n   * 是否默认展示键盘\n   */\n  showKeyboard?: boolean;\n  closeText?: string;\n  label?: ReactNode;\n  onFinish?: () => void;\n  padding?: boolean;\n  border?: boolean;\n  autoScroll?: boolean;\n} & XHComponentCommonProps;\n\nconst LENGTH = 8;\n\nconst LicensePlateInput: FC<LicensePlateProps> = props => {\n  const {\n    value = \"\",\n    onChange,\n    className,\n    showKeyboard = false,\n    padding = false,\n    border = false,\n    onFinish,\n    autoScroll = true,\n    label,\n    ...rest\n  } = props;\n\n  const [activeIndex, setActiveIndex] = useState(value.length);\n\n  const [show, setShowKeyboard] = useState(showKeyboard);\n\n  const InputRef = useRef<HTMLDivElement>(null);\n\n  const handleOnChage = neVal => {\n    setActiveIndex(old => {\n      return old + 1;\n    });\n    // if (neVal.length === LENGTH) {\n    //   onFinish?.();\n    //   setShowKeyboard(false);\n    // }\n    onChange(neVal);\n  };\n\n  function renderInputs(): ReactNode {\n    const Inputs: any = [];\n\n    for (let i = 0; i < LENGTH; i++) {\n      const char = value[i];\n\n      Inputs.push(\n        <View\n          key={i}\n          className={classNames(\"xh-licensePlate-input-item\", {\n            active: activeIndex - 1 === i,\n            showNew: i === LENGTH - 1 && value.length !== LENGTH,\n          })}\n        >\n          {char}\n        </View>\n      );\n    }\n\n    return Inputs;\n  }\n\n  /**\n   * 删除最后一位\n   */\n  const handleDelete = () => {\n    const newValue = value.slice(0, -1);\n    setActiveIndex(old => old - 1);\n    onChange(newValue);\n  };\n\n  const handleClose = () => {\n    setShowKeyboard(false);\n  };\n\n  useEffect(() => {\n    if (\n      show &&\n      InputRef.current &&\n      autoScroll &&\n      process.env.TARO_ENV === \"h5\"\n    ) {\n      InputRef.current.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [show, autoScroll]);\n\n  function handlerClick(e: ITouchEvent): void {\n    e.stopPropagation();\n    setShowKeyboard(true);\n  }\n  const xhLicensePlateCls = classNames(\n    \"xh-licensePlate\",\n    className,\n    { padding },\n    { border }\n  );\n\n  return (\n    <View className={xhLicensePlateCls}>\n      {label && <label className=\"xh-licensePlate-label\">{label}</label>}\n      <View\n        className=\"xh-licensePlate-input\"\n        onClick={handlerClick}\n        ref={InputRef}\n      >\n        {renderInputs()}\n      </View>\n      <Keyboard\n        activeIndex={activeIndex}\n        show={show}\n        value={value}\n        onChange={handleOnChage}\n        onDelete={handleDelete}\n        onClose={handleClose}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nexport default LicensePlateInput;\n"],"names":["LicensePlateInput","props","_a","value","onChange","className","_b","showKeyboard","_c","padding","_d","border","onFinish","_e","autoScroll","label","rest","__rest","_f","__read","useState","length","activeIndex","setActiveIndex","_g","show","setShowKeyboard","InputRef","useRef","useEffect","current","process","env","TARO_ENV","scrollIntoView","behavior","xhLicensePlateCls","classNames","React","createElement","View","onClick","e","stopPropagation","ref","Inputs","i","char","push","key","active","showNew","LENGTH","renderInputs","Keyboard","__assign","neVal","old","onDelete","newValue","slice","onClose"],"mappings":"sPAsBA,IAEMA,EAA2C,SAAAC,GAE7C,IAAAC,EAUED,EAVQE,MAAVA,OAAQ,IAAAD,EAAA,GAAEA,EACVE,EASEH,EAAKG,SARPC,EAQEJ,EAAKI,UAPPC,EAOEL,EAAKM,aAPPA,OAAY,IAAAD,GAAQA,EACpBE,EAMEP,EANaQ,QAAfA,OAAU,IAAAD,GAAKA,EACfE,EAKET,EALYU,OAAdA,OAAS,IAAAD,GAAKA,EAKZT,EAJMW,SAAA,IACRC,EAGEZ,EAAKa,WAHPA,OAAa,IAAAD,GAAIA,EACjBE,EAEEd,EAFGc,MACFC,EACDC,EAAAhB,EAXE,CAAA,QAAA,WAAA,YAAA,eAAA,UAAA,SAAA,WAAA,aAAA,UAaAiB,EAAAC,EAAgCC,EAASjB,EAAMkB,QAAO,GAArDC,EAAWJ,EAAA,GAAEK,OAEdC,EAAAL,EAA0BC,EAASb,GAAa,GAA/CkB,EAAID,EAAA,GAAEE,OAEPC,EAAWC,EAAuB,MAgDxCC,GAAU,WAENJ,GACAE,EAASG,SACThB,GACyB,OAAzBiB,QAAQC,IAAIC,UAEZN,EAASG,QAAQI,eAAe,CAAEC,SAAU,UAEhD,GAAG,CAACV,EAAMX,IAMV,IAAMsB,EAAoBC,EACxB,kBACAhC,EACA,CAAEI,QAAOA,GACT,CAAEE,OAAMA,IAGV,OACE2B,EAACC,cAAAC,EAAK,CAAAnC,UAAW+B,GACdrB,GAASuB,EAAOC,cAAA,QAAA,CAAAlC,UAAU,yBAAyBU,GACpDuB,EAAAC,cAACC,EACC,CAAAnC,UAAU,wBACVoC,QAhBN,SAAsBC,GACpBA,EAAEC,kBACFjB,GAAgB,EACjB,EAcKkB,IAAKjB,GA/DX,WAGE,IAFA,IAAMkB,EAAc,GAEXC,EAAI,EAAGA,EApCL,EAoCiBA,IAAK,CAC/B,IAAMC,EAAO5C,EAAM2C,GAEnBD,EAAOG,KACLV,EAAAC,cAACC,EACC,CAAAS,IAAKH,EACLzC,UAAWgC,EAAW,6BAA8B,CAClDa,OAAQ5B,EAAc,IAAMwB,EAC5BK,QAAeC,IAANN,GA5CN,IA4C0B3C,EAAMkB,UAGpC0B,GAGN,CAED,OAAOF,CACR,CA6CMQ,IAEHf,EAAAC,cAACe,EAAQC,EAAA,CACPjC,YAAaA,EACbG,KAAMA,EACNtB,MAAOA,EACPC,SAlFgB,SAAAoD,GACpBjC,GAAe,SAAAkC,GACb,OAAOA,EAAM,CACf,IAKArD,EAASoD,EACX,EA0EME,SA/Ce,WACnB,IAAMC,EAAWxD,EAAMyD,MAAM,GAAI,GACjCrC,GAAe,SAAAkC,GAAO,OAAAA,EAAM,CAAC,IAC7BrD,EAASuD,EACX,EA4CME,QA1Cc,WAClBnC,GAAgB,EAClB,GAyCUV,IAIZ"}