@ant-design/react-native/lib/slider/thumb-popover.js

基于蚂蚁金服移动设计规范的 React Native 组件库

"use strict";"use client";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.ThumbPopover=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeReanimated=require("react-native-reanimated");var _tooltip=_interopRequireDefault(require("../tooltip"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ThumbPopover=function ThumbPopover(props){var children=props.children,getValueByPosition=props.getValueByPosition,offset=props.offset,isSliding=props.isSliding,popover=props.popover,residentPopover=props.residentPopover;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),contentValue=_useState2[0],setContentValue=_useState2[1];var handleChange=(0,_react.useCallback)(function(position){setContentValue(getValueByPosition(position));},[getValueByPosition]);(0,_reactNativeReanimated.useAnimatedReaction)(function(){return offset.value;},function(value){return(0,_reactNativeReanimated.runOnJS)(handleChange)(value);},[handleChange]);var content=(0,_react.useMemo)(function(){var renderPopoverContent=typeof popover==='function'?popover:popover?function(val){return val.toString();}:null;if(renderPopoverContent){return renderPopoverContent(contentValue);}return undefined;},[contentValue,popover]);if(content){return _react.default.createElement(_tooltip.default,{content:content,placement:"top",visible:residentPopover||isSliding,mode:"dark"},_react.default.createElement(_reactNative.View,{style:{flex:1}},children));}return _react.default.createElement(_react.default.Fragment,null,children);};exports.ThumbPopover=ThumbPopover;