taro-react-uilib 1.3.0-6 → 1.3.0-7

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# [1.3.0-7](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.0-6...v1.3.0-7) (2023-06-06)
+
+
+### Features
+
+* 新增icon、navnnavbar、page支持自定义导航 ([b9a8f60](https://code.xhdev.xyz/h5group/taro-uilib/commits/b9a8f60975477dd4889d493686b5938731dd47a5))
+* 新增navBarzu组件、page支持自定义导航栏 ([b3ccfbe](https://code.xhdev.xyz/h5group/taro-uilib/commits/b3ccfbe8d21b03b84d60aedbe88e03da36c8748b))
+
+
+
 # [1.3.0-6](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.0-5...v1.3.0-6) (2023-06-05)
 
 

package/dist/components/Image/index.js

@@ -1,2 +1,2 @@
-import{__rest as t,__read as e,__assign as r}from"../node_modules/tslib/tslib.es6.js";import s,{useState as o,useEffect as c,useMemo as i}from"react";import{Image as a}from"@tarojs/components";import{getImageInfo as n}from"@tarojs/taro";import{pxTransform as m}from"../src/utils/index.js";var h=function(h){var l=h.width,d=void 0===l?0:l,f=h.height,u=void 0===f?0:f,g=h.src,p=h.className,v=t(h,["width","height","src","className"]),N=e(o({}),2),w=N[0],j=N[1];c((function(){"h5"===process.env.TARO_ENV||p||n({src:g,success:function(t){"getImageInfo:ok"===t.errMsg&&j({width:t.width,height:t.height})}})}),[]);var E=i((function(){var t=w||{};return d&&(t.width="".concat(m(d))),u&&(t.height="".concat(m(u))),t}),[d,u,w]);return"h5"!==process.env.TARO_ENV?s.createElement(a,{src:g,style:E,className:p}):s.createElement("img",r({src:g,style:E,className:p},v))};export{h as default};
+import{__rest as t,__read as e,__assign as s}from"../node_modules/tslib/tslib.es6.js";import r,{useState as o,useEffect as i,useMemo as c}from"react";import{Image as a}from"@tarojs/components";import{getImageInfo as m}from"@tarojs/taro";import n from"classnames";import{pxTransform as h}from"../src/utils/index.js";var l=function(l){var f=l.width,d=void 0===f?0:f,g=l.height,p=void 0===g?0:g,u=l.src,v=l.className,N=t(l,["width","height","src","className"]),w=e(o({}),2),j=w[0],E=w[1];i((function(){"h5"===process.env.TARO_ENV||v||m({src:u,success:function(t){"getImageInfo:ok"===t.errMsg&&E({width:t.width,height:t.height})}})}),[]);var x=c((function(){var t=j||{};return d&&(t.width="".concat(h(d))),p&&(t.height="".concat(h(p))),t}),[d,p,j]),_=n("xh-image",v);return"h5"!==process.env.TARO_ENV?r.createElement(a,{src:u,style:s(s({},x),N),className:_}):r.createElement("img",s({src:u,style:x,className:_},N))};export{l as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from \"react\";\nimport { Image } from \"@tarojs/components\";\nimport { getImageInfo } from \"@tarojs/taro\";\nimport { pxTransform } from \"../../utils/index\";\n\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type ImageProps = {\n  width?: number;\n  height?: number;\n  src: string;\n  alt?: string;\n} & XHComponentCommonProps;\n\nconst XHImage: FC<ImageProps> = props => {\n  const { width = 0, height = 0, src, className, ...rest } = props;\n  const [defaultSize, setDefaultSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  useEffect(() => {\n    if (process.env.TARO_ENV !== \"h5\" && !className) {\n      getImageInfo({\n        src,\n        success: res => {\n          if (res.errMsg === \"getImageInfo:ok\") {\n            console.log(res);\n            setDefaultSize({ width: res.width, height: res.height });\n          }\n        },\n      });\n    }\n  }, []);\n\n  const size = useMemo(() => {\n    let computedSize: { width?: string | number; height?: string | number } =\n      defaultSize || {};\n    if (width) {\n      computedSize.width = `${pxTransform(width)}`;\n    }\n    if (height) {\n      computedSize.height = `${pxTransform(height)}`;\n    }\n\n    return computedSize;\n  }, [width, height, defaultSize]);\n\n  return process.env.TARO_ENV !== \"h5\" ? (\n    <Image src={src} style={size} className={className} />\n  ) : (\n    <img src={src} style={size} className={className} {...rest} />\n  );\n};\n\nexport default XHImage;\n"],"names":["XHImage","props","_a","width","_b","height","src","className","rest","__rest","_c","__read","useState","defaultSize","setDefaultSize","useEffect","process","env","TARO_ENV","getImageInfo","success","res","errMsg","size","useMemo","computedSize","concat","pxTransform","React","createElement","Image","style","__assign"],"mappings":"iSAeM,IAAAA,EAA0B,SAAAC,GACtB,IAAAC,EAAmDD,EAA1CE,MAATA,OAAQ,IAAAD,EAAA,EAACA,EAAEE,EAAwCH,EAAKI,OAA7CA,aAAS,EAACD,EAAEE,EAA4BL,EAAzBK,IAAEC,EAAuBN,EAAdM,UAAKC,EAASC,EAAAR,EAArD,CAAA,QAAA,SAAA,MAAA,cACAS,EAAAC,EAAgCC,EAGnC,CAAE,GAAC,GAHCC,EAAWH,EAAA,GAAEI,OAKpBC,GAAU,WACqB,OAAzBC,QAAQC,IAAIC,UAAsBX,GACpCY,EAAa,CACXb,IAAGA,EACHc,QAAS,SAAAC,GACY,oBAAfA,EAAIC,QAENR,EAAe,CAAEX,MAAOkB,EAAIlB,MAAOE,OAAQgB,EAAIhB,QAElD,GAGN,GAAE,IAEH,IAAMkB,EAAOC,GAAQ,WACnB,IAAIC,EACFZ,GAAe,GAQjB,OAPIV,IACFsB,EAAatB,MAAQ,GAAAuB,OAAGC,EAAYxB,KAElCE,IACFoB,EAAapB,OAAS,GAAAqB,OAAGC,EAAYtB,KAGhCoB,CACR,GAAE,CAACtB,EAAOE,EAAQQ,IAEnB,MAAgC,OAAzBG,QAAQC,IAAIC,SACjBU,EAACC,cAAAC,GAAMxB,IAAKA,EAAKyB,MAAOR,EAAMhB,UAAWA,IAEzCqB,EAAAC,cAAA,MAAAG,EAAA,CAAK1B,IAAKA,EAAKyB,MAAOR,EAAMhB,UAAWA,GAAeC,GAE1D"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from \"react\";\nimport { Image } from \"@tarojs/components\";\nimport { getImageInfo } from \"@tarojs/taro\";\nimport classNames from \"classnames\";\n\nimport { pxTransform } from \"../../utils/index\";\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type ImageProps = {\n  width?: number;\n  height?: number;\n  src: string;\n  alt?: string;\n  style?: React.CSSProperties;\n} & XHComponentCommonProps;\n\nconst XHImage: FC<ImageProps> = props => {\n  const { width = 0, height = 0, src, className, ...rest } = props;\n  const [defaultSize, setDefaultSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  useEffect(() => {\n    if (process.env.TARO_ENV !== \"h5\" && !className) {\n      getImageInfo({\n        src,\n        success: res => {\n          if (res.errMsg === \"getImageInfo:ok\") {\n            console.log(res);\n            setDefaultSize({ width: res.width, height: res.height });\n          }\n        },\n      });\n    }\n  }, []);\n\n  const size = useMemo(() => {\n    let computedSize: { width?: string | number; height?: string | number } =\n      defaultSize || {};\n    if (width) {\n      computedSize.width = `${pxTransform(width)}`;\n    }\n    if (height) {\n      computedSize.height = `${pxTransform(height)}`;\n    }\n\n    return computedSize;\n  }, [width, height, defaultSize]);\n\n  const imgCls = classNames(\"xh-image\", className);\n\n  return process.env.TARO_ENV !== \"h5\" ? (\n    <Image src={src} style={{ ...size, ...rest }} className={imgCls} />\n  ) : (\n    <img src={src} style={size} className={imgCls} {...rest} />\n  );\n};\n\nexport default XHImage;\n"],"names":["XHImage","props","_a","width","_b","height","src","className","rest","__rest","_c","__read","useState","defaultSize","setDefaultSize","useEffect","process","env","TARO_ENV","getImageInfo","success","res","errMsg","size","useMemo","computedSize","concat","pxTransform","imgCls","classNames","React","Image","style","__assign","createElement"],"mappings":"2TAiBM,IAAAA,EAA0B,SAAAC,GACtB,IAAAC,EAAmDD,EAA1CE,MAATA,OAAQ,IAAAD,EAAA,EAACA,EAAEE,EAAwCH,EAAKI,OAA7CA,aAAS,EAACD,EAAEE,EAA4BL,EAAzBK,IAAEC,EAAuBN,EAAdM,UAAKC,EAASC,EAAAR,EAArD,CAAA,QAAA,SAAA,MAAA,cACAS,EAAAC,EAAgCC,EAGnC,CAAE,GAAC,GAHCC,EAAWH,EAAA,GAAEI,OAKpBC,GAAU,WACqB,OAAzBC,QAAQC,IAAIC,UAAsBX,GACpCY,EAAa,CACXb,IAAGA,EACHc,QAAS,SAAAC,GACY,oBAAfA,EAAIC,QAENR,EAAe,CAAEX,MAAOkB,EAAIlB,MAAOE,OAAQgB,EAAIhB,QAElD,GAGN,GAAE,IAEH,IAAMkB,EAAOC,GAAQ,WACnB,IAAIC,EACFZ,GAAe,GAQjB,OAPIV,IACFsB,EAAatB,MAAQ,GAAAuB,OAAGC,EAAYxB,KAElCE,IACFoB,EAAapB,OAAS,GAAAqB,OAAGC,EAAYtB,KAGhCoB,CACR,GAAE,CAACtB,EAAOE,EAAQQ,IAEbe,EAASC,EAAW,WAAYtB,GAEtC,MAAgC,OAAzBS,QAAQC,IAAIC,SACjBY,gBAACC,EAAK,CAACzB,IAAKA,EAAK0B,MAAKC,EAAAA,EAAA,CAAA,EAAOV,GAASf,GAAQD,UAAWqB,IAEzDE,EAAKI,cAAA,MAAAD,EAAA,CAAA3B,IAAKA,EAAK0B,MAAOT,EAAMhB,UAAWqB,GAAYpB,GAEvD"}

package/dist/components/NavBar/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{View as a,Text as t}from"@tarojs/components";import r from"classnames";import{navigateBack as o}from"@tarojs/taro";import s from"../src/hooks/useCustomNavbar.js";var n=function(n){var c=n.leftIcon,m=void 0===c||c,l=n.rightIcon,i=void 0!==l&&l,h=n.title,p=n.onBack,v=n.className,f=s(),N=f.navBarHeight,u=f.statusBar,E=f.buttonRight;var x="h5"===process.env.TARO_ENV?{}:{height:"".concat(N,"px"),paddingTop:"".concat(u,"px")},b="h5"===process.env.TARO_ENV?{}:{left:"".concat(E,"px")},d=r("xh-nav-bar",v,{h5:"h5"===process.env.TARO_ENV});return e.createElement(a,{className:d,style:x},e.createElement(a,{className:r("xh-nav-bar-back",{hidden:!m}),style:b,onClick:function(){p?p():o()}}),e.createElement(t,{className:"xh-nav-bar-title"},h),"h5"===process.env.TARO_ENV&&i&&e.createElement(a,{className:"xh-nav-bar-right"},i),e.createElement(a,null))};export{n as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/NavBar/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { View, Text } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport { navigateBack } from \"@tarojs/taro\";\nimport useCustomNavBar from \"@/hooks/useCustomNavbar\";\n\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\n\nexport type NavBarProps = {\n  title: string;\n  leftIcon?: boolean;\n  rightIcon?: ReactNode;\n  onBack?: () => void;\n} & XHComponentCommonProps;\n\nconst NavBar: FC<NavBarProps> = props => {\n  const {\n    leftIcon = true,\n    rightIcon = false,\n    title,\n    onBack,\n    className,\n  } = props;\n\n  const { navBarHeight, statusBar, buttonRight } = useCustomNavBar();\n\n  function goBackPage() {\n    onBack ? onBack() : navigateBack();\n  }\n\n  const wrapStyle =\n    process.env.TARO_ENV === \"h5\"\n      ? {}\n      : {\n          height: `${navBarHeight}px`,\n          paddingTop: `${statusBar}px`,\n        };\n\n  const backStyle =\n    process.env.TARO_ENV === \"h5\"\n      ? {}\n      : {\n          left: `${buttonRight}px`,\n        };\n\n  const NavBarCls = classNames(\"xh-nav-bar\", className, {\n    h5: process.env.TARO_ENV === \"h5\",\n  });\n\n  return (\n    <View className={NavBarCls} style={wrapStyle}>\n      <View\n        className={classNames(\"xh-nav-bar-back\", { hidden: !leftIcon })}\n        style={backStyle}\n        onClick={goBackPage}\n      ></View>\n      <Text className=\"xh-nav-bar-title\">{title}</Text>\n      {process.env.TARO_ENV === \"h5\" && rightIcon && (\n        <View className=\"xh-nav-bar-right\">{rightIcon}</View>\n      )}\n      <View />\n    </View>\n  );\n};\n\nexport default NavBar;\n"],"names":["NavBar","props","_a","leftIcon","_b","rightIcon","title","onBack","className","_c","useCustomNavBar","navBarHeight","statusBar","buttonRight","wrapStyle","process","env","TARO_ENV","height","concat","paddingTop","backStyle","left","NavBarCls","classNames","h5","React","createElement","View","style","hidden","onClick","navigateBack","Text"],"mappings":"8LAgBM,IAAAA,EAA0B,SAAAC,GAE5B,IAAAC,EAKED,EALaE,SAAfA,OAAW,IAAAD,GAAIA,EACfE,EAIEH,EAJeI,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,EAGEL,EAAKK,MAFPC,EAEEN,EAAKM,OADPC,EACEP,YAEEQ,EAA2CC,IAAzCC,EAAYF,EAAAE,aAAEC,EAASH,EAAAG,UAAEC,EAAWJ,EAAAI,YAM5C,IAAMC,EACqB,OAAzBC,QAAQC,IAAIC,SACR,CAAE,EACF,CACEC,OAAQ,GAAGC,OAAAR,EAAgB,MAC3BS,WAAY,GAAGD,OAAAP,EAAa,OAG9BS,EACqB,OAAzBN,QAAQC,IAAIC,SACR,CAAE,EACF,CACEK,KAAM,GAAGH,OAAAN,EAAe,OAG1BU,EAAYC,EAAW,aAAchB,EAAW,CACpDiB,GAA6B,OAAzBV,QAAQC,IAAIC,WAGlB,OACES,EAACC,cAAAC,EAAK,CAAApB,UAAWe,EAAWM,MAAOf,GACjCY,EAACC,cAAAC,GACCpB,UAAWgB,EAAW,kBAAmB,CAAEM,QAAS3B,IACpD0B,MAAOR,EACPU,QA5BN,WACExB,EAASA,IAAWyB,GACrB,IA4BGN,EAAAC,cAACM,EAAK,CAAAzB,UAAU,oBAAoBF,GACV,OAAzBS,QAAQC,IAAIC,UAAqBZ,GAChCqB,EAACC,cAAAC,GAAKpB,UAAU,oBAAoBH,GAEtCqB,EAAAC,cAACC,EAAI,MAGX"}

package/dist/components/Page/index.js

@@ -1,2 +1,2 @@
-import a from"react";import{View as e}from"@tarojs/components";import o from"classnames";import r from"../Loading/index.js";var m=function(m){var t=m.children,i=m.loading,n=void 0!==i&&i,l=m.className,s=void 0===l?"":l,c=m.mask,p=void 0===c?"normal":c,d=m.tip,f=m.loadingColor,g=o("xh-page",s);return a.createElement(e,{className:g},n&&a.createElement(e,{className:"loading-wrapper"},a.createElement(r,{mask:p,tip:d,color:f})),t)};export{m as default};
+import{__rest as e,__assign as o}from"../node_modules/tslib/tslib.es6.js";import a from"react";import{View as r}from"@tarojs/components";import t from"classnames";import s from"../Loading/index.js";import m from"../NavBar/index.js";var i=function(i){var l=i.children,n=i.loading,c=void 0!==n&&n,d=i.className,p=void 0===d?"":d,v=i.mask,N=void 0===v?"normal":v,f=i.tip,g=i.loadingColor,E=i.customNavBar,h=void 0!==E&&E,u=i.title,x=void 0===u?"":u,j=e(i,["children","loading","className","mask","tip","loadingColor","customNavBar","title"]),_=t("xh-page",p,{flex:"h5"!==process.env.TARO_ENV&&h});return a.createElement(r,{className:_},"h5"!==process.env.TARO_ENV&&h&&a.createElement(m,o({title:x},j)),c&&a.createElement(r,{className:"loading-wrapper"},a.createElement(s,{mask:N,tip:f,color:g})),h&&"h5"!==process.env.TARO_ENV?a.createElement(r,{className:"xh-page-content"},l):l)};export{i as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, ReactNode } from \"react\";\nimport { View } from \"@tarojs/components\";\nimport classname from \"classnames\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\nimport Loading, { LoadingProps } from \"../Loading\";\n\nexport interface PageProps extends PropsWithChildren<XHComponentCommonProps> {\n  loading?: boolean;\n  mask?: LoadingProps[\"mask\"];\n  tip?: string | ReactNode;\n  loadingColor?: string;\n}\n\nconst Page: FC<PageProps> = (props) => {\n  const {\n    children,\n    loading = false,\n    className = \"\",\n    mask = \"normal\",\n    tip,\n    loadingColor,\n  } = props;\n\n  const classObj = classname(\"xh-page\", className);\n\n  return (\n    <View className={classObj}>\n      {loading && (\n        <View className=\"loading-wrapper\">\n          <Loading mask={mask} tip={tip} color={loadingColor} />\n        </View>\n      )}\n      {children}\n    </View>\n  );\n};\n\nexport default Page;\n"],"names":["Page","props","children","_a","loading","_b","className","_c","mask","tip","loadingColor","classObj","classname","React","createElement","View","Loading","color"],"mappings":"4HAcM,IAAAA,EAAsB,SAACC,GAEzB,IAAAC,EAMED,WALFE,EAKEF,EALaG,QAAfA,OAAO,IAAAD,GAAQA,EACfE,EAIEJ,EAAKK,UAJPA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAGEN,OAHFO,aAAO,SAAQD,EACfE,EAEER,EAFCQ,IACHC,EACET,eAEEU,EAAWC,EAAU,UAAWN,GAEtC,OACEO,EAACC,cAAAC,EAAK,CAAAT,UAAWK,GACdP,GACCS,EAAAC,cAACC,EAAK,CAAAT,UAAU,mBACdO,EAAAC,cAACE,EAAO,CAACR,KAAMA,EAAMC,IAAKA,EAAKQ,MAAOP,KAGzCR,EAGP"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { View } from \"@tarojs/components\";\nimport classname from \"classnames\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\nimport Loading, { LoadingProps } from \"../Loading\";\nimport NavBar from \"../NavBar\";\n\nexport interface PageProps extends XHComponentCommonProps {\n  loading?: boolean;\n  mask?: LoadingProps[\"mask\"];\n  tip?: ReactNode;\n  loadingColor?: string;\n  /**\n   * @supported 小程序\n   * @default false\n   */\n  customNavBar?: boolean;\n  onBack?: () => void;\n  title?: string;\n  leftIcon?: boolean;\n  rightIcon?: ReactNode;\n}\n\nconst Page: FC<PageProps> = props => {\n  const {\n    children,\n    loading = false,\n    className = \"\",\n    mask = \"normal\",\n    tip,\n    loadingColor,\n    customNavBar = false,\n    title = \"\",\n    ...rest\n  } = props;\n\n  const classObj = classname(\"xh-page\", className, {\n    flex: process.env.TARO_ENV !== \"h5\" && customNavBar,\n  });\n\n  return (\n    <View className={classObj}>\n      {process.env.TARO_ENV !== \"h5\" && customNavBar && (\n        <NavBar title={title} {...rest} />\n      )}\n      {loading && (\n        <View className=\"loading-wrapper\">\n          <Loading mask={mask} tip={tip} color={loadingColor} />\n        </View>\n      )}\n      {customNavBar && process.env.TARO_ENV !== \"h5\" ? (\n        <View className=\"xh-page-content\">{children}</View>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n\nexport default Page;\n"],"names":["Page","props","children","_a","loading","_b","className","_c","mask","tip","loadingColor","_d","customNavBar","_e","title","rest","__rest","classObj","classname","flex","process","env","TARO_ENV","React","createElement","View","NavBar","Loading","color"],"mappings":"wOAwBM,IAAAA,EAAsB,SAAAC,GAExB,IAAAC,EASED,EAAKC,SARPC,EAQEF,EAAKG,QARPA,OAAU,IAAAD,KACVE,EAOEJ,EAAKK,UAPPA,OAAY,IAAAD,EAAA,KACZE,EAMEN,EAAKO,KANPA,OAAO,IAAAD,EAAA,WACPE,EAKER,EALCQ,IACHC,EAIET,EAAKS,aAHPC,EAGEV,EAAKW,aAHPA,cAAoBD,EACpBE,EAEEZ,EAAKa,MAFPA,aAAQ,GAAED,EACPE,EACDC,EAAAf,EAVE,CAAA,WAAA,UAAA,YAAA,OAAA,MAAA,eAAA,eAAA,UAYAgB,EAAWC,EAAU,UAAWZ,EAAW,CAC/Ca,KAA+B,OAAzBC,QAAQC,IAAIC,UAAqBV,IAGzC,OACEW,EAACC,cAAAC,EAAK,CAAAnB,UAAWW,GACW,OAAzBG,QAAQC,IAAIC,UAAqBV,GAChCW,EAACC,cAAAE,KAAOZ,MAAOA,GAAWC,IAE3BX,GACCmB,EAAAC,cAACC,EAAK,CAAAnB,UAAU,mBACdiB,EAAAC,cAACG,EAAO,CAACnB,KAAMA,EAAMC,IAAKA,EAAKmB,MAAOlB,KAGzCE,GAAyC,OAAzBQ,QAAQC,IAAIC,SAC3BC,gBAACE,EAAI,CAACnB,UAAU,mBAAmBJ,GAEnC,EAIR"}

package/dist/components/src/hooks/useCustomNavbar.js

@@ -0,0 +1,2 @@
+import{__read as t}from"../../node_modules/tslib/tslib.es6.js";import{useState as r,useEffect as a}from"react";import{getMenuButtonBoundingClientRect as o,getSystemInfoSync as i}from"@tarojs/taro";var s=function(){var s=t(r({navBarHeight:0,statusBar:0,buttonRight:0}),2),e=s[0],n=s[1];return a((function(){if("h5"!==process.env.TARO_ENV){var t=o(),r=t.top,a=t.height,s=t.right,e=i(),h=e.statusBarHeight,u=void 0===h?0:h,f=e.screenWidth;n({navBarHeight:a+2*(r-u),statusBar:u,buttonRight:f-s})}}),[]),e};export{s as default};
+//# sourceMappingURL=useCustomNavbar.js.map

package/dist/components/src/hooks/useCustomNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomNavbar.js","sources":["../../../../src/hooks/useCustomNavbar.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport {\n  getMenuButtonBoundingClientRect,\n  getSystemInfoSync,\n} from \"@tarojs/taro\";\n\nconst useCustomNavBar = () => {\n  const [navInfo, setNavinfo] = useState({\n    navBarHeight: 0,\n    statusBar: 0,\n    buttonRight: 0,\n  });\n\n  useEffect(() => {\n    if (process.env.TARO_ENV !== \"h5\") {\n      const { top, height, right } = getMenuButtonBoundingClientRect();\n\n      const { statusBarHeight = 0, screenWidth } = getSystemInfoSync();\n\n      const navBarHeight = height + (top - statusBarHeight) * 2;\n\n      setNavinfo({\n        navBarHeight,\n        statusBar: statusBarHeight,\n        buttonRight: screenWidth - right,\n      });\n    }\n  }, []);\n\n  return navInfo;\n};\n\nexport default useCustomNavBar;\n"],"names":["useCustomNavBar","_a","__read","useState","navBarHeight","statusBar","buttonRight","navInfo","setNavinfo","useEffect","process","env","TARO_ENV","getMenuButtonBoundingClientRect","top_1","top","height","right","_b","getSystemInfoSync","_c","statusBarHeight","screenWidth"],"mappings":"qMAMA,IAAMA,EAAkB,WAChB,IAAAC,EAAAC,EAAwBC,EAAS,CACrCC,aAAc,EACdC,UAAW,EACXC,YAAa,OAHRC,OAASC,OAsBhB,OAhBAC,GAAU,WACR,GAA6B,OAAzBC,QAAQC,IAAIC,SAAmB,CAC3B,IAAAX,EAAyBY,IAAvBC,EAAGb,EAAAc,IAAEC,EAAMf,EAAAe,OAAEC,EAAKhB,EAAAgB,MAEpBC,EAAuCC,IAArCC,EAAmBF,EAAAG,gBAAnBA,OAAe,IAAAD,EAAG,EAACA,EAAEE,gBAI7Bd,EAAW,CACTJ,aAHmBY,EAAmC,GAAzBF,EAAMO,GAInChB,UAAWgB,EACXf,YAAagB,EAAcL,GAE9B,CACF,GAAE,IAEIV,CACT"}

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 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";
 //# sourceMappingURL=index.js.map