react-native-system-ui 0.0.2 → 0.0.3

package/dist/cjs/safe-area/SafeAreaClipper.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSafeAreaClip = exports.default = exports.SafeAreaClipper = exports.SafeAreaClipProvider = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNativeSafeAreaContext() {
-  const data = require("react-native-safe-area-context");
-  _reactNativeSafeAreaContext = function () {
-    return data;
-  };
-  return data;
-}
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const useSafeAreaInsetsOrZero = () => {
-  const insets = (0, _react().useContext)(_reactNativeSafeAreaContext().SafeAreaInsetsContext);
-  return insets ?? {
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0
-  };
-};
-const useSafeAreaClip = ({
-  enabled,
-  position = 'top',
-  topInsetStyle
-}) => {
-  const insets = useSafeAreaInsetsOrZero();
-  const isTop = position === 'top';
-  const topOffset = isTop ? insets.top : 0;
-  const clipTop = Boolean(enabled && isTop && topOffset > 0);
-  const topInset = (0, _react().useMemo)(() => !clipTop && isTop && topOffset > 0 ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [{
-      width: '100%',
-      height: topOffset
-    }, topInsetStyle]
-  }) : null, [clipTop, isTop, topOffset, topInsetStyle]);
-  return {
-    clipTop,
-    topInset
-  };
-};
-
-/**
- * 通用安全区域裁切容器
- * 逻辑：通过 padding 将内容推到安全区域下方，并利用 overflow: hidden 实现物理裁切
- */
-exports.useSafeAreaClip = useSafeAreaClip;
-const SafeAreaClipper = ({
-  clipTop,
-  position = 'top',
-  style,
-  children
-}) => {
-  const insets = useSafeAreaInsetsOrZero();
-  const isTop = position === 'top';
-  const topOffset = isTop ? insets.top : 0;
-  const shouldClip = Boolean(clipTop && isTop && topOffset > 0);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [style, shouldClip && {
-      top: topOffset,
-      overflow: 'hidden'
-    }]
-  }, children);
-};
-
-/**
- * 通用安全区域裁切 Provider
- * - 内部统一处理裁切与顶部占位
- * - 组件侧只需渲染 topInset 即可
- */
-exports.SafeAreaClipper = SafeAreaClipper;
-const SafeAreaClipProvider = ({
-  enabled,
-  position = 'top',
-  style,
-  topInsetStyle,
-  children
-}) => {
-  const effectiveEnabled = _reactNative().Platform.OS === 'web' ? false : enabled;
-  const {
-    clipTop,
-    topInset
-  } = useSafeAreaClip({
-    enabled: effectiveEnabled,
-    position,
-    topInsetStyle
-  });
-  return /*#__PURE__*/_react().default.createElement(SafeAreaClipper, {
-    clipTop: clipTop,
-    position: position,
-    style: style
-  }, children({
-    clipTop,
-    topInset
-  }));
-};
-exports.SafeAreaClipProvider = SafeAreaClipProvider;
-var _default = exports.default = SafeAreaClipper;

package/dist/cjs/safe-area/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SafeAreaClipProvider", {
-  enumerable: true,
-  get: function () {
-    return _SafeAreaClipper.SafeAreaClipProvider;
-  }
-});
-Object.defineProperty(exports, "SafeAreaClipper", {
-  enumerable: true,
-  get: function () {
-    return _SafeAreaClipper.SafeAreaClipper;
-  }
-});
-exports.renderWithSafeArea = void 0;
-Object.defineProperty(exports, "useSafeAreaClip", {
-  enumerable: true,
-  get: function () {
-    return _SafeAreaClipper.useSafeAreaClip;
-  }
-});
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _SafeAreaClipper = require("./SafeAreaClipper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const renderWithSafeArea = (children, opts, safeAreaTopRef, onSafeAreaTopLayout) => {
-  if (opts.safeArea) {
-    return /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-      style: {
-        width: '100%'
-      }
-    }, children);
-  }
-  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, opts.safeAreaInsetTop ? /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    ref: safeAreaTopRef,
-    style: {
-      width: '100%',
-      pointerEvents: 'none'
-    },
-    onLayout: onSafeAreaTopLayout
-  }) : null, children, opts.safeAreaInsetBottom ? /*#__PURE__*/_react().default.createElement(_reactNative().SafeAreaView, {
-    style: {
-      width: '100%',
-      pointerEvents: 'none'
-    }
-  }) : null);
-};
-exports.renderWithSafeArea = renderWithSafeArea;

package/dist/es/safe-area/SafeAreaClipper.js

@@ -1,86 +0,0 @@
-import React, { useContext, useMemo } from 'react';
-import { Platform, View } from 'react-native';
-import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
-const useSafeAreaInsetsOrZero = () => {
-  const insets = useContext(SafeAreaInsetsContext);
-  return insets ?? {
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0
-  };
-};
-export const useSafeAreaClip = ({
-  enabled,
-  position = 'top',
-  topInsetStyle
-}) => {
-  const insets = useSafeAreaInsetsOrZero();
-  const isTop = position === 'top';
-  const topOffset = isTop ? insets.top : 0;
-  const clipTop = Boolean(enabled && isTop && topOffset > 0);
-  const topInset = useMemo(() => !clipTop && isTop && topOffset > 0 ? /*#__PURE__*/React.createElement(View, {
-    style: [{
-      width: '100%',
-      height: topOffset
-    }, topInsetStyle]
-  }) : null, [clipTop, isTop, topOffset, topInsetStyle]);
-  return {
-    clipTop,
-    topInset
-  };
-};
-
-/**
- * 通用安全区域裁切容器
- * 逻辑：通过 padding 将内容推到安全区域下方，并利用 overflow: hidden 实现物理裁切
- */
-export const SafeAreaClipper = ({
-  clipTop,
-  position = 'top',
-  style,
-  children
-}) => {
-  const insets = useSafeAreaInsetsOrZero();
-  const isTop = position === 'top';
-  const topOffset = isTop ? insets.top : 0;
-  const shouldClip = Boolean(clipTop && isTop && topOffset > 0);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, shouldClip && {
-      top: topOffset,
-      overflow: 'hidden'
-    }]
-  }, children);
-};
-
-/**
- * 通用安全区域裁切 Provider
- * - 内部统一处理裁切与顶部占位
- * - 组件侧只需渲染 topInset 即可
- */
-export const SafeAreaClipProvider = ({
-  enabled,
-  position = 'top',
-  style,
-  topInsetStyle,
-  children
-}) => {
-  const effectiveEnabled = Platform.OS === 'web' ? false : enabled;
-  const {
-    clipTop,
-    topInset
-  } = useSafeAreaClip({
-    enabled: effectiveEnabled,
-    position,
-    topInsetStyle
-  });
-  return /*#__PURE__*/React.createElement(SafeAreaClipper, {
-    clipTop: clipTop,
-    position: position,
-    style: style
-  }, children({
-    clipTop,
-    topInset
-  }));
-};
-export default SafeAreaClipper;

package/dist/es/safe-area/index.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { SafeAreaView } from 'react-native';
-export { SafeAreaClipper, SafeAreaClipProvider, useSafeAreaClip } from './SafeAreaClipper';
-export const renderWithSafeArea = (children, opts, safeAreaTopRef, onSafeAreaTopLayout) => {
-  if (opts.safeArea) {
-    return /*#__PURE__*/React.createElement(SafeAreaView, {
-      style: {
-        width: '100%'
-      }
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, opts.safeAreaInsetTop ? /*#__PURE__*/React.createElement(SafeAreaView, {
-    ref: safeAreaTopRef,
-    style: {
-      width: '100%',
-      pointerEvents: 'none'
-    },
-    onLayout: onSafeAreaTopLayout
-  }) : null, children, opts.safeAreaInsetBottom ? /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: {
-      width: '100%',
-      pointerEvents: 'none'
-    }
-  }) : null);
-};

package/dist/types/components/safe-area/SafeAreaClipper.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-interface UseSafeAreaClipOptions {
-    enabled?: boolean;
-    position?: 'top' | 'bottom';
-    topInsetStyle?: {
-        backgroundColor?: string;
-    };
-}
-export interface SafeAreaClipperProps {
-    /** 是否开启顶部安全区域裁切 */
-    clipTop?: boolean;
-    /** 样式 */
-    style?: StyleProp<ViewStyle>;
-    /** 内容 */
-    children: React.ReactNode;
-    /** 位置 */
-    position?: 'top' | 'bottom';
-}
-export interface SafeAreaClipProviderProps {
-    enabled?: boolean;
-    position?: 'top' | 'bottom';
-    style?: StyleProp<ViewStyle>;
-    topInsetStyle?: {
-        backgroundColor?: string;
-    };
-    children: (args: {
-        clipTop: boolean;
-        topInset: React.ReactNode;
-    }) => React.ReactNode;
-}
-export declare const useSafeAreaClip: ({ enabled, position, topInsetStyle, }: UseSafeAreaClipOptions) => {
-    clipTop: boolean;
-    topInset: React.JSX.Element | null;
-};
-/**
- * 通用安全区域裁切容器
- * 逻辑：通过 padding 将内容推到安全区域下方，并利用 overflow: hidden 实现物理裁切
- */
-export declare const SafeAreaClipper: React.FC<SafeAreaClipperProps>;
-/**
- * 通用安全区域裁切 Provider
- * - 内部统一处理裁切与顶部占位
- * - 组件侧只需渲染 topInset 即可
- */
-export declare const SafeAreaClipProvider: React.FC<SafeAreaClipProviderProps>;
-export default SafeAreaClipper;

package/dist/types/components/safe-area/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { View, type LayoutChangeEvent } from 'react-native';
-export { SafeAreaClipper, SafeAreaClipProvider, useSafeAreaClip } from './SafeAreaClipper';
-export interface SafeAreaOpts {
-    safeArea?: boolean;
-    safeAreaInsetTop?: boolean;
-    safeAreaInsetBottom?: boolean;
-}
-export declare const renderWithSafeArea: (children: React.ReactNode, opts: SafeAreaOpts, safeAreaTopRef?: React.RefObject<View>, onSafeAreaTopLayout?: (event: LayoutChangeEvent) => void) => React.JSX.Element;