@xhsreds/reds-rn-next 0.1.2 → 0.1.4

package/lib/esm/components/Picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/components/PickerView/PickerView.js

@@ -5,7 +5,7 @@ import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.
 import ProgressIndicator from '../ProgressIndicator/ProgressIndicator.js';
 import styles from './styles.js';
 import Wheel from './Wheel.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import '../../_chunks/D361MMpE.js';

package/lib/esm/components/PickerView/Wheel.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray } from '../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ScrollView, View, Text } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/PickerView/index.js

@@ -3,7 +3,7 @@ export { i as PickerViewType } from '../../_chunks/BCi0K_XP.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';

package/lib/esm/components/Popover/Popover.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { useMemo, useEffect, useCallback, isValidElement } from 'react';
 import { TouchableWithoutFeedback, View, Animated, Text } from 'react-native';
 import { ModalWrapper, Arrow } from './component.js';

package/lib/esm/components/Popover/component.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { forwardRef } from 'react';
 import { Modal, TouchableNativeFeedback, Animated, View } from 'react-native';
 

package/lib/esm/components/Popover/hook.js

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties, _ as _objectSpread2, a as _slicedToArray } from '../../_chunks/D-HreRcG.js';
+import { d as _objectWithoutProperties, a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
 import { useRef, useState } from 'react';
 import { Platform, Animated } from 'react-native';
 import { useFloating as useFloating$1, shift, limitShift, flip, offset, arrow } from '@floating-ui/react-native';

package/lib/esm/components/Popover/index.js

@@ -1,6 +1,6 @@
 import Popover from './Popover.js';
 export { i as PopoverType } from '../../_chunks/BeWZSBnN.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './component.js';

package/lib/esm/components/Portal/core/PortalProvider.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, _ as _objectSpread2 } from '../../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/CwHnr-H1.js';
 import React__default, { memo, useReducer } from 'react';
 import { PortalHost } from './PortalHost.js';
 import { PortalDispatchContext, PortalStateContext } from './PortalContext.js';

package/lib/esm/components/Portal/index.js

@@ -6,7 +6,7 @@ export { i as PortalType } from '../../_chunks/B-g-eq94.js';
 import 'react';
 import './core/PortalContext.js';
 import './core/hooks/usePortalState.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 
 
 

package/lib/esm/components/Progress/Progress.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default from 'react';
 import { Animated, StyleSheet, View, Text } from 'react-native';
 import { lightColor } from '@xhsreds/reds-token-next';

package/lib/esm/components/Progress/index.js

@@ -1,6 +1,6 @@
 import Progress from './Progress.js';
 export { i as ProgressType } from '../../_chunks/CDjjInz6.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import '@xhsreds/reds-token-next';

package/lib/esm/components/ProgressIndicator/ProgressIndicator.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { useMemo, useRef, useEffect } from 'react';
 import { Animated, Easing, View, Text } from 'react-native';
 import { P as ProgressIndicatorDefaultProps } from '../../_chunks/D361MMpE.js';

package/lib/esm/components/ProgressIndicator/index.js

@@ -1,6 +1,6 @@
 import ProgressIndicator from './ProgressIndicator.js';
 export { i as ProgressIndicatorType } from '../../_chunks/D361MMpE.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/ProgressIndicator/styles.js

@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import { number } from '@xhsreds/reds-token-next';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var createStyles = function createStyles() {

package/lib/esm/components/PullRefresh/PullRefresh.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { StyleSheet, Animated, PanResponder, View, Easing } from 'react-native';
 import { P as PullRefreshDefaultProps } from '../../_chunks/CGzZESdM.js';

package/lib/esm/components/PullRefresh/component.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray } from '../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
 import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
 import { Text } from 'react-native';
 import ProgressIndicator from '../ProgressIndicator/ProgressIndicator.js';

package/lib/esm/components/PullRefresh/index.js

@@ -1,6 +1,6 @@
 import PullRefresh from './PullRefresh.js';
 export { i as PullRefreshType } from '../../_chunks/CGzZESdM.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './component.js';

package/lib/esm/components/Result/Result.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { memo, useMemo } from 'react';
 import { Image, View, Text } from 'react-native';
 import { R as ResultDefaultProps } from '../../_chunks/BKS4Pa1R.js';

package/lib/esm/components/Result/index.js

@@ -1,6 +1,6 @@
 import Result from './Result.js';
 export { i as ResultType } from '../../_chunks/BKS4Pa1R.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Result/styles.js

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var createStyles = function createStyles() {

package/lib/esm/components/Sheets/Sheets.js

@@ -1,67 +1,219 @@
-import React__default from 'react';
-import { View, TouchableWithoutFeedback, Text } from 'react-native';
-import { S as SheetsDefaultProps } from '../../_chunks/B3_9dzWY.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
+import React__default, { useState, useRef, useMemo, useEffect } from 'react';
+import { alwaysColor } from '@xhsreds/reds-token-next';
+import { Animated, Dimensions, PanResponder, View, TouchableWithoutFeedback, Text } from 'react-native';
+import { S as SheetsType, a as SheetsSize, b as SheetsMaskMode, c as SheetsActionType, d as SheetsDefaultProps, e as SheetsIconType } from '../../_chunks/BJ2Kj1Vd.js';
 import { Portal } from '../Portal/core/Portal.js';
 import '../Portal/core/PortalHost.js';
 import '../Portal/core/PortalProvider.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import styles from './styles.js';
+import Button from '../Button/Button.js';
+import Icon from '../Icon/Icon.js';
+import { Close, ArrowLeft } from '@xhs/reder-icon-svg';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/B-g-eq94.js';
 import '../Portal/core/PortalContext.js';
 import '../Portal/core/hooks/usePortalState.js';
-import '../../_chunks/D-HreRcG.js';
-import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
+import 'react-native-svg';
 
 var Sheets = function Sheets(props) {
   var visible = props.visible,
     onCancel = props.onCancel,
     onConfirm = props.onConfirm,
     children = props.children,
-    label = props.label;
+    label = props.label,
+    mask = props.mask,
+    maskMode = props.maskMode,
+    cancelType = props.cancelType,
+    closeType = props.closeType,
+    cancelText = props.cancelText,
+    closeText = props.closeText,
+    sheetsType = props.sheetsType,
+    cancel = props.cancel,
+    close = props.close,
+    iconType = props.iconType,
+    size = props.size;
+  console.log("visible", visible);
   var themeColor = useThemeColor();
+  var _useState = useState(new Animated.Value(0)),
+    _useState2 = _slicedToArray(_useState, 1),
+    sheetsHeight = _useState2[0];
+  var childHeightRef = useRef(0);
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    actionHeight = _useState4[0],
+    setActionHeight = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    labelHeight = _useState6[0],
+    setLabelHeight = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    childHeight = _useState8[0],
+    setChildHeight = _useState8[1];
+  var showLabel = useMemo(function () {
+    return sheetsType === SheetsType.normal && (cancel || close || label);
+  }, [sheetsType, cancel, close, label]);
+  var showAction = useMemo(function () {
+    return sheetsType === SheetsType.action && (cancel || close);
+  }, [sheetsType, cancel, close]);
   var handleMask = function handleMask() {
+    handleClose();
     onCancel === null || onCancel === void 0 || onCancel();
   };
   var handleConfirm = function handleConfirm() {
+    handleClose();
     onConfirm === null || onConfirm === void 0 || onConfirm();
   };
   var handleCancel = function handleCancel() {
+    handleClose();
     onCancel === null || onCancel === void 0 || onCancel();
   };
+  var handleLayout = function handleLayout(evt) {
+    var height = evt.nativeEvent.layout.height;
+    setChildHeight(height);
+  };
+  var handleActionLayout = function handleActionLayout(evt) {
+    var height = evt.nativeEvent.layout.height;
+    setActionHeight(height);
+  };
+  var handleLabelLayout = function handleLabelLayout(evt) {
+    var height = evt.nativeEvent.layout.height;
+    setLabelHeight(height);
+  };
+  useEffect(function () {
+    var factHeight = actionHeight + labelHeight + childHeight + 34;
+    var fullScreenHeight = Dimensions.get("screen").height - 34;
+    var halfScreenHeight = Math.floor(fullScreenHeight / 2) - 34;
+    var threeQuaterScreenHeight = Math.floor(fullScreenHeight * 0.75) - 34;
+    var calculateHeight = sheetsType !== SheetsType.dragable ? size === SheetsSize.auto ? factHeight : size === SheetsSize.half ? halfScreenHeight : size === SheetsSize.threeQuater ? threeQuaterScreenHeight : fullScreenHeight : factHeight;
+    childHeightRef.current = calculateHeight;
+    Animated.timing(sheetsHeight, {
+      toValue: calculateHeight,
+      duration: 100,
+      // 动画持续时间 (毫秒)
+      useNativeDriver: false
+      // `height` 不支持 useNativeDriver
+    }).start();
+  }, [actionHeight, labelHeight, childHeight]);
+  var handleClose = function handleClose() {
+    Animated.timing(sheetsHeight, {
+      toValue: 0,
+      useNativeDriver: false
+    }).start();
+    sheetsHeight.setValue(0);
+  };
+  var panResponder = useRef(PanResponder.create({
+    onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder() {
+      return true;
+    },
+    onPanResponderMove: function onPanResponderMove(event, gestureState) {
+      console.log("childHeightRef.current", childHeightRef.current);
+      var fullScreenHeight = Dimensions.get("screen").height - 34;
+      var halfScreenHeight = Math.floor(fullScreenHeight / 2) - 34;
+      var threeQuaterScreenHeight = Math.floor(fullScreenHeight * 0.75) - 34;
+      var maxHeight = size === SheetsSize.auto ? fullScreenHeight : size === SheetsSize.half ? halfScreenHeight : size === SheetsSize.threeQuater ? threeQuaterScreenHeight : fullScreenHeight;
+      var newHeight = Math.min(maxHeight, Math.max(childHeightRef.current, childHeightRef.current - gestureState.dy));
+      sheetsHeight.setValue(newHeight);
+    }
+  })).current;
+  var iconWrapper = function iconWrapper(type) {
+    return iconType === SheetsIconType.bg ? /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+      onPress: handleCancel
+    }, /* @__PURE__ */React__default.createElement(View, {
+      style: [styles.iconBg, {
+        backgroundColor: themeColor.Fill1
+      }]
+    }, type === "confirm" ? /* @__PURE__ */React__default.createElement(Icon, {
+      icon: Close,
+      fill: themeColor.Bg,
+      size: 20,
+      onClick: handleCancel
+    }) : /* @__PURE__ */React__default.createElement(Icon, {
+      icon: ArrowLeft,
+      fill: themeColor.Bg,
+      size: 20,
+      onClick: handleCancel
+    }))) : type === "confirm" ? /* @__PURE__ */React__default.createElement(Icon, {
+      icon: Close,
+      fill: themeColor.Title,
+      size: 20,
+      onClick: handleCancel
+    }) : /* @__PURE__ */React__default.createElement(Icon, {
+      icon: ArrowLeft,
+      fill: themeColor.Title,
+      size: 20,
+      onClick: handleCancel
+    });
+  };
+  var Block = function Block() {
+    return /* @__PURE__ */React__default.createElement(View, {
+      style: styles.block
+    });
+  };
   return visible ? /* @__PURE__ */React__default.createElement(Portal, null, /* @__PURE__ */React__default.createElement(View, {
-    style: styles.container
-  }, /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+    style: styles.wrapper
+  }, mask ? /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
     onPress: handleMask
   }, /* @__PURE__ */React__default.createElement(View, {
-    style: styles.mask
-  })), /* @__PURE__ */React__default.createElement(View, {
+    style: [styles.mask, {
+      backgroundColor: maskMode === SheetsMaskMode.light ? alwaysColor.MaskBg : "rgba(0,0,0,0.8)"
+    }]
+  })) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), /* @__PURE__ */React__default.createElement(Animated.View, _objectSpread2({
     style: [styles.picker, {
       backgroundColor: themeColor.Bg2
+    }, {
+      height: sheetsHeight
     }]
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, panResponder.panHandlers), showLabel ? /* @__PURE__ */React__default.createElement(View, {
     style: [styles.labelContainer, {
       backgroundColor: themeColor.Bg2
-    }]
-  }, /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+    }],
+    onLayout: handleLabelLayout
+  }, cancel ? /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
     onPress: handleCancel
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, cancelType === SheetsActionType.text ? /* @__PURE__ */React__default.createElement(Text, {
     style: [styles.cancel, {
       color: themeColor.Description
     }]
-  }, "\u53D6\u6D88")), /* @__PURE__ */React__default.createElement(Text, {
+  }, cancelText) : iconWrapper("cancel")) : /* @__PURE__ */React__default.createElement(Block, null), label ? /* @__PURE__ */React__default.createElement(Text, {
     style: [styles.label, {
       color: themeColor.Title
     }]
-  }, label), /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+  }, label) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), close ? /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
     onPress: handleConfirm
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, closeType === SheetsActionType.text ? /* @__PURE__ */React__default.createElement(Text, {
     style: [styles.confirm, {
       color: themeColor.Primary
     }]
-  }, "\u786E\u5B9A"))), children))) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
+  }, closeText) : iconWrapper("confirm")) : /* @__PURE__ */React__default.createElement(Block, null)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), sheetsType === SheetsType.dragable ? /* @__PURE__ */React__default.createElement(Animated.View, _objectSpread2({
+    style: [styles.dragableContainer]
+  }, panResponder.panHandlers), /* @__PURE__ */React__default.createElement(View, {
+    style: [styles.dragable, {
+      backgroundColor: themeColor.Fill3
+    }]
+  })) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), /* @__PURE__ */React__default.createElement(View, {
+    onLayout: handleLayout
+  }, children), showAction ? /* @__PURE__ */React__default.createElement(View, {
+    style: [styles.actionContainer],
+    onLayout: handleActionLayout
+  }, cancel ? /* @__PURE__ */React__default.createElement(View, {
+    style: styles.action
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    block: true,
+    onClick: handleCancel
+  }, cancelText)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), close ? /* @__PURE__ */React__default.createElement(View, {
+    style: styles.action
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    block: true,
+    onClick: handleConfirm,
+    type: "primary"
+  }, closeText)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null)))) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
 };
 Sheets.defaultProps = SheetsDefaultProps;
 

package/lib/esm/components/Sheets/Sheets.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheets.js","sources":["../../../../src/components/Sheets/Sheets.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { View, TouchableWithoutFeedback, Text } from \"react-native\";\nimport { RedsSheets, SheetsDefaultProps } from \"./interface/index\";\nimport { Portal } from \"../Portal\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport styles from \"./styles\";\n\nconst Sheets = (props: RedsSheets) => {\n  const { visible, onCancel, onConfirm, children, label } = props;\n\n  const themeColor = useThemeColor();\n\n  const handleMask = () => {\n    onCancel?.();\n  };\n\n  const handleConfirm = () => {\n    onConfirm?.();\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n  };\n\n  return visible ? (\n    <Portal>\n      <View style={styles.container}>\n        <TouchableWithoutFeedback onPress={handleMask}>\n          <View style={styles.mask}></View>\n        </TouchableWithoutFeedback>\n        <View style={[styles.picker, { backgroundColor: themeColor.Bg2 }]}>\n          <View style={[styles.labelContainer, { backgroundColor: themeColor.Bg2 }]}>\n            <TouchableWithoutFeedback onPress={handleCancel}>\n              <Text style={[styles.cancel, { color: themeColor.Description }]}>取消</Text>\n            </TouchableWithoutFeedback>\n            <Text style={[styles.label, { color: themeColor.Title }]}>{label}</Text>\n            <TouchableWithoutFeedback onPress={handleConfirm}>\n              <Text style={[styles.confirm, { color: themeColor.Primary }]}>确定</Text>\n            </TouchableWithoutFeedback>\n          </View>\n          {children}\n        </View>\n      </View>\n    </Portal>\n  ) : (\n    <></>\n  );\n};\n\nSheets.defaultProps = SheetsDefaultProps;\n\nexport default Sheets;\n"],"names":["Sheets","props","visible","onCancel","onConfirm","children","label","themeColor","useThemeColor","handleMask","handleConfirm","handleCancel","Portal","React","createElement","View","style","styles","container","TouchableWithoutFeedback","onPress","mask","picker","backgroundColor","Bg2","labelContainer","Text","cancel","color","Description","Title","confirm","Primary","Fragment","defaultProps","SheetsDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAsB,EAAA;AACpC,EAAA,IAAQC,OAAS,GAAyCD,KAAA,CAAlDC,OAAS;IAAAC,QAAA,GAAyCF,KAAA,CAAzCE,QAAA;IAAUC,SAAW,GAAoBH,KAAA,CAA/BG,SAAW;IAAAC,QAAA,GAAoBJ,KAAA,CAApBI,QAAA;IAAUC,QAAUL,KAAA,CAAVK;AAEhD,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAEjC,EAAA,IAAMC,aAAa,SAAbA,aAAmB;AACZN,IAAAA,QAAA,KAAAA,IAAAA,IAAAA,QAAA,KAAAA,KAAAA,CAAAA,IAAAA,QAAA,EAAA,CAAA;GACb,CAAA;AAEA,EAAA,IAAMO,gBAAgB,SAAhBA,gBAAsB;AACdN,IAAAA,SAAA,KAAAA,IAAAA,IAAAA,SAAA,KAAAA,KAAAA,CAAAA,IAAAA,SAAA,EAAA,CAAA;GACd,CAAA;AAEA,EAAA,IAAMO,eAAe,SAAfA,eAAqB;AACdR,IAAAA,QAAA,KAAAA,IAAAA,IAAAA,QAAA,KAAAA,KAAAA,CAAAA,IAAAA,QAAA,EAAA,CAAA;GACb,CAAA;AAEO,EAAA,OAAAD,OAAA,+CACJU,MACC,EAAA,IAAA,iBAAAC,cAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAAC,MAAA,CAAOC,SAAAA;AAClB,GAAA,iBAAAL,cAAA,CAAAC,aAAA,CAACK,wBAAyB,EAAA;AAAAC,IAAAA,OAAA,EAASX,UAAAA;oBAChCI,cAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKC,OAAOC,MAAO,CAAAI,IAAAA;GAAM,CAC5B,CACA,iBAAAR,cAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;AAAAC,IAAAA,KAAA,EAAO,CAACC,MAAA,CAAOK,QAAQ;MAAEC,eAAA,EAAiBhB,WAAWiB,GAAAA;KAAK,CAAA;oBAC7DX,cAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;AAAKC,IAAAA,KAAO,EAAA,CAACC,MAAO,CAAAQ,cAAA,EAAgB;MAAEF,eAAiB,EAAAhB,UAAA,CAAWiB,GAAAA;KAAK,CAAA;AAAA,GAAA,8CACrEL,wBAAyB,EAAA;AAAAC,IAAAA,OAAA,EAAST,YAAAA;AACjC,GAAA,iBAAAE,cAAA,CAAAC,aAAA,CAACY,IAAK,EAAA;AAAAV,IAAAA,KAAA,EAAO,CAACC,MAAO,CAAAU,MAAA,EAAQ;MAAEC,KAAO,EAAArB,UAAA,CAAWsB,WAAAA;KAAa,CAAA;GAAA,EAAG,cAAE,CACrE,CACA,iBAAAhB,cAAA,CAAAC,aAAA,CAACY;AAAKV,IAAAA,KAAO,EAAA,CAACC,OAAOX,KAAO,EAAA;MAAEsB,OAAOrB,UAAW,CAAAuB,KAAAA;KAAO,CAAA;GAAA,EAAIxB,KAAM,CAAA,8CAChEa,wBAAyB,EAAA;AAAAC,IAAAA,OAAA,EAASV,aAAAA;oBAChCG,cAAA,CAAAC,aAAA,CAAAY,IAAA,EAAA;AAAKV,IAAAA,OAAO,CAACC,MAAA,CAAOc,OAAS,EAAA;MAAEH,KAAO,EAAArB,UAAA,CAAWyB,OAAAA;KAAS,CAAA;GAAA,EAAG,cAAE,CAClE,CACF,GACC3B,QACH,CACF,CACF,CAAA,kBAEEQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAoB,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,EAAA;AAEAjC,MAAA,CAAOkC,YAAe,GAAAC,kBAAA;;;;"}
+{"version":3,"file":"Sheets.js","sources":["../../../../src/components/Sheets/Sheets.tsx"],"sourcesContent":["import React, { useState, useRef, useMemo, useEffect } from \"react\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  Text,\n  Animated,\n  LayoutChangeEvent,\n  PanResponder,\n  Dimensions,\n} from \"react-native\";\nimport {\n  RedsSheets,\n  SheetsDefaultProps,\n  SheetsMaskMode,\n  SheetsType,\n  SheetsIconType,\n  SheetsActionType,\n  SheetsSize,\n} from \"./interface/index\";\nimport { Portal } from \"../Portal\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport styles from \"./styles\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { Close, ArrowLeft } from \"@xhs/reder-icon-svg\";\n\nconst Sheets = (props: RedsSheets) => {\n  const {\n    visible,\n    onCancel,\n    onConfirm,\n    children,\n    label,\n    mask,\n    maskMode,\n    cancelType,\n    closeType,\n    cancelText,\n    closeText,\n    sheetsType,\n    cancel,\n    close,\n    iconType,\n    size,\n  } = props;\n\n  console.log(\"visible\", visible);\n\n  const themeColor = useThemeColor();\n\n  /**\n   * Sheets容器高度动画\n   */\n  const [sheetsHeight] = useState(new Animated.Value(0));\n\n  /**\n   * Sheets容器child内容高度\n   */\n  const childHeightRef = useRef(0);\n\n  /**\n   * 底部操作区高度\n   */\n  const [actionHeight, setActionHeight] = useState(0);\n\n  /**\n   * 标题区域高度\n   */\n  const [labelHeight, setLabelHeight] = useState(0);\n\n  /**\n   * child高度\n   */\n  const [childHeight, setChildHeight] = useState(0);\n\n  /**\n   * 是否展示标题\n   */\n  const showLabel = useMemo(() => {\n    return sheetsType === SheetsType.normal && (cancel || close || label);\n  }, [sheetsType, cancel, close, label]);\n\n  /**\n   * 是否展示底部操作栏\n   */\n  const showAction = useMemo(() => {\n    return sheetsType === SheetsType.action && (cancel || close);\n  }, [sheetsType, cancel, close]);\n\n  /**\n   * 关闭Sheets\n   */\n  const handleMask = () => {\n    handleClose();\n    onCancel?.();\n  };\n\n  /**\n   * 确定 or 完成\n   */\n  const handleConfirm = () => {\n    handleClose();\n    onConfirm?.();\n  };\n\n  /**\n   * 返回 or 取消\n   */\n  const handleCancel = () => {\n    handleClose();\n    onCancel?.();\n  };\n\n  /**\n   * 计算子容器高度\n   * @param evt LayoutChangeEvent\n   */\n  const handleLayout = (evt: LayoutChangeEvent) => {\n    const { height } = evt.nativeEvent.layout;\n    setChildHeight(height);\n  };\n\n  /**\n   * 计算底部操作区高度\n   * @param evt\n   */\n  const handleActionLayout = (evt: LayoutChangeEvent) => {\n    const { height } = evt.nativeEvent.layout;\n    setActionHeight(height);\n  };\n\n  /**\n   * 计算标题高度\n   * @param evt\n   */\n  const handleLabelLayout = (evt: LayoutChangeEvent) => {\n    const { height } = evt.nativeEvent.layout;\n    setLabelHeight(height);\n  };\n\n  /**\n   * 外层容器高度变化\n   */\n  useEffect(() => {\n    const factHeight = actionHeight + labelHeight + childHeight + 34;\n    const fullScreenHeight = Dimensions.get(\"screen\").height - 34;\n    const halfScreenHeight = Math.floor(fullScreenHeight / 2) - 34;\n    const threeQuaterScreenHeight = Math.floor(fullScreenHeight * 0.75) - 34;\n    const calculateHeight =\n      sheetsType !== SheetsType.dragable\n        ? size === SheetsSize.auto\n          ? factHeight\n          : size === SheetsSize.half\n            ? halfScreenHeight\n            : size === SheetsSize.threeQuater\n              ? threeQuaterScreenHeight\n              : fullScreenHeight\n        : factHeight;\n    childHeightRef.current = calculateHeight;\n    Animated.timing(sheetsHeight, {\n      toValue: calculateHeight,\n      duration: 100, // 动画持续时间 (毫秒)\n      useNativeDriver: false, // `height` 不支持 useNativeDriver\n    }).start();\n  }, [actionHeight, labelHeight, childHeight]);\n\n  /**\n   * 关闭容器取消动画\n   * @param evt LayoutChangeEvent\n   */\n  const handleClose = () => {\n    Animated.timing(sheetsHeight, { toValue: 0, useNativeDriver: false }).start();\n    sheetsHeight.setValue(0);\n  };\n\n  /**\n   * 手势监听\n   */\n  const panResponder = useRef(\n    PanResponder.create({\n      onMoveShouldSetPanResponder: () => true,\n      onPanResponderMove: (event, gestureState) => {\n        console.log(\"childHeightRef.current\", childHeightRef.current);\n        const fullScreenHeight = Dimensions.get(\"screen\").height - 34;\n        const halfScreenHeight = Math.floor(fullScreenHeight / 2) - 34;\n        const threeQuaterScreenHeight = Math.floor(fullScreenHeight * 0.75) - 34;\n        const maxHeight =\n          size === SheetsSize.auto\n            ? fullScreenHeight\n            : size === SheetsSize.half\n              ? halfScreenHeight\n              : size === SheetsSize.threeQuater\n                ? threeQuaterScreenHeight\n                : fullScreenHeight;\n        const newHeight = Math.min(\n          maxHeight,\n          Math.max(childHeightRef.current, childHeightRef.current - gestureState.dy),\n        );\n        sheetsHeight.setValue(newHeight);\n      },\n    }),\n  ).current;\n\n  /** icon wrapper */\n  const iconWrapper = (type: string) => {\n    return iconType === SheetsIconType.bg ? (\n      <TouchableWithoutFeedback onPress={handleCancel}>\n        <View style={[styles.iconBg, { backgroundColor: themeColor.Fill1 }]}>\n          {type === \"confirm\" ? (\n            <Icon icon={Close} fill={themeColor.Bg} size={20} onClick={handleCancel} />\n          ) : (\n            <Icon icon={ArrowLeft} fill={themeColor.Bg} size={20} onClick={handleCancel} />\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    ) : type === \"confirm\" ? (\n      <Icon icon={Close} fill={themeColor.Title} size={20} onClick={handleCancel} />\n    ) : (\n      <Icon icon={ArrowLeft} fill={themeColor.Title} size={20} onClick={handleCancel} />\n    );\n  };\n\n  /** block占位 */\n  const Block = () => {\n    return <View style={styles.block} />;\n  };\n\n  return visible ? (\n    <Portal>\n      <View style={styles.wrapper}>\n        {mask ? (\n          <TouchableWithoutFeedback onPress={handleMask}>\n            <View\n              style={[\n                styles.mask,\n                { backgroundColor: maskMode === SheetsMaskMode.light ? alwaysColor.MaskBg : \"rgba(0,0,0,0.8)\" },\n              ]}\n            ></View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n        <Animated.View\n          style={[styles.picker, { backgroundColor: themeColor.Bg2 }, { height: sheetsHeight }]}\n          {...panResponder.panHandlers}\n        >\n          {/** normal */}\n          {showLabel ? (\n            <View style={[styles.labelContainer, { backgroundColor: themeColor.Bg2 }]} onLayout={handleLabelLayout}>\n              {cancel ? (\n                <TouchableWithoutFeedback onPress={handleCancel}>\n                  {cancelType === SheetsActionType.text ? (\n                    <Text style={[styles.cancel, { color: themeColor.Description }]}>{cancelText}</Text>\n                  ) : (\n                    iconWrapper(\"cancel\")\n                  )}\n                </TouchableWithoutFeedback>\n              ) : (\n                <Block />\n              )}\n              {label ? <Text style={[styles.label, { color: themeColor.Title }]}>{label}</Text> : <></>}\n              {close ? (\n                <TouchableWithoutFeedback onPress={handleConfirm}>\n                  {closeType === SheetsActionType.text ? (\n                    <Text style={[styles.confirm, { color: themeColor.Primary }]}>{closeText}</Text>\n                  ) : (\n                    iconWrapper(\"confirm\")\n                  )}\n                </TouchableWithoutFeedback>\n              ) : (\n                <Block />\n              )}\n            </View>\n          ) : (\n            <></>\n          )}\n\n          {/** 拖拽按钮 */}\n          {sheetsType === SheetsType.dragable ? (\n            <Animated.View style={[styles.dragableContainer]} {...panResponder.panHandlers}>\n              <View style={[styles.dragable, { backgroundColor: themeColor.Fill3 }]} />\n            </Animated.View>\n          ) : (\n            <></>\n          )}\n\n          <View onLayout={handleLayout}>{children}</View>\n\n          {/** action */}\n          {showAction ? (\n            <View style={[styles.actionContainer]} onLayout={handleActionLayout}>\n              {cancel ? (\n                <View style={styles.action}>\n                  <Button block onClick={handleCancel}>\n                    {cancelText}\n                  </Button>\n                </View>\n              ) : (\n                <></>\n              )}\n              {close ? (\n                <View style={styles.action}>\n                  <Button block onClick={handleConfirm} type=\"primary\">\n                    {closeText}\n                  </Button>\n                </View>\n              ) : (\n                <></>\n              )}\n            </View>\n          ) : (\n            <></>\n          )}\n        </Animated.View>\n      </View>\n    </Portal>\n  ) : (\n    <></>\n  );\n};\n\nSheets.defaultProps = SheetsDefaultProps;\n\nexport default Sheets;\n"],"names":["Sheets","props","visible","onCancel","onConfirm","children","label","mask","maskMode","cancelType","closeType","cancelText","closeText","sheetsType","cancel","close","iconType","size","console","log","themeColor","useThemeColor","_useState","useState","Animated","Value","_useState2","_slicedToArray","sheetsHeight","childHeightRef","useRef","_useState3","_useState4","actionHeight","setActionHeight","_useState5","_useState6","labelHeight","setLabelHeight","_useState7","_useState8","childHeight","setChildHeight","showLabel","useMemo","SheetsType","normal","showAction","action","handleMask","handleClose","handleConfirm","handleCancel","handleLayout","evt","height","nativeEvent","layout","handleActionLayout","handleLabelLayout","useEffect","factHeight","fullScreenHeight","Dimensions","get","halfScreenHeight","Math","floor","threeQuaterScreenHeight","calculateHeight","dragable","SheetsSize","auto","half","threeQuater","current","timing","toValue","duration","useNativeDriver","start","setValue","panResponder","PanResponder","create","onMoveShouldSetPanResponder","onPanResponderMove","event","gestureState","maxHeight","newHeight","min","max","dy","iconWrapper","type","SheetsIconType","bg","React","createElement","TouchableWithoutFeedback","onPress","View","style","styles","iconBg","backgroundColor","Fill1","Icon","icon","Close","fill","Bg","onClick","ArrowLeft","Title","Block","block","Portal","wrapper","SheetsMaskMode","light","alwaysColor","MaskBg","Fragment","_objectSpread","picker","Bg2","panHandlers","labelContainer","onLayout","SheetsActionType","text","Text","color","Description","confirm","Primary","dragableContainer","Fill3","actionContainer","Button","defaultProps","SheetsDefaultProps"],"mappings":"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"}

package/lib/esm/components/Sheets/index.js

@@ -1,6 +1,8 @@
 import Sheets from './Sheets.js';
-export { i as SheetsType } from '../../_chunks/B3_9dzWY.js';
+export { i as SheetsType } from '../../_chunks/BJ2Kj1Vd.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
+import '@xhsreds/reds-token-next';
 import 'react-native';
 import '../Portal/core/Portal.js';
 import '../Portal/core/hooks/usePortal.js';
@@ -9,12 +11,16 @@ import '../Portal/core/PortalContext.js';
 import '../Portal/core/PortalHost.js';
 import '../Portal/core/hooks/usePortalState.js';
 import '../Portal/core/PortalProvider.js';
-import '../../_chunks/D-HreRcG.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import './styles.js';
+import '../Button/Button.js';
+import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
+import '../Icon/Icon.js';
+import 'react-native-svg';
+import '@xhs/reder-icon-svg';
 
 
 

package/lib/esm/components/Sheets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/components/Sheets/interface/index.js

@@ -1,2 +1,2 @@
-export { S as SheetsDefaultProps } from '../../../_chunks/B3_9dzWY.js';
+export { c as SheetsActionType, d as SheetsDefaultProps, e as SheetsIconType, b as SheetsMaskMode, a as SheetsSize, S as SheetsType } from '../../../_chunks/BJ2Kj1Vd.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Sheets/styles.js

@@ -1,11 +1,7 @@
-import { alwaysColor } from '@xhsreds/reds-token-next';
 import { StyleSheet } from 'react-native';
 
 var styles = StyleSheet.create({
-  container: {
-    width: "100%",
-    height: "100%",
-    backgroundColor: alwaysColor.MaskBg,
+  wrapper: {
     position: "absolute",
     bottom: 0,
     left: 0,
@@ -15,7 +11,6 @@ var styles = StyleSheet.create({
   mask: {
     width: "100%",
     height: "100%",
-    backgroundColor: alwaysColor.MaskBg,
     position: "absolute",
     bottom: 0,
     left: 0,
@@ -23,14 +18,12 @@ var styles = StyleSheet.create({
     top: 0
   },
   picker: {
+    borderTopLeftRadius: 12,
+    borderTopRightRadius: 12,
     position: "absolute",
     bottom: 0,
     left: 0,
-    right: 0,
-    paddingTop: 4,
-    paddingBottom: 34,
-    borderTopLeftRadius: 12,
-    borderTopRightRadius: 12
+    right: 0
   },
   labelContainer: {
     display: "flex",
@@ -54,6 +47,41 @@ var styles = StyleSheet.create({
   label: {
     fontSize: 16,
     fontWeight: "400"
+  },
+  iconBg: {
+    width: 28,
+    height: 28,
+    borderRadius: 28,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  dragableContainer: {
+    width: "100%",
+    height: 20,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  dragable: {
+    width: 33,
+    height: 4,
+    borderRadius: 10
+  },
+  block: {
+    width: 28,
+    height: 28
+  },
+  actionContainer: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    flexDirection: "row",
+    width: "100%"
+  },
+  action: {
+    flex: 1,
+    marginHorizontal: 12
   }
 });
 

package/lib/esm/components/Sheets/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Sheets/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    height: \"100%\",\n    backgroundColor: alwaysColor.MaskBg,\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n  mask: {\n    width: \"100%\",\n    height: \"100%\",\n    backgroundColor: alwaysColor.MaskBg,\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    paddingTop: 4,\n    paddingBottom: 34,\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n  },\n  labelContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingLeft: 16,\n    paddingRight: 16,\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n  },\n  cancel: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n  confirm: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n  label: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","container","width","height","backgroundColor","alwaysColor","MaskBg","position","bottom","left","right","top","mask","picker","paddingTop","paddingBottom","borderTopLeftRadius","borderTopRightRadius","labelContainer","display","justifyContent","alignItems","flexDirection","paddingLeft","paddingRight","cancel","fontSize","fontWeight","confirm","label"],"mappings":";;;AAGA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,SAAW,EAAA;AACTC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,MAAQ,EAAA,MAAA;IACRC,iBAAiBC,WAAY,CAAAC,MAAA;AAC7BC,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;AACPC,IAAAA,GAAK,EAAA,CAAA;GACP;AACAC,EAAAA,IAAM,EAAA;AACJV,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,MAAQ,EAAA,MAAA;IACRC,iBAAiBC,WAAY,CAAAC,MAAA;AAC7BC,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;AACPC,IAAAA,GAAK,EAAA,CAAA;GACP;AACAE,EAAAA,MAAQ,EAAA;AACNN,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;AACPI,IAAAA,UAAY,EAAA,CAAA;AACZC,IAAAA,aAAe,EAAA,EAAA;AACfC,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;GACxB;AACAC,EAAAA,cAAgB,EAAA;AACdC,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,cAAgB,EAAA,eAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,aAAe,EAAA,KAAA;AACfnB,IAAAA,MAAQ,EAAA,EAAA;AACRoB,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,YAAc,EAAA,EAAA;AACdR,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;GACxB;AACAQ,EAAAA,MAAQ,EAAA;AACNC,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAC,EAAAA,OAAS,EAAA;AACPF,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAE,EAAAA,KAAO,EAAA;AACLH,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;AACd,GAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Sheets/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n  mask: {\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n  picker: {\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n  labelContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingLeft: 16,\n    paddingRight: 16,\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n  },\n  cancel: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n  confirm: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n  label: {\n    fontSize: 16,\n    fontWeight: \"400\",\n  },\n  iconBg: {\n    width: 28,\n    height: 28,\n    borderRadius: 28,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  dragableContainer: {\n    width: \"100%\",\n    height: 20,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  dragable: {\n    width: 33,\n    height: 4,\n    borderRadius: 10,\n  },\n  block: {\n    width: 28,\n    height: 28,\n  },\n  actionContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    width: \"100%\",\n  },\n  action: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","wrapper","position","bottom","left","right","top","mask","width","height","picker","borderTopLeftRadius","borderTopRightRadius","labelContainer","display","justifyContent","alignItems","flexDirection","paddingLeft","paddingRight","cancel","fontSize","fontWeight","confirm","label","iconBg","borderRadius","dragableContainer","dragable","block","actionContainer","action","flex","marginHorizontal"],"mappings":";;AAEA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,OAAS,EAAA;AACPC,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;AACPC,IAAAA,GAAK,EAAA,CAAA;GACP;AACAC,EAAAA,IAAM,EAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,MAAQ,EAAA,MAAA;AACRP,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;AACPC,IAAAA,GAAK,EAAA,CAAA;GACP;AACAI,EAAAA,MAAQ,EAAA;AACNC,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;AACtBV,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,MAAQ,EAAA,CAAA;AACRC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,KAAO,EAAA,CAAA;GACT;AACAQ,EAAAA,cAAgB,EAAA;AACdC,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,cAAgB,EAAA,eAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,aAAe,EAAA,KAAA;AACfR,IAAAA,MAAQ,EAAA,EAAA;AACRS,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,YAAc,EAAA,EAAA;AACdR,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;GACxB;AACAQ,EAAAA,MAAQ,EAAA;AACNC,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAC,EAAAA,OAAS,EAAA;AACPF,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAE,EAAAA,KAAO,EAAA;AACLH,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAG,EAAAA,MAAQ,EAAA;AACNjB,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRiB,IAAAA,YAAc,EAAA,EAAA;AACdZ,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAW,EAAAA,iBAAmB,EAAA;AACjBnB,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRK,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAY,EAAAA,QAAU,EAAA;AACRpB,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,CAAA;AACRiB,IAAAA,YAAc,EAAA,EAAA;GAChB;AACAG,EAAAA,KAAO,EAAA;AACLrB,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;GACV;AACAqB,EAAAA,eAAiB,EAAA;AACfhB,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,cAAgB,EAAA,eAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,aAAe,EAAA,KAAA;AACfT,IAAAA,KAAO,EAAA,MAAA;GACT;AACAuB,EAAAA,MAAQ,EAAA;AACNC,IAAAA,IAAM,EAAA,CAAA;AACNC,IAAAA,gBAAkB,EAAA,EAAA;AACpB,GAAA;AACF,CAAC;;;;"}