taro-react-uilib 1.4.34 → 1.4.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Tabbar/tabbar/Tabbar.js +1 -1
- package/dist/components/Tabbar/tabbar/Tabbar.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as t}from"../../node_modules/tslib/tslib.es6.js";import e,{useState as n,useRef as a,useCallback as r,useEffect as i}from"react";import{createSelectorQuery as o}from"@tarojs/taro";import{View as l,ScrollView as c}from"@tarojs/components";import s from"classnames";import m from"./TabItem.js";var
|
|
1
|
+
import{__read as t}from"../../node_modules/tslib/tslib.es6.js";import e,{useState as n,useRef as a,useCallback as r,useEffect as i}from"react";import{createSelectorQuery as o}from"@tarojs/taro";import{View as l,ScrollView as c}from"@tarojs/components";import s from"classnames";import m from"./TabItem.js";var u=function(m){var u=m.children,f=void 0===u?[]:u,h=m.lineColor,b=void 0===h?"#FE5E00":h,d=m.titleActiveColor,v=void 0===d?"#333":d,g=m.titleInctiveColor,x=void 0===g?"#999":g,p=m.onChange,C=m.content,R=m.selectIndex,E=void 0===R?0:R,N=m.isOverflowNav,A=void 0!==N&&N,w=t(n(0),2),T=w[0],k=w[1],y=t(n(0),2),I=y[0],B=y[1],j=t(n(0),2),M=j[0],O=j[1],W=t(n(0),2),X=W[0],_=W[1],V=a([]),F=a([]),L=a([]),q=a(null),z=a(null),D=a(null),G=function(t,e,n,a){if(!e||!A)return 0;var r=t.left-n-(e.width-t.width)/2,i=Math.max(0,a-e.width);return Math.max(0,Math.min(r,i))},H=r((function(e){var n=f.filter(Boolean);if(!(e<0||e>=n.length))if("h5"!==process.env.TARO_ENV)D.current=setTimeout((function(){var n=o();n.selectAll(".xh-tabbar-nav-item").boundingClientRect(),n.select(".xh-tabbar-nav").boundingClientRect(),n.selectAll(".xh-tabbar-content-item").boundingClientRect(),n.selectAll(".xh-tabbar-content-slot").boundingClientRect(),n.select(".xh-tabbar-nav-scroll").boundingClientRect(),n.exec((function(n){var a=t(n,5),r=a[0],i=a[1],o=a[2],l=a[3],c=a[4],s=(null==i?void 0:i.node)||i;if(r[e]&&s&&c){var m=r[e],u=i,f=m.left+m.width/2-u.left;if(O(f),A){var h=G(m,c,i.left,i.width);_(h)}}o[e]&&k(o[e].height),l[0]&&B(l[0].height)}))}),50);else{var a=V.current[e],r=L.current[0],i=F.current[e],l=null==a?void 0:a.parentElement,c=q.current;if(a&&l&&c){var s=a.getBoundingClientRect(),m=l.getBoundingClientRect(),u=c.getBoundingClientRect(),h=s.left+s.width/2-m.left;if(O(h),A){var b=G(s,u,m.left,l.offsetWidth);_(b)}}if(r){var d=r.getBoundingClientRect();B(d.height)}if(i){var v=i.getBoundingClientRect();k(v.height)}}}),[f,A]);i((function(){return H(E),function(){D.current&&clearTimeout(D.current)}}),[E,H]);return e.createElement(l,{className:"xh-tabbar"},e.createElement(c,{scrollX:!0,scrollLeft:X,className:"xh-tabbar-nav-scroll",ref:q,scrollWithAnimation:A,scrollAnchoring:A},e.createElement(l,{className:"xh-tabbar-nav",ref:z,style:{width:A?"fit-content":"100%"}},f.map((function(t,n){return e.createElement(l,{key:n,"data-index":n,dataTrackId:t.props.dataTrackId||"xh-tabbar-nav-item-".concat(n),ref:function(t){return V.current[n]=t},className:s("xh-tabbar-nav-item",{"more-item":A}),style:{color:E===n?v:x,flex:A?"none":"1"},onClick:function(){return function(t){if(t!==E&&(H(t),p&&p(t),"h5"===process.env.TARO_ENV)){var e=o();e.selectAll(".xh-tabbar-content-item").boundingClientRect(),e.selectAll(".xh-tabbar-content-slot").boundingClientRect(),e.exec((function(e){if(e[0][t]){var n=e[0][t].height;k(n),e[1][t]&&B(e[1][t].height)}}))}}(n)}},t.props.TabItemComponent||t.props.title)})),e.createElement("div",{className:"xh-tabbar-nav-line",style:{background:"".concat(b),transform:"translateX(".concat(M,"px) translate(-50%, -50%)"),WebkitTransform:"translateX(".concat(M,"px) translate(-50%, -50%)"),transition:"transform 0.3s ease"}}))),e.createElement(l,{className:"xh-tabbar-content",style:{width:"".concat(100*f.length,"%"),height:T+I?"".concat(T+I,"px"):"auto"}},C&&e.createElement(l,{className:"xh-tabbar-content-slot",ref:L},C),f.map((function(t,n){return e.createElement(l,{key:n,ref:function(t){return F.current[n]=t},className:s("xh-tabbar-content-item",{"xh-tabbar-content-item-dispaly":E!==n,"xh-tabbar-content-item-active":E===n})},t.props.children)}))))};u.Item=m;export{u as default};
|
|
2
2
|
//# sourceMappingURL=Tabbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabbar.js","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"sourcesContent":["import React, {\n FC,\n ReactElement,\n useEffect,\n useState,\n ReactNode,\n useRef,\n useCallback,\n} from \"react\";\nimport { createSelectorQuery } from \"@tarojs/taro\";\nimport { View, ScrollView } 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 * @param isOverflowNav //是否超宽导航（超过屏幕宽度，自动滚动）\n *\n */\n\nexport interface TabProps {\n children: ReactElement[];\n animated?: boolean;\n lineColor?: string;\n titleActiveColor?: string;\n titleInctiveColor?: string;\n onChange?: (index: number) => void;\n content?: string | ReactNode;\n selectIndex: number;\n isOverflowNav?: boolean;\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 lineColor = \"#FE5E00\",\n titleActiveColor = \"#333\",\n titleInctiveColor = \"#999\",\n onChange,\n content,\n selectIndex = 0,\n isOverflowNav = false,\n } = props;\n\n const [tabContentHeight, setTabContentHeight] = useState(0);\n const [tabSlotHeight, setTabSlotHeight] = useState(0);\n const [lineLeft, setLineLeft] = useState(0); // 下划线左偏移，核心：通过状态控制下划线位置，确保同步更新和动画过渡\n const [navLeft, setNavLeft] = useState(0); // 导航滚动位置，核心：通过状态控制滚动位置，适配超宽导航\n // Ref定义\n const itemNavRef = useRef<(HTMLDivElement | null)[]>([]);\n const itemContentRef = useRef<(HTMLDivElement | null)[]>([]);\n const itemSlotRef = useRef<(HTMLDivElement | null)[]>([]);\n const navScrollRef = useRef<HTMLDivElement | null>(null); // 滚动容器ref\n const navContainerRef = useRef<HTMLDivElement | null>(null);\n const timerRef = useRef<NodeJS.Timeout | null>(null); // 定时器ref，避免闭包丢失\n\n // 统一滚动计算逻辑：H5/小程序通用\n const computeScroll = (\n itemRect: any,\n scrollRect: any,\n containerLeft: number,\n containerWidth: number\n ) => {\n if (!scrollRect || !isOverflowNav) return 0;\n // 元素在导航容器内的绝对偏移（视口坐标转容器坐标）\n const itemOffsetInNav = itemRect.left - containerLeft;\n // 居中滚动值：让选中项尽量居中显示\n let targetScroll =\n itemOffsetInNav - (scrollRect.width - itemRect.width) / 2;\n // 最大可滚动距离：总导航宽度 - 可视区域宽度\n const maxScroll = Math.max(0, containerWidth - scrollRect.width);\n // 边界处理：不小于0，不大于最大可滚动距离\n return Math.max(0, Math.min(targetScroll, maxScroll));\n };\n\n // 抽离位置/尺寸计算逻辑，复用（初始化+切换都调用）\n const calculateTabInfo = useCallback(\n (targetIndex: number) => {\n // 过滤空children，避免索引越界\n const validChildren = children.filter(Boolean);\n if (targetIndex < 0 || targetIndex >= validChildren.length) return;\n\n // H5端：直接通过ref获取元素信息，核心：同步更新，无需等待DOM渲染\n if (process.env.TARO_ENV === \"h5\") {\n const navItem = itemNavRef.current[targetIndex];\n const slotItem = itemSlotRef.current[0];\n const contentItem = itemContentRef.current[targetIndex];\n const navContainer = navItem?.parentElement as HTMLDivElement;\n const scrollContainer = navScrollRef.current;\n\n // 计算下划线位置\n if (navItem && navContainer && scrollContainer) {\n const itemRect = navItem.getBoundingClientRect();\n const containerRect = navContainer.getBoundingClientRect();\n const scrollRect = scrollContainer.getBoundingClientRect();\n const centerX =\n itemRect.left + itemRect.width / 2 - containerRect.left;\n setLineLeft(centerX);\n\n if (isOverflowNav) {\n const targetScroll = computeScroll(\n itemRect,\n scrollRect,\n containerRect.left,\n navContainer.offsetWidth\n );\n scrollContainer.scrollTo({\n left: targetScroll,\n // behavior: \"instant\",\n });\n }\n }\n\n if (slotItem) {\n const slotRect = slotItem.getBoundingClientRect();\n setTabSlotHeight(slotRect.height);\n }\n if (contentItem) {\n const contentRect = contentItem.getBoundingClientRect();\n setTabContentHeight(contentRect.height);\n }\n return;\n }\n\n // 小程序端：必须用createSelectorQuery，保留极短延迟（50ms），适配小程序DOM渲染时机\n timerRef.current = setTimeout(() => {\n const query = createSelectorQuery();\n query.selectAll(\".xh-tabbar-nav-item\").boundingClientRect();\n query.select(\".xh-tabbar-nav\").boundingClientRect(); // 导航容器（下划线定位基准）\n query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n query.selectAll(\".xh-tabbar-content-slot\").boundingClientRect();\n query.select(\".xh-tabbar-nav-scroll\").boundingClientRect(); // 滚动容器\n query.exec(res => {\n const [\n navRects,\n navContainerRect,\n contentRects,\n slotRects,\n scrollRect,\n ] = res;\n const navContainer = navContainerRect?.node || navContainerRect;\n // 下划线宽度+内容高度\n if (navRects[targetIndex] && navContainer && scrollRect) {\n const itemRect = navRects[targetIndex];\n const containerRect = navContainerRect;\n const centerX =\n itemRect.left + itemRect.width / 2 - containerRect.left;\n setLineLeft(centerX);\n\n // 计算ScrollView滚动距离（选中项居中）\n if (isOverflowNav) {\n const targetScroll = computeScroll(\n itemRect,\n scrollRect,\n navContainerRect.left,\n navContainerRect.width\n );\n setNavLeft(targetScroll);\n }\n }\n // 内容高度计算（保持不变）\n if (contentRects[targetIndex]) {\n setTabContentHeight(contentRects[targetIndex].height);\n }\n // Slot高度查询取[0]，因为Slot只有一个节点\n if (slotRects[0]) {\n setTabSlotHeight(slotRects[0].height);\n }\n });\n }, 50);\n },\n [children, isOverflowNav]\n );\n\n useEffect(() => {\n calculateTabInfo(selectIndex);\n // 清理定时器，防止内存泄漏\n return () => {\n if (timerRef.current) clearTimeout(timerRef.current);\n };\n }, [selectIndex, calculateTabInfo]);\n\n // 点击导航项\n const handleClick = (index: number): void => {\n if (index === selectIndex) return; // 点击当前选中项，不做处理\n // 同步计算目标项位置，下划线立即更新\n calculateTabInfo(index);\n // 触发切换回调\n onChange && onChange(index);\n\n // 小程序端单独处理内容高度（H5已在calculateTabInfo中处理）\n if (process.env.TARO_ENV === \"h5\") {\n // 点击导航获取内容高度和slot高度\n const query = createSelectorQuery();\n query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n query.selectAll(\".xh-tabbar-content-slot\").boundingClientRect();\n query.exec(res => {\n if (!res[0][index]) return;\n const height: number = res[0][index].height;\n\n setTabContentHeight(height);\n if (!res[1][index]) return;\n setTabSlotHeight(res[1][index].height);\n });\n }\n };\n\n // 下划线\n function renderLine(): ReactElement | null {\n return (\n <div\n className=\"xh-tabbar-nav-line\"\n style={{\n background: `${lineColor}`,\n transform: `translateX(${lineLeft}px) translate(-50%, -50%)`,\n WebkitTransform: `translateX(${lineLeft}px) translate(-50%, -50%)`,\n transition: \"transform 0.3s ease\", // 小程序端动画过渡\n }}\n />\n );\n }\n\n // 导航栏\n function renderNav() {\n return (\n <ScrollView\n scrollX\n scrollLeft={navLeft}\n className=\"xh-tabbar-nav-scroll\"\n ref={navScrollRef}\n >\n <View\n className=\"xh-tabbar-nav\"\n ref={navContainerRef}\n style={{ width: isOverflowNav ? \"fit-content\" : \"100%\" }}\n >\n {children.map((child, index) => (\n <View\n key={index}\n data-index={index}\n // @ts-ignore\n dataTrackId={\n child.props.dataTrackId || `xh-tabbar-nav-item-${index}`\n }\n ref={el => (itemNavRef.current[index] = el)}\n className={classNames(\"xh-tabbar-nav-item\", {\n \"more-item\": isOverflowNav,\n })}\n style={{\n color:\n selectIndex === index ? titleActiveColor : titleInctiveColor,\n flex: isOverflowNav ? \"none\" : \"1\",\n }}\n onClick={() => handleClick(index)}\n >\n {child.props.TabItemComponent || child.props.title}\n </View>\n ))}\n {renderLine()}\n </View>\n </ScrollView>\n );\n }\n\n return (\n <View className=\"xh-tabbar\">\n {renderNav()}\n <View\n className=\"xh-tabbar-content\"\n style={{\n width: `${children.length * 100}%`,\n height:\n tabContentHeight + tabSlotHeight\n ? `${tabContentHeight + tabSlotHeight}px`\n : \"auto\",\n }}\n >\n {content && (\n <View className=\"xh-tabbar-content-slot\" ref={itemSlotRef}>\n {content}\n </View>\n )}\n {children.map((child, index) => (\n <View\n key={index}\n ref={el => (itemContentRef.current[index] = el)}\n className={classNames(\"xh-tabbar-content-item\", {\n \"xh-tabbar-content-item-dispaly\": selectIndex !== index,\n \"xh-tabbar-content-item-active\": selectIndex === index,\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","lineColor","_c","titleActiveColor","_d","titleInctiveColor","onChange","content","_e","selectIndex","_f","isOverflowNav","_g","__read","useState","tabContentHeight","setTabContentHeight","_h","tabSlotHeight","setTabSlotHeight","_j","lineLeft","setLineLeft","_k","navLeft","setNavLeft","itemNavRef","useRef","itemContentRef","itemSlotRef","navScrollRef","navContainerRef","timerRef","computeScroll","itemRect","scrollRect","containerLeft","containerWidth","targetScroll","left","width","maxScroll","Math","max","min","calculateTabInfo","useCallback","targetIndex","validChildren","filter","Boolean","length","process","env","TARO_ENV","current","setTimeout","query","createSelectorQuery","selectAll","boundingClientRect","select","exec","res","navRects","navContainerRect","contentRects","slotRects","navContainer","node","containerRect","centerX","height","navItem","slotItem","contentItem","parentElement","scrollContainer","getBoundingClientRect","offsetWidth","scrollTo","slotRect","contentRect","useEffect","clearTimeout","React","createElement","View","className","ScrollView","scrollX","scrollLeft","ref","style","map","child","index","key","dataTrackId","concat","el","classNames","color","flex","onClick","handleClick","TabItemComponent","title","background","transform","WebkitTransform","transition","Item"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tabbar.js","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"sourcesContent":["import React, {\n FC,\n ReactElement,\n useEffect,\n useState,\n ReactNode,\n useRef,\n useCallback,\n} from \"react\";\nimport { createSelectorQuery } from \"@tarojs/taro\";\nimport { View, ScrollView } 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 * @param isOverflowNav //是否超宽导航（超过屏幕宽度，自动滚动）\n *\n */\n\nexport interface TabProps {\n children: ReactElement[];\n animated?: boolean;\n lineColor?: string;\n titleActiveColor?: string;\n titleInctiveColor?: string;\n onChange?: (index: number) => void;\n content?: string | ReactNode;\n selectIndex: number;\n isOverflowNav?: boolean;\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 lineColor = \"#FE5E00\",\n titleActiveColor = \"#333\",\n titleInctiveColor = \"#999\",\n onChange,\n content,\n selectIndex = 0,\n isOverflowNav = false,\n } = props;\n\n const [tabContentHeight, setTabContentHeight] = useState(0);\n const [tabSlotHeight, setTabSlotHeight] = useState(0);\n const [lineLeft, setLineLeft] = useState(0); // 下划线左偏移，核心：通过状态控制下划线位置，确保同步更新和动画过渡\n const [navLeft, setNavLeft] = useState(0); // 导航滚动位置，核心：通过状态控制滚动位置，适配超宽导航\n // Ref定义\n const itemNavRef = useRef<(HTMLDivElement | null)[]>([]);\n const itemContentRef = useRef<(HTMLDivElement | null)[]>([]);\n const itemSlotRef = useRef<(HTMLDivElement | null)[]>([]);\n const navScrollRef = useRef<HTMLDivElement | null>(null); // 滚动容器ref\n const navContainerRef = useRef<HTMLDivElement | null>(null);\n const timerRef = useRef<NodeJS.Timeout | null>(null); // 定时器ref，避免闭包丢失\n\n // 统一滚动计算逻辑：H5/小程序通用\n const computeScroll = (\n itemRect: any,\n scrollRect: any,\n containerLeft: number,\n containerWidth: number\n ) => {\n if (!scrollRect || !isOverflowNav) return 0;\n // 元素在导航容器内的绝对偏移（视口坐标转容器坐标）\n const itemOffsetInNav = itemRect.left - containerLeft;\n // 居中滚动值：让选中项尽量居中显示\n let targetScroll =\n itemOffsetInNav - (scrollRect.width - itemRect.width) / 2;\n // 最大可滚动距离：总导航宽度 - 可视区域宽度\n const maxScroll = Math.max(0, containerWidth - scrollRect.width);\n // 边界处理：不小于0，不大于最大可滚动距离\n return Math.max(0, Math.min(targetScroll, maxScroll));\n };\n\n // 抽离位置/尺寸计算逻辑，复用（初始化+切换都调用）\n const calculateTabInfo = useCallback(\n (targetIndex: number) => {\n // 过滤空children，避免索引越界\n const validChildren = children.filter(Boolean);\n if (targetIndex < 0 || targetIndex >= validChildren.length) return;\n\n // H5端：直接通过ref获取元素信息，核心：同步更新，无需等待DOM渲染\n if (process.env.TARO_ENV === \"h5\") {\n const navItem = itemNavRef.current[targetIndex];\n const slotItem = itemSlotRef.current[0];\n const contentItem = itemContentRef.current[targetIndex];\n const navContainer = navItem?.parentElement as HTMLDivElement;\n const scrollContainer = navScrollRef.current;\n\n // 计算下划线位置\n if (navItem && navContainer && scrollContainer) {\n const itemRect = navItem.getBoundingClientRect();\n const containerRect = navContainer.getBoundingClientRect();\n const scrollRect = scrollContainer.getBoundingClientRect();\n const centerX =\n itemRect.left + itemRect.width / 2 - containerRect.left;\n setLineLeft(centerX);\n\n if (isOverflowNav) {\n const targetScroll = computeScroll(\n itemRect,\n scrollRect,\n containerRect.left,\n navContainer.offsetWidth\n );\n setNavLeft(targetScroll);\n // console.log(\"scrollContainer\", scrollContainer.scrollTo);\n\n // scrollContainer.scrollTo({\n // left: targetScroll,\n // // behavior: \"instant\",\n // });\n }\n }\n\n if (slotItem) {\n const slotRect = slotItem.getBoundingClientRect();\n setTabSlotHeight(slotRect.height);\n }\n if (contentItem) {\n const contentRect = contentItem.getBoundingClientRect();\n setTabContentHeight(contentRect.height);\n }\n return;\n }\n\n // 小程序端：必须用createSelectorQuery，保留极短延迟（50ms），适配小程序DOM渲染时机\n timerRef.current = setTimeout(() => {\n const query = createSelectorQuery();\n query.selectAll(\".xh-tabbar-nav-item\").boundingClientRect();\n query.select(\".xh-tabbar-nav\").boundingClientRect(); // 导航容器（下划线定位基准）\n query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n query.selectAll(\".xh-tabbar-content-slot\").boundingClientRect();\n query.select(\".xh-tabbar-nav-scroll\").boundingClientRect(); // 滚动容器\n query.exec(res => {\n const [\n navRects,\n navContainerRect,\n contentRects,\n slotRects,\n scrollRect,\n ] = res;\n const navContainer = navContainerRect?.node || navContainerRect;\n // 下划线宽度+内容高度\n if (navRects[targetIndex] && navContainer && scrollRect) {\n const itemRect = navRects[targetIndex];\n const containerRect = navContainerRect;\n const centerX =\n itemRect.left + itemRect.width / 2 - containerRect.left;\n setLineLeft(centerX);\n\n // 计算ScrollView滚动距离（选中项居中）\n if (isOverflowNav) {\n const targetScroll = computeScroll(\n itemRect,\n scrollRect,\n navContainerRect.left,\n navContainerRect.width\n );\n setNavLeft(targetScroll);\n }\n }\n // 内容高度计算（保持不变）\n if (contentRects[targetIndex]) {\n setTabContentHeight(contentRects[targetIndex].height);\n }\n // Slot高度查询取[0]，因为Slot只有一个节点\n if (slotRects[0]) {\n setTabSlotHeight(slotRects[0].height);\n }\n });\n }, 50);\n },\n [children, isOverflowNav]\n );\n\n useEffect(() => {\n calculateTabInfo(selectIndex);\n // 清理定时器，防止内存泄漏\n return () => {\n if (timerRef.current) clearTimeout(timerRef.current);\n };\n }, [selectIndex, calculateTabInfo]);\n\n // 点击导航项\n const handleClick = (index: number): void => {\n if (index === selectIndex) return; // 点击当前选中项，不做处理\n // 同步计算目标项位置，下划线立即更新\n calculateTabInfo(index);\n // 触发切换回调\n onChange && onChange(index);\n\n // 小程序端单独处理内容高度（H5已在calculateTabInfo中处理）\n if (process.env.TARO_ENV === \"h5\") {\n // 点击导航获取内容高度和slot高度\n const query = createSelectorQuery();\n query.selectAll(\".xh-tabbar-content-item\").boundingClientRect();\n query.selectAll(\".xh-tabbar-content-slot\").boundingClientRect();\n query.exec(res => {\n if (!res[0][index]) return;\n const height: number = res[0][index].height;\n\n setTabContentHeight(height);\n if (!res[1][index]) return;\n setTabSlotHeight(res[1][index].height);\n });\n }\n };\n\n // 下划线\n function renderLine(): ReactElement | null {\n return (\n <div\n className=\"xh-tabbar-nav-line\"\n style={{\n background: `${lineColor}`,\n transform: `translateX(${lineLeft}px) translate(-50%, -50%)`,\n WebkitTransform: `translateX(${lineLeft}px) translate(-50%, -50%)`,\n transition: \"transform 0.3s ease\", // 小程序端动画过渡\n }}\n />\n );\n }\n\n // 导航栏\n function renderNav() {\n return (\n <ScrollView\n scrollX\n scrollLeft={navLeft}\n className=\"xh-tabbar-nav-scroll\"\n ref={navScrollRef}\n scrollWithAnimation={isOverflowNav}\n scrollAnchoring={isOverflowNav}\n >\n <View\n className=\"xh-tabbar-nav\"\n ref={navContainerRef}\n style={{ width: isOverflowNav ? \"fit-content\" : \"100%\" }}\n >\n {children.map((child, index) => (\n <View\n key={index}\n data-index={index}\n // @ts-ignore\n dataTrackId={\n child.props.dataTrackId || `xh-tabbar-nav-item-${index}`\n }\n ref={el => (itemNavRef.current[index] = el)}\n className={classNames(\"xh-tabbar-nav-item\", {\n \"more-item\": isOverflowNav,\n })}\n style={{\n color:\n selectIndex === index ? titleActiveColor : titleInctiveColor,\n flex: isOverflowNav ? \"none\" : \"1\",\n }}\n onClick={() => handleClick(index)}\n >\n {child.props.TabItemComponent || child.props.title}\n </View>\n ))}\n {renderLine()}\n </View>\n </ScrollView>\n );\n }\n\n return (\n <View className=\"xh-tabbar\">\n {renderNav()}\n <View\n className=\"xh-tabbar-content\"\n style={{\n width: `${children.length * 100}%`,\n height:\n tabContentHeight + tabSlotHeight\n ? `${tabContentHeight + tabSlotHeight}px`\n : \"auto\",\n }}\n >\n {content && (\n <View className=\"xh-tabbar-content-slot\" ref={itemSlotRef}>\n {content}\n </View>\n )}\n {children.map((child, index) => (\n <View\n key={index}\n ref={el => (itemContentRef.current[index] = el)}\n className={classNames(\"xh-tabbar-content-item\", {\n \"xh-tabbar-content-item-dispaly\": selectIndex !== index,\n \"xh-tabbar-content-item-active\": selectIndex === index,\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","lineColor","_c","titleActiveColor","_d","titleInctiveColor","onChange","content","_e","selectIndex","_f","isOverflowNav","_g","__read","useState","tabContentHeight","setTabContentHeight","_h","tabSlotHeight","setTabSlotHeight","_j","lineLeft","setLineLeft","_k","navLeft","setNavLeft","itemNavRef","useRef","itemContentRef","itemSlotRef","navScrollRef","navContainerRef","timerRef","computeScroll","itemRect","scrollRect","containerLeft","containerWidth","targetScroll","left","width","maxScroll","Math","max","min","calculateTabInfo","useCallback","targetIndex","validChildren","filter","Boolean","length","process","env","TARO_ENV","current","setTimeout","query","createSelectorQuery","selectAll","boundingClientRect","select","exec","res","navRects","navContainerRect","contentRects","slotRects","navContainer","node","containerRect","centerX","height","navItem","slotItem","contentItem","parentElement","scrollContainer","getBoundingClientRect","offsetWidth","slotRect","contentRect","useEffect","clearTimeout","React","createElement","View","className","ScrollView","scrollX","scrollLeft","ref","scrollWithAnimation","scrollAnchoring","style","map","child","index","key","dataTrackId","concat","el","classNames","color","flex","onClick","handleClick","TabItemComponent","title","background","transform","WebkitTransform","transition","Item"],"mappings":"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"}
|
package/dist/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,useRef as a,useMe
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/(null==t&&n.path)}},n.exports),n.exports}var fe="function"==typeof Symbol&&Symbol.for,pe=fe?Symbol.for("react.element"):60103,he=fe?Symbol.for("react.portal"):60106,ve=fe?Symbol.for("react.fragment"):60107,ye=fe?Symbol.for("react.strict_mode"):60108,ge=fe?Symbol.for("react.profiler"):60114,Ee=fe?Symbol.for("react.provider"):60109,be=fe?Symbol.for("react.context"):60110,xe=fe?Symbol.for("react.async_mode"):60111,Ne=fe?Symbol.for("react.concurrent_mode"):60111,ke=fe?Symbol.for("react.forward_ref"):60112,Ce=fe?Symbol.for("react.suspense"):60113,Te=fe?Symbol.for("react.suspense_list"):60120,we=fe?Symbol.for("react.memo"):60115,Se=fe?Symbol.for("react.lazy"):60116,Oe=fe?Symbol.for("react.block"):60121,Ie=fe?Symbol.for("react.fundamental"):60117,Ae=fe?Symbol.for("react.responder"):60118,_e=fe?Symbol.for("react.scope"):60119;function Pe(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case pe:switch(e=e.type){case xe:case Ne:case ve:case ge:case ye:case Ce:return e;default:switch(e=e&&e.$$typeof){case be:case ke:case Se:case we:case Ee:return e;default:return t}}case he:return t}}}function Re(e){return Pe(e)===Ne}var Ve={AsyncMode:xe,ConcurrentMode:Ne,ContextConsumer:be,ContextProvider:Ee,Element:pe,ForwardRef:ke,Fragment:ve,Lazy:Se,Memo:we,Portal:he,Profiler:ge,StrictMode:ye,Suspense:Ce,isAsyncMode:function(e){return Re(e)||Pe(e)===xe},isConcurrentMode:Re,isContextConsumer:function(e){return Pe(e)===be},isContextProvider:function(e){return Pe(e)===Ee},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===pe},isForwardRef:function(e){return Pe(e)===ke},isFragment:function(e){return Pe(e)===ve},isLazy:function(e){return Pe(e)===Se},isMemo:function(e){return Pe(e)===we},isPortal:function(e){return Pe(e)===he},isProfiler:function(e){return Pe(e)===ge},isStrictMode:function(e){return Pe(e)===ye},isSuspense:function(e){return Pe(e)===Ce},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===ve||e===Ne||e===ge||e===ye||e===Ce||e===Te||"object"==typeof e&&null!==e&&(e.$$typeof===Se||e.$$typeof===we||e.$$typeof===Ee||e.$$typeof===be||e.$$typeof===ke||e.$$typeof===Ie||e.$$typeof===Ae||e.$$typeof===_e||e.$$typeof===Oe)},typeOf:Pe},je=de((function(e,t){"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,c=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,E=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:var f=e.type;switch(f){case s:case u:case a:case c:case o:case d:return f;default:var v=f&&f.$$typeof;switch(v){case l:case m:case h:case p:case i:return v;default:return t}}case r:return t}}}var x=s,N=u,k=l,C=i,T=n,w=m,S=a,O=h,I=p,A=r,_=c,P=o,R=d,V=!1;function j(e){return b(e)===u}t.AsyncMode=x,t.ConcurrentMode=N,t.ContextConsumer=k,t.ContextProvider=C,t.Element=T,t.ForwardRef=w,t.Fragment=S,t.Lazy=O,t.Memo=I,t.Portal=A,t.Profiler=_,t.StrictMode=P,t.Suspense=R,t.isAsyncMode=function(e){return V||(V=!0),j(e)||b(e)===s},t.isConcurrentMode=j,t.isContextConsumer=function(e){return b(e)===l},t.isContextProvider=function(e){return b(e)===i},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return b(e)===m},t.isFragment=function(e){return b(e)===a},t.isLazy=function(e){return b(e)===h},t.isMemo=function(e){return b(e)===p},t.isPortal=function(e){return b(e)===r},t.isProfiler=function(e){return b(e)===c},t.isStrictMode=function(e){return b(e)===o},t.isSuspense=function(e){return b(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===u||e===c||e===o||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===m||e.$$typeof===y||e.$$typeof===g||e.$$typeof===E||e.$$typeof===v)},t.typeOf=b}()})),De=de((function(e){"production"===process.env.NODE_ENV?e.exports=Ve:e.exports=je})),Me=Object.getOwnPropertySymbols,Fe=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;function Be(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var ze=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map((function(e){return t[e]}));if("0123456789"!==r.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,a=Be(e),o=1;o<arguments.length;o++){for(var c in n=Object(arguments[o]))Fe.call(n,c)&&(a[c]=n[c]);if(Me){r=Me(n);for(var i=0;i<r.length;i++)Le.call(n,r[i])&&(a[r[i]]=n[r[i]])}}return a},He=Function.call.bind(Object.prototype.hasOwnProperty),$e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Xe=He,We=function(){};if("production"!==process.env.NODE_ENV){var Ye=$e,qe={},Ue=Xe;We=function(e){var t="Warning: "+e;try{throw new Error(t)}catch(e){}}}function Ge(e,t,n,r,a){if("production"!==process.env.NODE_ENV)for(var o in e)if(Ue(e,o)){var c;try{if("function"!=typeof e[o]){var i=Error((r||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw i.name="Invariant Violation",i}c=e[o](t,o,r,n,null,Ye)}catch(e){c=e}if(!c||c instanceof Error||We((r||"React class")+": type specification of "+n+" `"+o+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in qe)){qe[c.message]=!0;var l=a?a():"";We("Failed "+n+" type: "+c.message+(null!=l?l:""))}}}Ge.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(qe={})};var Ke=Ge,Ze=function(){};function Je(){return null}"production"!==process.env.NODE_ENV&&(Ze=function(e){var t="Warning: "+e;try{throw new Error(t)}catch(e){}});function Qe(){}function et(){}et.resetWarningCache=Qe;var tt=function(e,t){var n="function"==typeof Symbol&&Symbol.iterator;var r="<<anonymous>>",a={array:l("array"),bigint:l("bigint"),bool:l("boolean"),func:l("function"),number:l("number"),object:l("object"),string:l("string"),symbol:l("symbol"),any:i(Je),arrayOf:function(e){return i((function(t,n,r,a,o){if("function"!=typeof e)return new c("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var i=t[n];if(!Array.isArray(i))return new c("Invalid "+a+" `"+o+"` of type `"+m(i)+"` supplied to `"+r+"`, expected an array.");for(var l=0;l<i.length;l++){var s=e(i,l,r,a,o+"["+l+"]",$e);if(s instanceof Error)return s}return null}))},element:i((function(t,n,r,a,o){var i=t[n];return e(i)?null:new c("Invalid "+a+" `"+o+"` of type `"+m(i)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:i((function(e,t,n,r,a){var o=e[t];return De.isValidElementType(o)?null:new c("Invalid "+r+" `"+a+"` of type `"+m(o)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return i((function(t,n,a,o,i){if(!(t[n]instanceof e)){var l=e.name||r;return new c("Invalid "+o+" `"+i+"` of type `"+(((s=t[n]).constructor&&s.constructor.name?s.constructor.name:r)+"` supplied to `")+a+"`, expected instance of `"+l+"`.")}var s;return null}))},node:i((function(e,t,n,r,a){return u(e[t])?null:new c("Invalid "+r+" `"+a+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return i((function(t,n,r,a,o){if("function"!=typeof e)return new c("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected an object.");for(var s in i)if(Xe(i,s)){var u=e(i,s,r,a,o+"."+s,$e);if(u instanceof Error)return u}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&Ze(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),Je;function t(t,n,r,a,i){for(var l=t[n],s=0;s<e.length;s++)if(o(l,e[s]))return null;var u=JSON.stringify(e,(function(e,t){return"symbol"===d(t)?String(t):t}));return new c("Invalid "+a+" `"+i+"` of value `"+String(l)+"` supplied to `"+r+"`, expected one of "+u+".")}return i(t)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&Ze("Invalid argument supplied to oneOfType, expected an instance of array."),Je;for(var t=0;t<e.length;t++){var n=e[t];if("function"!=typeof n)return Ze("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+f(n)+" at index "+t+"."),Je}return i((function(t,n,r,a,o){for(var i=[],l=0;l<e.length;l++){var s=(0,e[l])(t,n,r,a,o,$e);if(null==s)return null;s.data&&Xe(s.data,"expectedType")&&i.push(s.data.expectedType)}return new c("Invalid "+a+" `"+o+"` supplied to `"+r+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return i((function(t,n,r,a,o){var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");for(var u in e){var f=e[u];if("function"!=typeof f)return s(r,a,o,u,d(f));var p=f(i,u,r,a,o+"."+u,$e);if(p)return p}return null}))},exact:function(e){return i((function(t,n,r,a,o){var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");var u=ze({},t[n],e);for(var f in u){var p=e[f];if(Xe(e,f)&&"function"!=typeof p)return s(r,a,o,f,d(p));if(!p)return new c("Invalid "+a+" `"+o+"` key `"+f+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=p(i,f,r,a,o+"."+f,$e);if(h)return h}return null}))}};function o(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function c(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function i(e){if("production"!==process.env.NODE_ENV)var n={},a=0;function o(o,i,l,s,u,m,d){if(s=s||r,m=m||l,d!==$e){if(t){var f=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw f.name="Invariant Violation",f}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=s+":"+l;!n[p]&&a<3&&(Ze("You are manually calling a React.PropTypes validation function for the `"+m+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),n[p]=!0,a++)}}return null==i[l]?o?null===i[l]?new c("The "+u+" `"+m+"` is marked as required in `"+s+"`, but its value is `null`."):new c("The "+u+" `"+m+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(i,l,s,u,m)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function l(e){return i((function(t,n,r,a,o,i){var l=t[n];return m(l)!==e?new c("Invalid "+a+" `"+o+"` of type `"+d(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null}))}function s(e,t,n,r,a){return new c((e||"React class")+": "+t+" type `"+n+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(u);if(null===t||e(t))return!0;var r=function(e){var t=e&&(n&&e[n]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!r)return!1;var a,o=r.call(t);if(r!==t.entries){for(;!(a=o.next()).done;)if(!u(a.value))return!1}else for(;!(a=o.next()).done;){var c=a.value;if(c&&!u(c[1]))return!1}return!0;default:return!1}}function m(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function d(e){if(null==e)return""+e;var t=m(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function f(e){var t=d(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return c.prototype=Error.prototype,a.checkPropTypes=Ke,a.resetWarningCache=Ke.resetWarningCache,a.PropTypes=a,a},nt=function(){function e(e,t,n,r,a,o){if(o!==$e){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:et,resetWarningCache:Qe};return n.PropTypes=n,n},rt=de((function(e){if("production"!==process.env.NODE_ENV){var t=De;e.exports=tt(t.isElement,!0)}else e.exports=nt()}));function at(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var ot=!1,ct="production"!==process.env.NODE_ENV?rt.oneOfType([rt.number,rt.shape({enter:rt.number,exit:rt.number,appear:rt.number}).isRequired]):null,it="production"!==process.env.NODE_ENV?rt.oneOfType([rt.string,rt.shape({enter:rt.string,exit:rt.string,active:rt.string}),rt.shape({enter:rt.string,enterDone:rt.string,enterActive:rt.string,exit:rt.string,exitDone:rt.string,exitActive:rt.string})]):null,lt=t.createContext(null),st=function(e){function n(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus="entering"):a="entered":a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}me(n,e),n.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var r=n.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?"entering"!==n&&"entered"!==n&&(t="entering"):"entering"!==n&&"entered"!==n||(t="exiting")}this.updateStatus(!1,t)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},r.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),"entering"===t?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},r.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[P.findDOMNode(this),r],o=a[0],c=a[1],i=this.getTimeouts(),l=r?i.appear:i.enter;!e&&!n||ot?this.safeSetState({status:"entered"},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,c),this.safeSetState({status:"entering"},(function(){t.props.onEntering(o,c),t.onTransitionEnd(l,(function(){t.safeSetState({status:"entered"},(function(){t.props.onEntered(o,c)}))}))})))},r.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:P.findDOMNode(this);t&&!ot?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},r.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},r.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},r.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:P.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],c=a[1];this.props.addEndListener(o,c)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},r.render=function(){var e=this.state.status;if("unmounted"===e)return null;var n=this.props,r=n.children;n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef;var a=se(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return t.createElement(lt.Provider,{value:null},"function"==typeof r?r(e,a):t.cloneElement(t.Children.only(r),a))},n}(t.Component);function ut(){}st.contextType=lt,st.propTypes="production"!==process.env.NODE_ENV?{nodeRef:rt.shape({current:"undefined"==typeof Element?rt.any:function(e,t,n,r,a,o){var c=e[t];return rt.instanceOf(c&&"ownerDocument"in c?c.ownerDocument.defaultView.Element:Element)(e,t,n,r,a,o)}}),children:rt.oneOfType([rt.func.isRequired,rt.element.isRequired]).isRequired,in:rt.bool,mountOnEnter:rt.bool,unmountOnExit:rt.bool,appear:rt.bool,enter:rt.bool,exit:rt.bool,timeout:function(e){var t=ct;e.addEndListener||(t=t.isRequired);for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a<n;a++)r[a-1]=arguments[a];return t.apply(void 0,[e].concat(r))},addEndListener:rt.func,onEnter:rt.func,onEntering:rt.func,onEntered:rt.func,onExit:rt.func,onExiting:rt.func,onExited:rt.func}:{},st.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ut,onEntering:ut,onEntered:ut,onExit:ut,onExiting:ut,onExited:ut},st.UNMOUNTED="unmounted",st.EXITED="exited",st.ENTERING="entering",st.ENTERED="entered",st.EXITING="exiting";var mt=st,dt=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))},ft=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=at(n.className,r):n.setAttribute("class",at(n.className&&n.className.baseVal||"",r)));var n,r}))},pt=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}me(n,e);var r=n.prototype;return r.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,dt(e,r))},r.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&ft(e,r),a&&ft(e,a),o&&ft(e,o)},r.render=function(){var e=this.props;e.classNames;var n=se(e,["classNames"]);return t.createElement(mt,le({},n,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},n}(t.Component);pt.defaultProps={classNames:""},pt.propTypes="production"!==process.env.NODE_ENV?le({},mt.propTypes,{classNames:it,onEnter:rt.func,onEntering:rt.func,onEntered:rt.func,onExit:rt.func,onExiting:rt.func,onExited:rt.func}):{};var ht=pt,vt=c((function(e,a){var o=e.header,c=e.content,l=e.footer,s=e.className,u=void 0===s?"":s,m=e.visible,f=M(n(!1),2),h=f[0],v=f[1];i(a,(function(){return{close:function(){v(!1)}}})),r((function(){v(m)}),[m]);var y=d("xh-dialog",u,{microApp:"h5"!==process.env.TARO_ENV}),g=d("xh-dialog-content-content",{headless:!o}),E=t.createElement(p,{className:y},t.createElement(H,null),t.createElement(ht,{in:h,timeout:200,classNames:"scale",unmountOnExit:!0},t.createElement(p,{className:"xh-dialog-content"},o&&t.createElement(p,{className:"xh-dialog-content-header"},o),t.createElement(p,{className:g},c),t.createElement(p,{className:"xh-dialog-content-footer"},l))));return P.createPortal(E,document.body)})),yt=vt;yt.alert=function(e){var n=e.title,r=void 0===n?"":n,a=e.content,o=e.confirmText,c=void 0===o?"知道了":o,i=V(e,["title","content","confirmText"]);return new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),o=l(),s=t.createElement(z,{ghost:!0,type:"default",shape:"rectangle",className:"xh-alert-button",dataTrackId:"xh-confirm-footer-confirm-button",onClick:function(){P.unmountComponentAtNode(n),e()}},c);P.render(t.createElement(vt,R({header:r,footer:s,content:a,visible:!0,ref:o},i)),n)}else w(R({title:r,content:a,showCancel:!1,confirmColor:"#fe5e00",confirmText:c},i)).then((function(){return e()}))}))},yt.confirm=function(e){var n=e.title,r=void 0===n?"":n,a=e.content,o=e.confirmText,c=void 0===o?"确定":o,i=e.cancelText,s=void 0===i?"取消":i,u=V(e,["title","content","confirmText","cancelText"]);return new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),o=l(),i=t.createElement("div",{className:"xh-confirm-footer"},t.createElement(z,{ghost:!0,type:"default",shape:"rectangle",className:"xh-confirm-footer-button xh-confirm-footer-cancel-button",dataTrackId:"xh-confirm-footer-cancel-button",onClick:function(){P.unmountComponentAtNode(n),e({errMsg:"ok",confirm:!1,cancel:!0})}},s),t.createElement(z,{ghost:!0,type:"primary",shape:"rectangle",className:"xh-confirm-footer-button xh-confirm-footer-confirm-button",dataTrackId:"xh-confirm-footer-confirm-button",onClick:function(){P.unmountComponentAtNode(n),e({errMsg:"ok",confirm:!0,cancel:!1})}},c));P.render(t.createElement(vt,R({header:r,footer:i,content:a,visible:!0,ref:o},u)),n)}else w(R({title:r,content:a,confirmColor:"#fe5e00",cancelText:s,cancelColor:"#666",confirmText:c},u)).then(e)}))};var gt=function(e){var a=e.onBlur,o=e.show,c=e.maxLength,i=void 0===c?Number.MAX_SAFE_INTEGER:c,l=e.showClose,s=void 0===l||l,u=e.closeOnClickSpace,m=void 0===u||u,f=e.onClose,h=e.onChange,v=e.value,y=e.title,g=void 0===y?"安全键盘":y,E=e.closeText,b=void 0===E?"收起":E,x=e.className,N=e.dataTrackId,k=void 0===N?"NumberKeyboard":N,C=M(n(v),2),T=C[0],w=C[1],S=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 O(e){f&&f(e),a&&a(e)}r((function(){return m&&document.addEventListener("click",O),function(){document.removeEventListener("click",O)}}),[]),r((function(){w(v)}),[v]);var I=d("xh-number-keyboard",x);return t.createElement(ht,{classNames:"slide-up",in:o,unmountOnExit:!0,timeout:200},t.createElement(p,{className:I,dataTrackId:k},t.createElement(p,{className:"xh-number-keyboard-header"},t.createElement(p,{className:"xh-number-keyboard-header-title"},g),s&&t.createElement(p,{className:"xh-number-keyboard-header-close",onClick:O,dataTrackId:"".concat(k,"_close")},b)),t.createElement(p,{className:"xh-number-keyboard-body"},S.map((function(e,n){return t.createElement(p,{key:n,dataTrackId:"".concat(k,"_key_").concat(n),className:d("xh-number-keyboard-body-key",{none:"none"===e.type,delete:"delete"===e.type}),onClick:function(t){!function(e,t){var n=t.type,r=t.value;if("h5"===process.env.TARO_ENV&&e.stopImmediatePropagation(),"none"!==n){var a=T;"delete"===n?a=T.slice(0,T.length-1):a.length<i&&(a=T+r),w(a),h&&h(a)}}(t,e)}},e.text)})))))},Et=function(e){var n=e.value,r=e.length,a=e.mask,o=void 0===a||a,c=e.onFocus,i=e.className;var l=d("xh-password-input",i);return t.createElement(p,{className:l},t.createElement(p,{className:"xh-password-input-list",onClick:function(e){e.stopPropagation(),c&&c(e)}},function(){for(var e=[],a=0;a<r;a++){var c=n[a];e.push(t.createElement(p,{key:a,className:"xh-password-input-item"},o?t.createElement(p,{className:d({"xh-password-input-mask":c})}):c))}return e}()))},bt=function(e){var n=e.percent,r=void 0===n?88:n,a=e.className,o=e.showPercent,c=void 0!==o&&o,i=e.doneColor,l=void 0===i?"":i,s=e.percentColor,u=void 0===s?"":s,m=e.height,f=void 0===m?28:m,h=e.dots,v=void 0===h?[]:h,y=e.solid,g=void 0!==y&&y,E=e.backgroundColor,b=void 0===E?"":E,x=d("xh-progress",a,{dots:v.length>0}),N=d("progress-bar",{dots:v.length>0},{solid:g},{h5:"h5"===process.env.TARO_ENV}),k=d("progress-bar-percent",{solid:g});return t.createElement(p,{className:x,style:{height:f&&S(f)}},t.createElement(p,{className:d("progress",{solid:g}),style:{backgroundColor:b}},v.length>0?t.createElement(t.Fragment,null,v.map((function(e){return t.createElement(p,{style:{width:"".concat(e,"%")},key:e,"data-progress":e,className:N},"h5"!==process.env.TARO_ENV&&t.createElement(p,{className:"progress-bar-text"},e,"%"))})),t.createElement(p,{className:"progress-cover",style:{width:"".concat(r,"%")}})):t.createElement(p,{style:{width:"".concat(r,"%"),backgroundColor:l,color:u},className:N},c&&t.createElement(p,{className:k},"".concat(r,"%")))))},xt=function(e){var n=e.title,r=e.className,a=void 0===r?"":r,c=e.icon,i=void 0===c?"none":c,l=e.image,s=void 0===l?"":l,u=d("xh-toast",a),m=d("iconfont",{success:"icon-success_toast",error:"icon-failure_toast",loading:"icon-loading_toast",none:""}[i]),f=o((function(){return s?t.createElement(re,{src:s,width:24,height:24}):i?t.createElement("span",{className:m}):void 0}),[i,s]),h=t.createElement(p,{className:u},t.createElement(H,{mask:"transparent"}),t.createElement(ht,{in:!0,timeout:200,classNames:"face",unmountOnExit:!0},t.createElement(p,{className:"xh-toast-content"},f,t.createElement(p,null,n))));return P.createPortal(h,document.body)};function Nt(e){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return j(this,void 0,void 0,(function(){var r;return D(this,(function(a){return r={title:"",duration:3e3,mask:!0},"string"==typeof e||"number"==typeof e?(r.title="".concat(e),n.length&&(r.duration=n[0])):r=R(R({},r),e),[2,new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),a=setTimeout((function(){P.unmountComponentAtNode(n),clearTimeout(a),e()}),r.duration),o=r.title,c=V(r,["title"]);P.render(t.createElement(xt,R({title:o},c)),n)}else O(R({icon:"none"},r)).then((function(t){if("showToast:ok"===t.errMsg)var n=setTimeout((function(){clearTimeout(n),e()}),r.duration)}))}))]}))}))}var kt=c((function(e,a){var o=e.header,c=e.content,l=e.className,s=void 0===l?"":l,u=e.visible,m=e.showCancel,f=void 0===m||m,h=e.confirmText,v=void 0===h?"确定":h,y=e.cancelText,g=void 0===y?"取消":y,E=e.footer,b=void 0!==E&&E,x=e.onConfirm,N=e.onCancel,k=e.onClose,C=e.portrait,T=void 0!==C&&C,w=e.tranparent,S=void 0!==w&&w,O=e.fancy,I=void 0!==O&&O,A=e.dataTrackId,_=void 0===A?"DialogRef":A,P=M(n(!1),2),R=P[0],V=P[1];i(a,(function(){return{close:j,open:D}}));var j=function(){k&&k(),V(!1)},D=function(){V(!0)};r((function(){u||k&&k(),V(u)}),[u]);var F=d("xh-dialog-ref",s,{show:R}),L=t.createElement(p,{className:d("xh-dialog-ref-content-footer-buttons",{portrait:T,fancy:I})},f&&t.createElement(z,{ghost:!0,size:"full",shape:"rectangle",preventTime:0,onClick:function(){N&&N(),j()},className:"xh-dialog-ref-content-footer-buttons-cancel",dataTrackId:"".concat(_,"_cancel")},g),t.createElement(z,{type:"primary",shape:"rectangle",size:"full",ghost:!I,className:"xh-dialog-ref-content-footer-buttons-confirm",onClick:function(){x&&x()},preventTime:0,dataTrackId:"".concat(_,"_confirm")},v));return t.createElement(p,{className:F,dataTrackId:_},t.createElement(H,null),t.createElement(ht,{in:R,timeout:200,classNames:"scale"},t.createElement(p,{className:d("xh-dialog-ref-content",{tranparent:S})},o&&t.createElement(p,{className:"xh-dialog-ref-content-header"},o),t.createElement(p,{className:"xh-dialog-ref-content-content"},c),b||t.createElement(p,{className:"xh-dialog-ref-content-footer"},L))))})),Ct=function(e){var n=e.children,r=e.title,a=e.TabItemComponent,o=V(e,["children","title","TabItemComponent"]);return t.createElement("div",R({className:"xh-tabbar-item","data-track-id":e.dataTrackId},o),a||r,n)},Tt=function(e){var o=e.children,c=void 0===o?[]:o,i=e.lineColor,l=void 0===i?"#FE5E00":i,u=e.titleActiveColor,m=void 0===u?"#333":u,f=e.titleInctiveColor,h=void 0===f?"#999":f,v=e.onChange,y=e.content,E=e.selectIndex,b=void 0===E?0:E,x=e.isOverflowNav,N=void 0!==x&&x,k=M(n(0),2),C=k[0],T=k[1],w=M(n(0),2),S=w[0],O=w[1],A=M(n(0),2),_=A[0],P=A[1],R=M(n(0),2),V=R[0],j=R[1],D=a([]),F=a([]),L=a([]),B=a(null),z=a(null),H=a(null),$=function(e,t,n,r){if(!t||!N)return 0;var a=e.left-n-(t.width-e.width)/2,o=Math.max(0,r-t.width);return Math.max(0,Math.min(a,o))},X=s((function(e){var t=c.filter(Boolean);if(!(e<0||e>=t.length))if("h5"!==process.env.TARO_ENV)H.current=setTimeout((function(){var t=I();t.selectAll(".xh-tabbar-nav-item").boundingClientRect(),t.select(".xh-tabbar-nav").boundingClientRect(),t.selectAll(".xh-tabbar-content-item").boundingClientRect(),t.selectAll(".xh-tabbar-content-slot").boundingClientRect(),t.select(".xh-tabbar-nav-scroll").boundingClientRect(),t.exec((function(t){var n=M(t,5),r=n[0],a=n[1],o=n[2],c=n[3],i=n[4],l=(null==a?void 0:a.node)||a;if(r[e]&&l&&i){var s=r[e],u=a,m=s.left+s.width/2-u.left;if(P(m),N){var d=$(s,i,a.left,a.width);j(d)}}o[e]&&T(o[e].height),c[0]&&O(c[0].height)}))}),50);else{var n=D.current[e],r=L.current[0],a=F.current[e],o=null==n?void 0:n.parentElement,i=B.current;if(n&&o&&i){var l=n.getBoundingClientRect(),s=o.getBoundingClientRect(),u=i.getBoundingClientRect(),m=l.left+l.width/2-s.left;if(P(m),N){var d=$(l,u,s.left,o.offsetWidth);i.scrollTo({left:d})}}if(r){var f=r.getBoundingClientRect();O(f.height)}if(a){var p=a.getBoundingClientRect();T(p.height)}}}),[c,N]);r((function(){return X(b),function(){H.current&&clearTimeout(H.current)}}),[b,X]);return t.createElement(p,{className:"xh-tabbar"},t.createElement(g,{scrollX:!0,scrollLeft:V,className:"xh-tabbar-nav-scroll",ref:B},t.createElement(p,{className:"xh-tabbar-nav",ref:z,style:{width:N?"fit-content":"100%"}},c.map((function(e,n){return t.createElement(p,{key:n,"data-index":n,dataTrackId:e.props.dataTrackId||"xh-tabbar-nav-item-".concat(n),ref:function(e){return D.current[n]=e},className:d("xh-tabbar-nav-item",{"more-item":N}),style:{color:b===n?m:h,flex:N?"none":"1"},onClick:function(){return function(e){if(e!==b&&(X(e),v&&v(e),"h5"===process.env.TARO_ENV)){var t=I();t.selectAll(".xh-tabbar-content-item").boundingClientRect(),t.selectAll(".xh-tabbar-content-slot").boundingClientRect(),t.exec((function(t){if(t[0][e]){var n=t[0][e].height;T(n),t[1][e]&&O(t[1][e].height)}}))}}(n)}},e.props.TabItemComponent||e.props.title)})),t.createElement("div",{className:"xh-tabbar-nav-line",style:{background:"".concat(l),transform:"translateX(".concat(_,"px) translate(-50%, -50%)"),WebkitTransform:"translateX(".concat(_,"px) translate(-50%, -50%)"),transition:"transform 0.3s ease"}}))),t.createElement(p,{className:"xh-tabbar-content",style:{width:"".concat(100*c.length,"%"),height:C+S?"".concat(C+S,"px"):"auto"}},y&&t.createElement(p,{className:"xh-tabbar-content-slot",ref:L},y),c.map((function(e,n){return t.createElement(p,{key:n,ref:function(e){return F.current[n]=e},className:d("xh-tabbar-content-item",{"xh-tabbar-content-item-dispaly":b!==n,"xh-tabbar-content-item-active":b===n})},e.props.children)}))))};Tt.Item=Ct;var wt=Tt;wt.Item=Ct;var St=function(e){var n=e.children,r=e.timeout,a=void 0===r?300:r,o=e.in,c=e.name,i=e.unmountOnExit,l=void 0===i||i,s=V(e,["children","timeout","in","name","unmountOnExit"]);return t.createElement(ht,R({unmountOnExit:l,classNames:c,in:o,timeout:a},s),n)},Ot=function(e){var n=e.children,r=e.in,a=e.timeout,o=e.direction,c=void 0===o?"up":o,i=V(e,["children","in","timeout","direction"]);return t.createElement(St,R({appear:!0,in:r,name:"slide-".concat(c),timeout:a},i),n)},It=function(e){var n=e.children,r=e.in,a=e.timeout,o=e.onExited,c=V(e,["children","in","timeout","onExited"]);return t.createElement(St,R({in:r,name:"fade",timeout:a,onExited:o},c),n)},At={top:"down",bottom:"up",left:"right",right:"left"},_t=function(e){var n=e.visible,a=e.position,o=void 0===a?"bottom":a,c=e.children,i=e.onClose,l=e.className,s=At[o],u=d("xh-popup-content",{"xh-popup-content-left":"left"===o,"xh-popup-content-right":"right"===o,"xh-popup-content-top":"top"===o,"xh-popup-content-bottom":"bottom"===o}),m=function(e){e.stopPropagation(),e.preventDefault()};function f(){i&&i()}if(r((function(){return n?(document.body.style.touchAction="none",document.body.addEventListener("touchmove",m),document.body.style.overflowY="hidden"):(document.body.style.touchAction="",document.body.removeEventListener("touchmove",m),document.body.style.overflowY="auto"),function(){document.body.style.touchAction="",document.body.style.overflowY="auto",document.body.removeEventListener("touchmove",m)}}),[n]),"h5"!==process.env.TARO_ENV){var h=d("xh-popup",l,n?"visible":"hidden");return t.createElement(p,{className:h},t.createElement(H,{onClick:f}),t.createElement(p,{className:u},c))}return P.createPortal(t.createElement(It,{in:n},t.createElement("div",{className:d("xh-popup",l)},t.createElement(H,{onClick:f}),t.createElement(Ot,{direction:s,in:n},t.createElement("div",{className:u},c)))),document.body)};var Pt=t.forwardRef((function(e,o){var c=e.keyIndex,l=void 0===c?0:c,s=e.defaultValue,u=e.data,m=void 0===u?[]:u,d=e.mode,f=void 0===d?"normal":d,h=e.swipeDuration,v=void 0===h?1e3:h,y=e.visible,g=void 0!==y&&y,E=e.onConfirm,b=function(){var e=M(n(0),2),t=e[0],r=e[1],a=M(n(0),2),o=a[0],c=a[1],i=M(n(0),2),l=i[0],s=i[1],u=M(n(0),2),m=u[0],d=u[1],f=M(n(0),2),p=f[0],h=f[1],v=M(n(0),2),y=v[0],g=v[1],E=M(n(0),2),b=E[0],x=E[1],N=M(n(0),2),k=N[0],C=N[1],T=M(n(""),2),w=T[0],S=T[1],O=function(){h(0),g(0),x(0),C(0),S("")};return{move:function(e){var n=e.touches[0],r=n.clientX-t,a=n.clientY-o;h(r),g(a),s(n.clientX),d(n.clientY),x(Math.abs(r)),C(Math.abs(a)),w||S(function(e,t){return e>t&&e>10?"horizontal":t>e&&t>10?"vertical":""}(b,k))},start:function(e){O(),r(e.touches[0].clientX),c(e.touches[0].clientY)},reset:O,startX:t,startY:o,moveX:l,moveY:m,deltaX:p,deltaY:y,offsetX:b,offsetY:k,direction:w,isVertical:function(){return"vertical"===w},isHorizontal:function(){return"horizontal"===w}}}(),x=M(n(1),2),N=x[0],k=x[1],C=a(48),T=M(n(0),2),w=T[0],S=T[1],O=M(n("0deg"),2),I=O[0],A=O[1],_=a(!1),P=a(null),R=a(null),V=a(null),F=M(n(0),2),L=F[0],B=F[1],z=M(n(0),2),H=z[0],$=z[1],X=a(0),W=M(n(0),2),Y=W[0],q=W[1],U=function(e){return e>=N+8||e<=N-8},G=function(e,t,n,r){void 0===e&&(e=0),void 0===n&&(n=200);var a=n;"end"!==t&&(a=0),S(a),A(r),q(e)},K=function(e,t,n){var r=e+X.current;if("end"===t){r>0&&(r=0),r<-(m.length-1)*C.current&&(r=-(m.length-1)*C.current);var a=Math.round(r/C.current)*C.current,o="".concat(22*(Math.abs(Math.round(a/C.current))+1),"deg");G(a,t,n,o),k(Math.abs(Math.round(a/C.current))+1)}else{o=0;var c=22*(-r/C.current+1),i=22*(m.length+1);0<(o=Math.min(Math.max(c,0),i))&&o<i&&(G(r,"",void 0,"".concat(o,"deg")),k(Math.abs(Math.round(r/C.current))+1))}},Z=function(e){var t=Math.round(-e/C.current);E&&E(m[t],l)},J=function(e,t){var n=e;return n=Math.abs(n/t)/.003*(n<0?-1:1)},Q=function(e,t){var n=t||s,r=-1;n?m.forEach((function(e,t){return("object"==typeof e?e.value===n:e===n)&&(r=t,!0)})):m.forEach((function(e,t){("object"==typeof e?e.value===s:e===s)&&(r=t)})),k(-1===r?1:r+1);var a=-1===r?0:r*C.current;e&&Z(-a),K(-a)},ee=function(){_.current=!1,S(0),Z(Y)},te=function(e,t){("boolean"!=typeof e.cancelable||e.cancelable)&&e.preventDefault(),t&&e.stopPropagation()};return r((function(){return q(0),X.current=0,Q(!1),function(){clearTimeout(undefined)}}),[m]),r((function(){g&&setTimeout((function(){j(void 0,void 0,void 0,(function(){return D(this,(function(e){return Q(!0),[2]}))}))}),200)}),[g]),i(o,(function(){return{stopMomentum:ee,moving:_.current}})),t.createElement(p,{className:"xh-picker-list",ref:V,onTouchStart:function(e){b.start(e),$(b.deltaY),B(Date.now()),X.current=Y},onTouchMove:function(e){b.move(e),b.isVertical()&&(_.current=!0,te(e,!0));var t=b.deltaY-H;K(t)},onTouchEnd:function(){if(_.current){var e=b.deltaY-H,t=Date.now()-L;if(t<=300&&Math.abs(e)>15){var n=J(e,t);K(n,"end",+v)}else K(e,"end");setTimeout((function(){b.reset()}),0)}}},t.createElement(p,{className:"xh-picker-roller",ref:R,style:"3D"===f?{transition:"transform ".concat(w,"ms cubic-bezier(0.17, 0.89, 0.45, 1)"),transform:"rotate3d(1, 0, 0, ".concat(I,")")}:{transition:"transform ".concat(w,"ms cubic-bezier(0.17, 0.89, 0.45, 1)"),transform:"translate3d(0, ".concat(Y,"px, 0)")},onTransitionEnd:ee},"3D"===f&&m.map((function(e,n){return t.createElement(p,{className:"xh-picker-roller-item ".concat(U(n+1)&&"nut-picker-roller-item-hidden"),style:{transform:"rotate3d(1, 0, 0, ".concat(-22*(n+1),"deg) translate3d(0px, 0px, 104px)"),height:"".concat(C.current,"px"),lineHeight:"".concat(C.current,"px")},key:"string"==typeof e?n:e.value?e.value:n},t.createElement(t.Fragment,null,"object"==typeof e?e.text:e))})),"normal"===f&&m.map((function(e,n){return t.createElement(p,{className:"xh-picker-roller-item-title",key:"object"==typeof e?e.value:e||n,style:{height:"".concat(C.current,"px"),lineHeight:"".concat(C.current,"px")}},t.createElement(t.Fragment,null,"object"==typeof e?e.text:e))}))),t.createElement(p,{className:"xh-picker-mask"}),t.createElement(p,{className:"xh-picker-indicator",ref:P}))}));var Rt=t.forwardRef((function(e,o){var c=e.visible,i=void 0!==c&&c,l=e.title,s=e.data,u=void 0===s?[]:s,m=e.defaultValueData,f=e.onConfirm,p=e.onClose;e.onCloseUpdate;var h=e.onChange,v=e.className,y=e.style,g=e.mode,E=e.swipeDuration,b=V(e,["visible","title","data","defaultValueData","onConfirm","onClose","onCloseUpdate","onChange","className","style","mode","swipeDuration"]),x=M(n([]),2),N=x[0],k=x[1],C=M(n(0),2),T=C[0],w=C[1],S=a(null),O=M(function(){var e=t.useRef([]),n=t.useCallback((function(t){return function(n){n&&(e.current[t]=n)}}),[]),r=t.useCallback((function(){e.current=[]}),[]);return[e.current,n,r]}(),2),I=O[0],A=O[1],_=M(n([]),2),P=_[0],j=_[1],D=a(!1);r((function(){if(m&&0!==m.length&&m.toString()!==N.toString()){var e=F([],M(m),!1);k(e),j($())}}),[m]),r((function(){h&&h(T,N,z()),D.current&&(D.current=!1,f&&f(z(),T))}),[N]),r((function(){Y()}),[u]);var L=function(e){e.stopPropagation(),p&&p()},B=function(e){e.stopPropagation();var t=!1;I.forEach((function(e){e.moving&&(t=!0),e.stopMomentum()})),t?D.current=!0:f&&f(z(),T),p&&p(),setTimeout((function(){D.current=!1}),0)},z=function(){var e=[];return P.forEach((function(t,n){var r;return(r=t.filter((function(e){return("object"==typeof e?e.value:e)===N[n]})))[0]?e.push(r[0]):t[0]&&e.push(t[0]),t})),e},H=function(e,t){if(e&&Object.keys(e).length&&N[t]!==("string"==typeof e?e:e.value)){if("cascade"===X()){N[t]="object"==typeof e?e.value:e||"",k(F([],M(N),!1));for(var n=t,r=e;"object"==typeof r&&r&&r.children&&r.children[0];)N[n+1]=r.children[0].value,k(F([],M(N),!1)),n++,r=r.children[0];"object"==typeof r&&r&&r.children&&(N[n+1]="",k(F([],M(N),!1))),j($())}else k((function(n){var r=F([],M(n),!1);return r[t]=("string"==typeof e?e:e.value)||"",r}));w(t)}},$=function(){switch(X()){case"multiple":return u;case"cascade":return W(u,N);default:return[u]}},X=function(){var e=u[0];if(e){if(Array.isArray(e))return"multiple";if("object"==typeof e&&"children"in e)return"cascade"}return"single"},W=function(e,t){for(var n=[],r={text:"",value:"",children:e},a=0,o=function(){var e=r.children,o=t[a],c=e.findIndex((function(e){return e.value===o}));-1===c&&(c=0),r=r.children[c],a++,n.push(e)};r&&r.children;)o();return n},Y=function(){var e=[],t=$();j(t),t.length>0&&t.forEach((function(t){var n=t[0];n&&e.push("string"==typeof n?n:n.value)})),m||0!==N.length||k(F([],M(e),!1))};return t.createElement(_t,{visible:i},t.createElement("div",R({className:d("xh-picker",v),style:y,ref:o},b),t.createElement("div",{className:"xh-picker-header"},t.createElement("span",{className:"xh-picker-header-button picker-cancel",onClick:L},"取消"),t.createElement("div",{className:"xh-picker-header-title"},l||""),t.createElement("span",{className:"xh-picker-header-button picker-confirm",onClick:B},"确定")),t.createElement("div",{className:"xh-picker-panel",ref:S},null==P?void 0:P.map((function(e,n){return t.createElement(Pt,{ref:A(n),defaultValue:null==N?void 0:N[n],data:e,mode:g,onConfirm:H,swipeDuration:E,key:n,keyIndex:n})})))))})),Vt=function(e){var r=e.className,a=e.children,o=e.onCancel,c=V(e,["className","children","onCancel"]),i=M(n(!1),2),l=i[0],s=i[1];function u(){s(!1),null==o||o()}return t.createElement("div",{className:d("xh-picker-field",r),onClick:function(){c.data.length<=0||s(!0)}},a,t.createElement(Rt,R({visible:l,onCancel:u,onClose:u},c)))},jt=function(){var t=M(e.useState(!1),2),n=t[0],r=t[1];return e.useEffect((function(){r(function(){if(void 0!==L)return L;var e=document.createElement("div");return e.style.display="flex",e.style.flexDirection="column",e.style.rowGap="1px",e.appendChild(document.createElement("div")),e.appendChild(document.createElement("div")),document.body.appendChild(e),L=1===e.scrollHeight,document.body.removeChild(e),L}())}),[]),n},Dt=t.createContext({getPrefixCls:function(e){return e?"xh-".concat(e):"xh"}});function Mt(t){var n,r=t.className,a=t.direction,o=t.index,c=t.marginDirection,i=t.children,l=t.split,s=t.wrap,u=e.useContext(Ft),m=u.horizontalSize,d=u.verticalSize,f=u.latestIndex,p={};return u.supportFlexGap||("vertical"===a?o<f&&(p={marginBottom:m/(l?2:1)}):p=R(R({},o<f&&((n={})[c]=m/(l?2:1),n)),s&&{paddingBottom:d})),null==i?null:e.createElement(e.Fragment,null,e.createElement("div",{className:r,style:p},i),o<f&&l&&e.createElement("span",{className:"".concat(r,"-split"),style:p},l))}var Ft=t.createContext({latestIndex:0,horizontalSize:0,verticalSize:0,supportFlexGap:!1}),Lt={small:8,normal:16,large:24};var Bt=function(e){var n,r=t.useContext(Dt),a=r.getPrefixCls,o=r.space,c=r.direction,i=e.size,l=void 0===i?(null==o?void 0:o.size)||"small":i,s=e.align,u=e.className,m=e.children,f=e.direction,h=void 0===f?"horizontal":f,v=e.split,y=e.style,g=e.wrap,E=void 0!==g&&g,b=V(e,["size","align","className","children","direction","split","style","wrap"]),x=jt(),N=M(t.useMemo((function(){return(Array.isArray(l)?l:[l,l]).map((function(e){return function(e){return"string"==typeof e?Lt[e]:e||0}(e)}))}),[l]),2),k=N[0],C=N[1],T=G(m,{keepEmpty:!0}),w=void 0===s&&"horizontal"===h?"center":s,S=a("space"),O=d(S,"".concat(S,"-").concat(h),((n={})["".concat(S,"-rtl")]="rtl"===c,n["".concat(S,"-align-").concat(w)]=w,n),u),I="".concat(S,"-item"),A="rtl"===c?"marginLeft":"marginRight",_=0,P=T.map((function(e,n){null!=e&&(_=n);var r=e&&e.key||"".concat(I,"-").concat(n);return t.createElement(Mt,{className:I,key:r,direction:h,index:n,marginDirection:A,split:v,wrap:E},e)})),j=t.useMemo((function(){return{horizontalSize:k,verticalSize:C,latestIndex:_,supportFlexGap:x}}),[k,C,_,x]);if(0===T.length)return null;var D={};return E&&(D.flexWrap="wrap",x||(D.marginBottom="-".concat(C,"px"))),x&&(D.columnGap="".concat(k,"px"),D.rowGap="".concat(C,"px")),t.createElement(p,R({className:O,style:R(R({},D),y)},b),t.createElement(Ft.Provider,{value:j},P))};
|
|
9
|
+
*/(null==t&&n.path)}},n.exports),n.exports}var fe="function"==typeof Symbol&&Symbol.for,pe=fe?Symbol.for("react.element"):60103,he=fe?Symbol.for("react.portal"):60106,ve=fe?Symbol.for("react.fragment"):60107,ye=fe?Symbol.for("react.strict_mode"):60108,ge=fe?Symbol.for("react.profiler"):60114,Ee=fe?Symbol.for("react.provider"):60109,be=fe?Symbol.for("react.context"):60110,xe=fe?Symbol.for("react.async_mode"):60111,Ne=fe?Symbol.for("react.concurrent_mode"):60111,ke=fe?Symbol.for("react.forward_ref"):60112,Ce=fe?Symbol.for("react.suspense"):60113,Te=fe?Symbol.for("react.suspense_list"):60120,we=fe?Symbol.for("react.memo"):60115,Se=fe?Symbol.for("react.lazy"):60116,Oe=fe?Symbol.for("react.block"):60121,Ie=fe?Symbol.for("react.fundamental"):60117,Ae=fe?Symbol.for("react.responder"):60118,_e=fe?Symbol.for("react.scope"):60119;function Pe(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case pe:switch(e=e.type){case xe:case Ne:case ve:case ge:case ye:case Ce:return e;default:switch(e=e&&e.$$typeof){case be:case ke:case Se:case we:case Ee:return e;default:return t}}case he:return t}}}function Re(e){return Pe(e)===Ne}var Ve={AsyncMode:xe,ConcurrentMode:Ne,ContextConsumer:be,ContextProvider:Ee,Element:pe,ForwardRef:ke,Fragment:ve,Lazy:Se,Memo:we,Portal:he,Profiler:ge,StrictMode:ye,Suspense:Ce,isAsyncMode:function(e){return Re(e)||Pe(e)===xe},isConcurrentMode:Re,isContextConsumer:function(e){return Pe(e)===be},isContextProvider:function(e){return Pe(e)===Ee},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===pe},isForwardRef:function(e){return Pe(e)===ke},isFragment:function(e){return Pe(e)===ve},isLazy:function(e){return Pe(e)===Se},isMemo:function(e){return Pe(e)===we},isPortal:function(e){return Pe(e)===he},isProfiler:function(e){return Pe(e)===ge},isStrictMode:function(e){return Pe(e)===ye},isSuspense:function(e){return Pe(e)===Ce},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===ve||e===Ne||e===ge||e===ye||e===Ce||e===Te||"object"==typeof e&&null!==e&&(e.$$typeof===Se||e.$$typeof===we||e.$$typeof===Ee||e.$$typeof===be||e.$$typeof===ke||e.$$typeof===Ie||e.$$typeof===Ae||e.$$typeof===_e||e.$$typeof===Oe)},typeOf:Pe},je=de((function(e,t){"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,c=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,E=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:var f=e.type;switch(f){case s:case u:case a:case c:case o:case d:return f;default:var v=f&&f.$$typeof;switch(v){case l:case m:case h:case p:case i:return v;default:return t}}case r:return t}}}var x=s,N=u,k=l,C=i,T=n,w=m,S=a,O=h,I=p,A=r,_=c,P=o,R=d,V=!1;function j(e){return b(e)===u}t.AsyncMode=x,t.ConcurrentMode=N,t.ContextConsumer=k,t.ContextProvider=C,t.Element=T,t.ForwardRef=w,t.Fragment=S,t.Lazy=O,t.Memo=I,t.Portal=A,t.Profiler=_,t.StrictMode=P,t.Suspense=R,t.isAsyncMode=function(e){return V||(V=!0),j(e)||b(e)===s},t.isConcurrentMode=j,t.isContextConsumer=function(e){return b(e)===l},t.isContextProvider=function(e){return b(e)===i},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return b(e)===m},t.isFragment=function(e){return b(e)===a},t.isLazy=function(e){return b(e)===h},t.isMemo=function(e){return b(e)===p},t.isPortal=function(e){return b(e)===r},t.isProfiler=function(e){return b(e)===c},t.isStrictMode=function(e){return b(e)===o},t.isSuspense=function(e){return b(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===u||e===c||e===o||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===m||e.$$typeof===y||e.$$typeof===g||e.$$typeof===E||e.$$typeof===v)},t.typeOf=b}()})),De=de((function(e){"production"===process.env.NODE_ENV?e.exports=Ve:e.exports=je})),Me=Object.getOwnPropertySymbols,Fe=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;function Be(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var ze=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map((function(e){return t[e]}));if("0123456789"!==r.join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,a=Be(e),o=1;o<arguments.length;o++){for(var c in n=Object(arguments[o]))Fe.call(n,c)&&(a[c]=n[c]);if(Me){r=Me(n);for(var i=0;i<r.length;i++)Le.call(n,r[i])&&(a[r[i]]=n[r[i]])}}return a},He=Function.call.bind(Object.prototype.hasOwnProperty),$e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Xe=He,We=function(){};if("production"!==process.env.NODE_ENV){var Ye=$e,qe={},Ue=Xe;We=function(e){var t="Warning: "+e;try{throw new Error(t)}catch(e){}}}function Ge(e,t,n,r,a){if("production"!==process.env.NODE_ENV)for(var o in e)if(Ue(e,o)){var c;try{if("function"!=typeof e[o]){var i=Error((r||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw i.name="Invariant Violation",i}c=e[o](t,o,r,n,null,Ye)}catch(e){c=e}if(!c||c instanceof Error||We((r||"React class")+": type specification of "+n+" `"+o+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in qe)){qe[c.message]=!0;var l=a?a():"";We("Failed "+n+" type: "+c.message+(null!=l?l:""))}}}Ge.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(qe={})};var Ke=Ge,Ze=function(){};function Je(){return null}"production"!==process.env.NODE_ENV&&(Ze=function(e){var t="Warning: "+e;try{throw new Error(t)}catch(e){}});function Qe(){}function et(){}et.resetWarningCache=Qe;var tt=function(e,t){var n="function"==typeof Symbol&&Symbol.iterator;var r="<<anonymous>>",a={array:l("array"),bigint:l("bigint"),bool:l("boolean"),func:l("function"),number:l("number"),object:l("object"),string:l("string"),symbol:l("symbol"),any:i(Je),arrayOf:function(e){return i((function(t,n,r,a,o){if("function"!=typeof e)return new c("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var i=t[n];if(!Array.isArray(i))return new c("Invalid "+a+" `"+o+"` of type `"+m(i)+"` supplied to `"+r+"`, expected an array.");for(var l=0;l<i.length;l++){var s=e(i,l,r,a,o+"["+l+"]",$e);if(s instanceof Error)return s}return null}))},element:i((function(t,n,r,a,o){var i=t[n];return e(i)?null:new c("Invalid "+a+" `"+o+"` of type `"+m(i)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:i((function(e,t,n,r,a){var o=e[t];return De.isValidElementType(o)?null:new c("Invalid "+r+" `"+a+"` of type `"+m(o)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return i((function(t,n,a,o,i){if(!(t[n]instanceof e)){var l=e.name||r;return new c("Invalid "+o+" `"+i+"` of type `"+(((s=t[n]).constructor&&s.constructor.name?s.constructor.name:r)+"` supplied to `")+a+"`, expected instance of `"+l+"`.")}var s;return null}))},node:i((function(e,t,n,r,a){return u(e[t])?null:new c("Invalid "+r+" `"+a+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return i((function(t,n,r,a,o){if("function"!=typeof e)return new c("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected an object.");for(var s in i)if(Xe(i,s)){var u=e(i,s,r,a,o+"."+s,$e);if(u instanceof Error)return u}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&Ze(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),Je;function t(t,n,r,a,i){for(var l=t[n],s=0;s<e.length;s++)if(o(l,e[s]))return null;var u=JSON.stringify(e,(function(e,t){return"symbol"===d(t)?String(t):t}));return new c("Invalid "+a+" `"+i+"` of value `"+String(l)+"` supplied to `"+r+"`, expected one of "+u+".")}return i(t)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&Ze("Invalid argument supplied to oneOfType, expected an instance of array."),Je;for(var t=0;t<e.length;t++){var n=e[t];if("function"!=typeof n)return Ze("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+f(n)+" at index "+t+"."),Je}return i((function(t,n,r,a,o){for(var i=[],l=0;l<e.length;l++){var s=(0,e[l])(t,n,r,a,o,$e);if(null==s)return null;s.data&&Xe(s.data,"expectedType")&&i.push(s.data.expectedType)}return new c("Invalid "+a+" `"+o+"` supplied to `"+r+"`"+(i.length>0?", expected one of type ["+i.join(", ")+"]":"")+".")}))},shape:function(e){return i((function(t,n,r,a,o){var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");for(var u in e){var f=e[u];if("function"!=typeof f)return s(r,a,o,u,d(f));var p=f(i,u,r,a,o+"."+u,$e);if(p)return p}return null}))},exact:function(e){return i((function(t,n,r,a,o){var i=t[n],l=m(i);if("object"!==l)return new c("Invalid "+a+" `"+o+"` of type `"+l+"` supplied to `"+r+"`, expected `object`.");var u=ze({},t[n],e);for(var f in u){var p=e[f];if(Xe(e,f)&&"function"!=typeof p)return s(r,a,o,f,d(p));if(!p)return new c("Invalid "+a+" `"+o+"` key `"+f+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=p(i,f,r,a,o+"."+f,$e);if(h)return h}return null}))}};function o(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function c(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function i(e){if("production"!==process.env.NODE_ENV)var n={},a=0;function o(o,i,l,s,u,m,d){if(s=s||r,m=m||l,d!==$e){if(t){var f=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw f.name="Invariant Violation",f}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var p=s+":"+l;!n[p]&&a<3&&(Ze("You are manually calling a React.PropTypes validation function for the `"+m+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),n[p]=!0,a++)}}return null==i[l]?o?null===i[l]?new c("The "+u+" `"+m+"` is marked as required in `"+s+"`, but its value is `null`."):new c("The "+u+" `"+m+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(i,l,s,u,m)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function l(e){return i((function(t,n,r,a,o,i){var l=t[n];return m(l)!==e?new c("Invalid "+a+" `"+o+"` of type `"+d(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null}))}function s(e,t,n,r,a){return new c((e||"React class")+": "+t+" type `"+n+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function u(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(u);if(null===t||e(t))return!0;var r=function(e){var t=e&&(n&&e[n]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!r)return!1;var a,o=r.call(t);if(r!==t.entries){for(;!(a=o.next()).done;)if(!u(a.value))return!1}else for(;!(a=o.next()).done;){var c=a.value;if(c&&!u(c[1]))return!1}return!0;default:return!1}}function m(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function d(e){if(null==e)return""+e;var t=m(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function f(e){var t=d(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return c.prototype=Error.prototype,a.checkPropTypes=Ke,a.resetWarningCache=Ke.resetWarningCache,a.PropTypes=a,a},nt=function(){function e(e,t,n,r,a,o){if(o!==$e){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:et,resetWarningCache:Qe};return n.PropTypes=n,n},rt=de((function(e){if("production"!==process.env.NODE_ENV){var t=De;e.exports=tt(t.isElement,!0)}else e.exports=nt()}));function at(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var ot=!1,ct="production"!==process.env.NODE_ENV?rt.oneOfType([rt.number,rt.shape({enter:rt.number,exit:rt.number,appear:rt.number}).isRequired]):null,it="production"!==process.env.NODE_ENV?rt.oneOfType([rt.string,rt.shape({enter:rt.string,exit:rt.string,active:rt.string}),rt.shape({enter:rt.string,enterDone:rt.string,enterActive:rt.string,exit:rt.string,exitDone:rt.string,exitActive:rt.string})]):null,lt=t.createContext(null),st=function(e){function n(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus="entering"):a="entered":a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}me(n,e),n.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var r=n.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?"entering"!==n&&"entered"!==n&&(t="entering"):"entering"!==n&&"entered"!==n||(t="exiting")}this.updateStatus(!1,t)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},r.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),"entering"===t?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},r.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[P.findDOMNode(this),r],o=a[0],c=a[1],i=this.getTimeouts(),l=r?i.appear:i.enter;!e&&!n||ot?this.safeSetState({status:"entered"},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,c),this.safeSetState({status:"entering"},(function(){t.props.onEntering(o,c),t.onTransitionEnd(l,(function(){t.safeSetState({status:"entered"},(function(){t.props.onEntered(o,c)}))}))})))},r.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:P.findDOMNode(this);t&&!ot?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},r.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},r.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},r.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:P.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],c=a[1];this.props.addEndListener(o,c)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},r.render=function(){var e=this.state.status;if("unmounted"===e)return null;var n=this.props,r=n.children;n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef;var a=se(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return t.createElement(lt.Provider,{value:null},"function"==typeof r?r(e,a):t.cloneElement(t.Children.only(r),a))},n}(t.Component);function ut(){}st.contextType=lt,st.propTypes="production"!==process.env.NODE_ENV?{nodeRef:rt.shape({current:"undefined"==typeof Element?rt.any:function(e,t,n,r,a,o){var c=e[t];return rt.instanceOf(c&&"ownerDocument"in c?c.ownerDocument.defaultView.Element:Element)(e,t,n,r,a,o)}}),children:rt.oneOfType([rt.func.isRequired,rt.element.isRequired]).isRequired,in:rt.bool,mountOnEnter:rt.bool,unmountOnExit:rt.bool,appear:rt.bool,enter:rt.bool,exit:rt.bool,timeout:function(e){var t=ct;e.addEndListener||(t=t.isRequired);for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a<n;a++)r[a-1]=arguments[a];return t.apply(void 0,[e].concat(r))},addEndListener:rt.func,onEnter:rt.func,onEntering:rt.func,onEntered:rt.func,onExit:rt.func,onExiting:rt.func,onExited:rt.func}:{},st.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ut,onEntering:ut,onEntered:ut,onExit:ut,onExiting:ut,onExited:ut},st.UNMOUNTED="unmounted",st.EXITED="exited",st.ENTERING="entering",st.ENTERED="entered",st.EXITING="exiting";var mt=st,dt=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))},ft=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=at(n.className,r):n.setAttribute("class",at(n.className&&n.className.baseVal||"",r)));var n,r}))},pt=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}me(n,e);var r=n.prototype;return r.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,dt(e,r))},r.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&ft(e,r),a&&ft(e,a),o&&ft(e,o)},r.render=function(){var e=this.props;e.classNames;var n=se(e,["classNames"]);return t.createElement(mt,le({},n,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},n}(t.Component);pt.defaultProps={classNames:""},pt.propTypes="production"!==process.env.NODE_ENV?le({},mt.propTypes,{classNames:it,onEnter:rt.func,onEntering:rt.func,onEntered:rt.func,onExit:rt.func,onExiting:rt.func,onExited:rt.func}):{};var ht=pt,vt=c((function(e,a){var o=e.header,c=e.content,l=e.footer,s=e.className,u=void 0===s?"":s,m=e.visible,f=M(n(!1),2),h=f[0],v=f[1];i(a,(function(){return{close:function(){v(!1)}}})),r((function(){v(m)}),[m]);var y=d("xh-dialog",u,{microApp:"h5"!==process.env.TARO_ENV}),g=d("xh-dialog-content-content",{headless:!o}),E=t.createElement(p,{className:y},t.createElement(H,null),t.createElement(ht,{in:h,timeout:200,classNames:"scale",unmountOnExit:!0},t.createElement(p,{className:"xh-dialog-content"},o&&t.createElement(p,{className:"xh-dialog-content-header"},o),t.createElement(p,{className:g},c),t.createElement(p,{className:"xh-dialog-content-footer"},l))));return P.createPortal(E,document.body)})),yt=vt;yt.alert=function(e){var n=e.title,r=void 0===n?"":n,a=e.content,o=e.confirmText,c=void 0===o?"知道了":o,i=V(e,["title","content","confirmText"]);return new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),o=l(),s=t.createElement(z,{ghost:!0,type:"default",shape:"rectangle",className:"xh-alert-button",dataTrackId:"xh-confirm-footer-confirm-button",onClick:function(){P.unmountComponentAtNode(n),e()}},c);P.render(t.createElement(vt,R({header:r,footer:s,content:a,visible:!0,ref:o},i)),n)}else w(R({title:r,content:a,showCancel:!1,confirmColor:"#fe5e00",confirmText:c},i)).then((function(){return e()}))}))},yt.confirm=function(e){var n=e.title,r=void 0===n?"":n,a=e.content,o=e.confirmText,c=void 0===o?"确定":o,i=e.cancelText,s=void 0===i?"取消":i,u=V(e,["title","content","confirmText","cancelText"]);return new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),o=l(),i=t.createElement("div",{className:"xh-confirm-footer"},t.createElement(z,{ghost:!0,type:"default",shape:"rectangle",className:"xh-confirm-footer-button xh-confirm-footer-cancel-button",dataTrackId:"xh-confirm-footer-cancel-button",onClick:function(){P.unmountComponentAtNode(n),e({errMsg:"ok",confirm:!1,cancel:!0})}},s),t.createElement(z,{ghost:!0,type:"primary",shape:"rectangle",className:"xh-confirm-footer-button xh-confirm-footer-confirm-button",dataTrackId:"xh-confirm-footer-confirm-button",onClick:function(){P.unmountComponentAtNode(n),e({errMsg:"ok",confirm:!0,cancel:!1})}},c));P.render(t.createElement(vt,R({header:r,footer:i,content:a,visible:!0,ref:o},u)),n)}else w(R({title:r,content:a,confirmColor:"#fe5e00",cancelText:s,cancelColor:"#666",confirmText:c},u)).then(e)}))};var gt=function(e){var a=e.onBlur,o=e.show,c=e.maxLength,i=void 0===c?Number.MAX_SAFE_INTEGER:c,l=e.showClose,s=void 0===l||l,u=e.closeOnClickSpace,m=void 0===u||u,f=e.onClose,h=e.onChange,v=e.value,y=e.title,g=void 0===y?"安全键盘":y,E=e.closeText,b=void 0===E?"收起":E,x=e.className,N=e.dataTrackId,k=void 0===N?"NumberKeyboard":N,C=M(n(v),2),T=C[0],w=C[1],S=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 O(e){f&&f(e),a&&a(e)}r((function(){return m&&document.addEventListener("click",O),function(){document.removeEventListener("click",O)}}),[]),r((function(){w(v)}),[v]);var I=d("xh-number-keyboard",x);return t.createElement(ht,{classNames:"slide-up",in:o,unmountOnExit:!0,timeout:200},t.createElement(p,{className:I,dataTrackId:k},t.createElement(p,{className:"xh-number-keyboard-header"},t.createElement(p,{className:"xh-number-keyboard-header-title"},g),s&&t.createElement(p,{className:"xh-number-keyboard-header-close",onClick:O,dataTrackId:"".concat(k,"_close")},b)),t.createElement(p,{className:"xh-number-keyboard-body"},S.map((function(e,n){return t.createElement(p,{key:n,dataTrackId:"".concat(k,"_key_").concat(n),className:d("xh-number-keyboard-body-key",{none:"none"===e.type,delete:"delete"===e.type}),onClick:function(t){!function(e,t){var n=t.type,r=t.value;if("h5"===process.env.TARO_ENV&&e.stopImmediatePropagation(),"none"!==n){var a=T;"delete"===n?a=T.slice(0,T.length-1):a.length<i&&(a=T+r),w(a),h&&h(a)}}(t,e)}},e.text)})))))},Et=function(e){var n=e.value,r=e.length,a=e.mask,o=void 0===a||a,c=e.onFocus,i=e.className;var l=d("xh-password-input",i);return t.createElement(p,{className:l},t.createElement(p,{className:"xh-password-input-list",onClick:function(e){e.stopPropagation(),c&&c(e)}},function(){for(var e=[],a=0;a<r;a++){var c=n[a];e.push(t.createElement(p,{key:a,className:"xh-password-input-item"},o?t.createElement(p,{className:d({"xh-password-input-mask":c})}):c))}return e}()))},bt=function(e){var n=e.percent,r=void 0===n?88:n,a=e.className,o=e.showPercent,c=void 0!==o&&o,i=e.doneColor,l=void 0===i?"":i,s=e.percentColor,u=void 0===s?"":s,m=e.height,f=void 0===m?28:m,h=e.dots,v=void 0===h?[]:h,y=e.solid,g=void 0!==y&&y,E=e.backgroundColor,b=void 0===E?"":E,x=d("xh-progress",a,{dots:v.length>0}),N=d("progress-bar",{dots:v.length>0},{solid:g},{h5:"h5"===process.env.TARO_ENV}),k=d("progress-bar-percent",{solid:g});return t.createElement(p,{className:x,style:{height:f&&S(f)}},t.createElement(p,{className:d("progress",{solid:g}),style:{backgroundColor:b}},v.length>0?t.createElement(t.Fragment,null,v.map((function(e){return t.createElement(p,{style:{width:"".concat(e,"%")},key:e,"data-progress":e,className:N},"h5"!==process.env.TARO_ENV&&t.createElement(p,{className:"progress-bar-text"},e,"%"))})),t.createElement(p,{className:"progress-cover",style:{width:"".concat(r,"%")}})):t.createElement(p,{style:{width:"".concat(r,"%"),backgroundColor:l,color:u},className:N},c&&t.createElement(p,{className:k},"".concat(r,"%")))))},xt=function(e){var n=e.title,r=e.className,a=void 0===r?"":r,c=e.icon,i=void 0===c?"none":c,l=e.image,s=void 0===l?"":l,u=d("xh-toast",a),m=d("iconfont",{success:"icon-success_toast",error:"icon-failure_toast",loading:"icon-loading_toast",none:""}[i]),f=o((function(){return s?t.createElement(re,{src:s,width:24,height:24}):i?t.createElement("span",{className:m}):void 0}),[i,s]),h=t.createElement(p,{className:u},t.createElement(H,{mask:"transparent"}),t.createElement(ht,{in:!0,timeout:200,classNames:"face",unmountOnExit:!0},t.createElement(p,{className:"xh-toast-content"},f,t.createElement(p,null,n))));return P.createPortal(h,document.body)};function Nt(e){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return j(this,void 0,void 0,(function(){var r;return D(this,(function(a){return r={title:"",duration:3e3,mask:!0},"string"==typeof e||"number"==typeof e?(r.title="".concat(e),n.length&&(r.duration=n[0])):r=R(R({},r),e),[2,new Promise((function(e){if("h5"===process.env.TARO_ENV){var n=document.createElement("div"),a=setTimeout((function(){P.unmountComponentAtNode(n),clearTimeout(a),e()}),r.duration),o=r.title,c=V(r,["title"]);P.render(t.createElement(xt,R({title:o},c)),n)}else O(R({icon:"none"},r)).then((function(t){if("showToast:ok"===t.errMsg)var n=setTimeout((function(){clearTimeout(n),e()}),r.duration)}))}))]}))}))}var kt=c((function(e,a){var o=e.header,c=e.content,l=e.className,s=void 0===l?"":l,u=e.visible,m=e.showCancel,f=void 0===m||m,h=e.confirmText,v=void 0===h?"确定":h,y=e.cancelText,g=void 0===y?"取消":y,E=e.footer,b=void 0!==E&&E,x=e.onConfirm,N=e.onCancel,k=e.onClose,C=e.portrait,T=void 0!==C&&C,w=e.tranparent,S=void 0!==w&&w,O=e.fancy,I=void 0!==O&&O,A=e.dataTrackId,_=void 0===A?"DialogRef":A,P=M(n(!1),2),R=P[0],V=P[1];i(a,(function(){return{close:j,open:D}}));var j=function(){k&&k(),V(!1)},D=function(){V(!0)};r((function(){u||k&&k(),V(u)}),[u]);var F=d("xh-dialog-ref",s,{show:R}),L=t.createElement(p,{className:d("xh-dialog-ref-content-footer-buttons",{portrait:T,fancy:I})},f&&t.createElement(z,{ghost:!0,size:"full",shape:"rectangle",preventTime:0,onClick:function(){N&&N(),j()},className:"xh-dialog-ref-content-footer-buttons-cancel",dataTrackId:"".concat(_,"_cancel")},g),t.createElement(z,{type:"primary",shape:"rectangle",size:"full",ghost:!I,className:"xh-dialog-ref-content-footer-buttons-confirm",onClick:function(){x&&x()},preventTime:0,dataTrackId:"".concat(_,"_confirm")},v));return t.createElement(p,{className:F,dataTrackId:_},t.createElement(H,null),t.createElement(ht,{in:R,timeout:200,classNames:"scale"},t.createElement(p,{className:d("xh-dialog-ref-content",{tranparent:S})},o&&t.createElement(p,{className:"xh-dialog-ref-content-header"},o),t.createElement(p,{className:"xh-dialog-ref-content-content"},c),b||t.createElement(p,{className:"xh-dialog-ref-content-footer"},L))))})),Ct=function(e){var n=e.children,r=e.title,a=e.TabItemComponent,o=V(e,["children","title","TabItemComponent"]);return t.createElement("div",R({className:"xh-tabbar-item","data-track-id":e.dataTrackId},o),a||r,n)},Tt=function(e){var o=e.children,c=void 0===o?[]:o,i=e.lineColor,l=void 0===i?"#FE5E00":i,u=e.titleActiveColor,m=void 0===u?"#333":u,f=e.titleInctiveColor,h=void 0===f?"#999":f,v=e.onChange,y=e.content,E=e.selectIndex,b=void 0===E?0:E,x=e.isOverflowNav,N=void 0!==x&&x,k=M(n(0),2),C=k[0],T=k[1],w=M(n(0),2),S=w[0],O=w[1],A=M(n(0),2),_=A[0],P=A[1],R=M(n(0),2),V=R[0],j=R[1],D=a([]),F=a([]),L=a([]),B=a(null),z=a(null),H=a(null),$=function(e,t,n,r){if(!t||!N)return 0;var a=e.left-n-(t.width-e.width)/2,o=Math.max(0,r-t.width);return Math.max(0,Math.min(a,o))},X=s((function(e){var t=c.filter(Boolean);if(!(e<0||e>=t.length))if("h5"!==process.env.TARO_ENV)H.current=setTimeout((function(){var t=I();t.selectAll(".xh-tabbar-nav-item").boundingClientRect(),t.select(".xh-tabbar-nav").boundingClientRect(),t.selectAll(".xh-tabbar-content-item").boundingClientRect(),t.selectAll(".xh-tabbar-content-slot").boundingClientRect(),t.select(".xh-tabbar-nav-scroll").boundingClientRect(),t.exec((function(t){var n=M(t,5),r=n[0],a=n[1],o=n[2],c=n[3],i=n[4],l=(null==a?void 0:a.node)||a;if(r[e]&&l&&i){var s=r[e],u=a,m=s.left+s.width/2-u.left;if(P(m),N){var d=$(s,i,a.left,a.width);j(d)}}o[e]&&T(o[e].height),c[0]&&O(c[0].height)}))}),50);else{var n=D.current[e],r=L.current[0],a=F.current[e],o=null==n?void 0:n.parentElement,i=B.current;if(n&&o&&i){var l=n.getBoundingClientRect(),s=o.getBoundingClientRect(),u=i.getBoundingClientRect(),m=l.left+l.width/2-s.left;if(P(m),N){var d=$(l,u,s.left,o.offsetWidth);j(d)}}if(r){var f=r.getBoundingClientRect();O(f.height)}if(a){var p=a.getBoundingClientRect();T(p.height)}}}),[c,N]);r((function(){return X(b),function(){H.current&&clearTimeout(H.current)}}),[b,X]);return t.createElement(p,{className:"xh-tabbar"},t.createElement(g,{scrollX:!0,scrollLeft:V,className:"xh-tabbar-nav-scroll",ref:B,scrollWithAnimation:N,scrollAnchoring:N},t.createElement(p,{className:"xh-tabbar-nav",ref:z,style:{width:N?"fit-content":"100%"}},c.map((function(e,n){return t.createElement(p,{key:n,"data-index":n,dataTrackId:e.props.dataTrackId||"xh-tabbar-nav-item-".concat(n),ref:function(e){return D.current[n]=e},className:d("xh-tabbar-nav-item",{"more-item":N}),style:{color:b===n?m:h,flex:N?"none":"1"},onClick:function(){return function(e){if(e!==b&&(X(e),v&&v(e),"h5"===process.env.TARO_ENV)){var t=I();t.selectAll(".xh-tabbar-content-item").boundingClientRect(),t.selectAll(".xh-tabbar-content-slot").boundingClientRect(),t.exec((function(t){if(t[0][e]){var n=t[0][e].height;T(n),t[1][e]&&O(t[1][e].height)}}))}}(n)}},e.props.TabItemComponent||e.props.title)})),t.createElement("div",{className:"xh-tabbar-nav-line",style:{background:"".concat(l),transform:"translateX(".concat(_,"px) translate(-50%, -50%)"),WebkitTransform:"translateX(".concat(_,"px) translate(-50%, -50%)"),transition:"transform 0.3s ease"}}))),t.createElement(p,{className:"xh-tabbar-content",style:{width:"".concat(100*c.length,"%"),height:C+S?"".concat(C+S,"px"):"auto"}},y&&t.createElement(p,{className:"xh-tabbar-content-slot",ref:L},y),c.map((function(e,n){return t.createElement(p,{key:n,ref:function(e){return F.current[n]=e},className:d("xh-tabbar-content-item",{"xh-tabbar-content-item-dispaly":b!==n,"xh-tabbar-content-item-active":b===n})},e.props.children)}))))};Tt.Item=Ct;var wt=Tt;wt.Item=Ct;var St=function(e){var n=e.children,r=e.timeout,a=void 0===r?300:r,o=e.in,c=e.name,i=e.unmountOnExit,l=void 0===i||i,s=V(e,["children","timeout","in","name","unmountOnExit"]);return t.createElement(ht,R({unmountOnExit:l,classNames:c,in:o,timeout:a},s),n)},Ot=function(e){var n=e.children,r=e.in,a=e.timeout,o=e.direction,c=void 0===o?"up":o,i=V(e,["children","in","timeout","direction"]);return t.createElement(St,R({appear:!0,in:r,name:"slide-".concat(c),timeout:a},i),n)},It=function(e){var n=e.children,r=e.in,a=e.timeout,o=e.onExited,c=V(e,["children","in","timeout","onExited"]);return t.createElement(St,R({in:r,name:"fade",timeout:a,onExited:o},c),n)},At={top:"down",bottom:"up",left:"right",right:"left"},_t=function(e){var n=e.visible,a=e.position,o=void 0===a?"bottom":a,c=e.children,i=e.onClose,l=e.className,s=At[o],u=d("xh-popup-content",{"xh-popup-content-left":"left"===o,"xh-popup-content-right":"right"===o,"xh-popup-content-top":"top"===o,"xh-popup-content-bottom":"bottom"===o}),m=function(e){e.stopPropagation(),e.preventDefault()};function f(){i&&i()}if(r((function(){return n?(document.body.style.touchAction="none",document.body.addEventListener("touchmove",m),document.body.style.overflowY="hidden"):(document.body.style.touchAction="",document.body.removeEventListener("touchmove",m),document.body.style.overflowY="auto"),function(){document.body.style.touchAction="",document.body.style.overflowY="auto",document.body.removeEventListener("touchmove",m)}}),[n]),"h5"!==process.env.TARO_ENV){var h=d("xh-popup",l,n?"visible":"hidden");return t.createElement(p,{className:h},t.createElement(H,{onClick:f}),t.createElement(p,{className:u},c))}return P.createPortal(t.createElement(It,{in:n},t.createElement("div",{className:d("xh-popup",l)},t.createElement(H,{onClick:f}),t.createElement(Ot,{direction:s,in:n},t.createElement("div",{className:u},c)))),document.body)};var Pt=t.forwardRef((function(e,o){var c=e.keyIndex,l=void 0===c?0:c,s=e.defaultValue,u=e.data,m=void 0===u?[]:u,d=e.mode,f=void 0===d?"normal":d,h=e.swipeDuration,v=void 0===h?1e3:h,y=e.visible,g=void 0!==y&&y,E=e.onConfirm,b=function(){var e=M(n(0),2),t=e[0],r=e[1],a=M(n(0),2),o=a[0],c=a[1],i=M(n(0),2),l=i[0],s=i[1],u=M(n(0),2),m=u[0],d=u[1],f=M(n(0),2),p=f[0],h=f[1],v=M(n(0),2),y=v[0],g=v[1],E=M(n(0),2),b=E[0],x=E[1],N=M(n(0),2),k=N[0],C=N[1],T=M(n(""),2),w=T[0],S=T[1],O=function(){h(0),g(0),x(0),C(0),S("")};return{move:function(e){var n=e.touches[0],r=n.clientX-t,a=n.clientY-o;h(r),g(a),s(n.clientX),d(n.clientY),x(Math.abs(r)),C(Math.abs(a)),w||S(function(e,t){return e>t&&e>10?"horizontal":t>e&&t>10?"vertical":""}(b,k))},start:function(e){O(),r(e.touches[0].clientX),c(e.touches[0].clientY)},reset:O,startX:t,startY:o,moveX:l,moveY:m,deltaX:p,deltaY:y,offsetX:b,offsetY:k,direction:w,isVertical:function(){return"vertical"===w},isHorizontal:function(){return"horizontal"===w}}}(),x=M(n(1),2),N=x[0],k=x[1],C=a(48),T=M(n(0),2),w=T[0],S=T[1],O=M(n("0deg"),2),I=O[0],A=O[1],_=a(!1),P=a(null),R=a(null),V=a(null),F=M(n(0),2),L=F[0],B=F[1],z=M(n(0),2),H=z[0],$=z[1],X=a(0),W=M(n(0),2),Y=W[0],q=W[1],U=function(e){return e>=N+8||e<=N-8},G=function(e,t,n,r){void 0===e&&(e=0),void 0===n&&(n=200);var a=n;"end"!==t&&(a=0),S(a),A(r),q(e)},K=function(e,t,n){var r=e+X.current;if("end"===t){r>0&&(r=0),r<-(m.length-1)*C.current&&(r=-(m.length-1)*C.current);var a=Math.round(r/C.current)*C.current,o="".concat(22*(Math.abs(Math.round(a/C.current))+1),"deg");G(a,t,n,o),k(Math.abs(Math.round(a/C.current))+1)}else{o=0;var c=22*(-r/C.current+1),i=22*(m.length+1);0<(o=Math.min(Math.max(c,0),i))&&o<i&&(G(r,"",void 0,"".concat(o,"deg")),k(Math.abs(Math.round(r/C.current))+1))}},Z=function(e){var t=Math.round(-e/C.current);E&&E(m[t],l)},J=function(e,t){var n=e;return n=Math.abs(n/t)/.003*(n<0?-1:1)},Q=function(e,t){var n=t||s,r=-1;n?m.forEach((function(e,t){return("object"==typeof e?e.value===n:e===n)&&(r=t,!0)})):m.forEach((function(e,t){("object"==typeof e?e.value===s:e===s)&&(r=t)})),k(-1===r?1:r+1);var a=-1===r?0:r*C.current;e&&Z(-a),K(-a)},ee=function(){_.current=!1,S(0),Z(Y)},te=function(e,t){("boolean"!=typeof e.cancelable||e.cancelable)&&e.preventDefault(),t&&e.stopPropagation()};return r((function(){return q(0),X.current=0,Q(!1),function(){clearTimeout(undefined)}}),[m]),r((function(){g&&setTimeout((function(){j(void 0,void 0,void 0,(function(){return D(this,(function(e){return Q(!0),[2]}))}))}),200)}),[g]),i(o,(function(){return{stopMomentum:ee,moving:_.current}})),t.createElement(p,{className:"xh-picker-list",ref:V,onTouchStart:function(e){b.start(e),$(b.deltaY),B(Date.now()),X.current=Y},onTouchMove:function(e){b.move(e),b.isVertical()&&(_.current=!0,te(e,!0));var t=b.deltaY-H;K(t)},onTouchEnd:function(){if(_.current){var e=b.deltaY-H,t=Date.now()-L;if(t<=300&&Math.abs(e)>15){var n=J(e,t);K(n,"end",+v)}else K(e,"end");setTimeout((function(){b.reset()}),0)}}},t.createElement(p,{className:"xh-picker-roller",ref:R,style:"3D"===f?{transition:"transform ".concat(w,"ms cubic-bezier(0.17, 0.89, 0.45, 1)"),transform:"rotate3d(1, 0, 0, ".concat(I,")")}:{transition:"transform ".concat(w,"ms cubic-bezier(0.17, 0.89, 0.45, 1)"),transform:"translate3d(0, ".concat(Y,"px, 0)")},onTransitionEnd:ee},"3D"===f&&m.map((function(e,n){return t.createElement(p,{className:"xh-picker-roller-item ".concat(U(n+1)&&"nut-picker-roller-item-hidden"),style:{transform:"rotate3d(1, 0, 0, ".concat(-22*(n+1),"deg) translate3d(0px, 0px, 104px)"),height:"".concat(C.current,"px"),lineHeight:"".concat(C.current,"px")},key:"string"==typeof e?n:e.value?e.value:n},t.createElement(t.Fragment,null,"object"==typeof e?e.text:e))})),"normal"===f&&m.map((function(e,n){return t.createElement(p,{className:"xh-picker-roller-item-title",key:"object"==typeof e?e.value:e||n,style:{height:"".concat(C.current,"px"),lineHeight:"".concat(C.current,"px")}},t.createElement(t.Fragment,null,"object"==typeof e?e.text:e))}))),t.createElement(p,{className:"xh-picker-mask"}),t.createElement(p,{className:"xh-picker-indicator",ref:P}))}));var Rt=t.forwardRef((function(e,o){var c=e.visible,i=void 0!==c&&c,l=e.title,s=e.data,u=void 0===s?[]:s,m=e.defaultValueData,f=e.onConfirm,p=e.onClose;e.onCloseUpdate;var h=e.onChange,v=e.className,y=e.style,g=e.mode,E=e.swipeDuration,b=V(e,["visible","title","data","defaultValueData","onConfirm","onClose","onCloseUpdate","onChange","className","style","mode","swipeDuration"]),x=M(n([]),2),N=x[0],k=x[1],C=M(n(0),2),T=C[0],w=C[1],S=a(null),O=M(function(){var e=t.useRef([]),n=t.useCallback((function(t){return function(n){n&&(e.current[t]=n)}}),[]),r=t.useCallback((function(){e.current=[]}),[]);return[e.current,n,r]}(),2),I=O[0],A=O[1],_=M(n([]),2),P=_[0],j=_[1],D=a(!1);r((function(){if(m&&0!==m.length&&m.toString()!==N.toString()){var e=F([],M(m),!1);k(e),j($())}}),[m]),r((function(){h&&h(T,N,z()),D.current&&(D.current=!1,f&&f(z(),T))}),[N]),r((function(){Y()}),[u]);var L=function(e){e.stopPropagation(),p&&p()},B=function(e){e.stopPropagation();var t=!1;I.forEach((function(e){e.moving&&(t=!0),e.stopMomentum()})),t?D.current=!0:f&&f(z(),T),p&&p(),setTimeout((function(){D.current=!1}),0)},z=function(){var e=[];return P.forEach((function(t,n){var r;return(r=t.filter((function(e){return("object"==typeof e?e.value:e)===N[n]})))[0]?e.push(r[0]):t[0]&&e.push(t[0]),t})),e},H=function(e,t){if(e&&Object.keys(e).length&&N[t]!==("string"==typeof e?e:e.value)){if("cascade"===X()){N[t]="object"==typeof e?e.value:e||"",k(F([],M(N),!1));for(var n=t,r=e;"object"==typeof r&&r&&r.children&&r.children[0];)N[n+1]=r.children[0].value,k(F([],M(N),!1)),n++,r=r.children[0];"object"==typeof r&&r&&r.children&&(N[n+1]="",k(F([],M(N),!1))),j($())}else k((function(n){var r=F([],M(n),!1);return r[t]=("string"==typeof e?e:e.value)||"",r}));w(t)}},$=function(){switch(X()){case"multiple":return u;case"cascade":return W(u,N);default:return[u]}},X=function(){var e=u[0];if(e){if(Array.isArray(e))return"multiple";if("object"==typeof e&&"children"in e)return"cascade"}return"single"},W=function(e,t){for(var n=[],r={text:"",value:"",children:e},a=0,o=function(){var e=r.children,o=t[a],c=e.findIndex((function(e){return e.value===o}));-1===c&&(c=0),r=r.children[c],a++,n.push(e)};r&&r.children;)o();return n},Y=function(){var e=[],t=$();j(t),t.length>0&&t.forEach((function(t){var n=t[0];n&&e.push("string"==typeof n?n:n.value)})),m||0!==N.length||k(F([],M(e),!1))};return t.createElement(_t,{visible:i},t.createElement("div",R({className:d("xh-picker",v),style:y,ref:o},b),t.createElement("div",{className:"xh-picker-header"},t.createElement("span",{className:"xh-picker-header-button picker-cancel",onClick:L},"取消"),t.createElement("div",{className:"xh-picker-header-title"},l||""),t.createElement("span",{className:"xh-picker-header-button picker-confirm",onClick:B},"确定")),t.createElement("div",{className:"xh-picker-panel",ref:S},null==P?void 0:P.map((function(e,n){return t.createElement(Pt,{ref:A(n),defaultValue:null==N?void 0:N[n],data:e,mode:g,onConfirm:H,swipeDuration:E,key:n,keyIndex:n})})))))})),Vt=function(e){var r=e.className,a=e.children,o=e.onCancel,c=V(e,["className","children","onCancel"]),i=M(n(!1),2),l=i[0],s=i[1];function u(){s(!1),null==o||o()}return t.createElement("div",{className:d("xh-picker-field",r),onClick:function(){c.data.length<=0||s(!0)}},a,t.createElement(Rt,R({visible:l,onCancel:u,onClose:u},c)))},jt=function(){var t=M(e.useState(!1),2),n=t[0],r=t[1];return e.useEffect((function(){r(function(){if(void 0!==L)return L;var e=document.createElement("div");return e.style.display="flex",e.style.flexDirection="column",e.style.rowGap="1px",e.appendChild(document.createElement("div")),e.appendChild(document.createElement("div")),document.body.appendChild(e),L=1===e.scrollHeight,document.body.removeChild(e),L}())}),[]),n},Dt=t.createContext({getPrefixCls:function(e){return e?"xh-".concat(e):"xh"}});function Mt(t){var n,r=t.className,a=t.direction,o=t.index,c=t.marginDirection,i=t.children,l=t.split,s=t.wrap,u=e.useContext(Ft),m=u.horizontalSize,d=u.verticalSize,f=u.latestIndex,p={};return u.supportFlexGap||("vertical"===a?o<f&&(p={marginBottom:m/(l?2:1)}):p=R(R({},o<f&&((n={})[c]=m/(l?2:1),n)),s&&{paddingBottom:d})),null==i?null:e.createElement(e.Fragment,null,e.createElement("div",{className:r,style:p},i),o<f&&l&&e.createElement("span",{className:"".concat(r,"-split"),style:p},l))}var Ft=t.createContext({latestIndex:0,horizontalSize:0,verticalSize:0,supportFlexGap:!1}),Lt={small:8,normal:16,large:24};var Bt=function(e){var n,r=t.useContext(Dt),a=r.getPrefixCls,o=r.space,c=r.direction,i=e.size,l=void 0===i?(null==o?void 0:o.size)||"small":i,s=e.align,u=e.className,m=e.children,f=e.direction,h=void 0===f?"horizontal":f,v=e.split,y=e.style,g=e.wrap,E=void 0!==g&&g,b=V(e,["size","align","className","children","direction","split","style","wrap"]),x=jt(),N=M(t.useMemo((function(){return(Array.isArray(l)?l:[l,l]).map((function(e){return function(e){return"string"==typeof e?Lt[e]:e||0}(e)}))}),[l]),2),k=N[0],C=N[1],T=G(m,{keepEmpty:!0}),w=void 0===s&&"horizontal"===h?"center":s,S=a("space"),O=d(S,"".concat(S,"-").concat(h),((n={})["".concat(S,"-rtl")]="rtl"===c,n["".concat(S,"-align-").concat(w)]=w,n),u),I="".concat(S,"-item"),A="rtl"===c?"marginLeft":"marginRight",_=0,P=T.map((function(e,n){null!=e&&(_=n);var r=e&&e.key||"".concat(I,"-").concat(n);return t.createElement(Mt,{className:I,key:r,direction:h,index:n,marginDirection:A,split:v,wrap:E},e)})),j=t.useMemo((function(){return{horizontalSize:k,verticalSize:C,latestIndex:_,supportFlexGap:x}}),[k,C,_,x]);if(0===T.length)return null;var D={};return E&&(D.flexWrap="wrap",x||(D.marginBottom="-".concat(C,"px"))),x&&(D.columnGap="".concat(k,"px"),D.rowGap="".concat(C,"px")),t.createElement(p,R({className:O,style:R(R({},D),y)},b),t.createElement(Ft.Provider,{value:j},P))};
|
|
10
10
|
/*!
|
|
11
11
|
* css-vars-ponyfill
|
|
12
12
|
* v2.4.8
|