@xhsreds/reds-rn-next 0.11.1-web202512221520 → 0.11.2

package/lib/src/components/Button/Viewable.web.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Viewable: (props: any) => React.JSX.Element;
-export default Viewable;

package/lib/src/components/Collapse/Item/Item.web.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { IItem } from "./interface/index";
-declare const Item: {
-    ({ value, title, lazyRender, children, onClick }: IItem): React.JSX.Element;
-    defaultProps: IItem;
-};
-export default Item;

package/lib/src/components/SlimAlert/PortalHost.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const PortalHost: ({ children, hostName }: {
-    children: React.ReactNode;
-    hostName: string | undefined;
-}) => import("react").JSX.Element;
-export default PortalHost;

package/lib/src/components/SlimAlert/PortalHost.web.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const PortalHost: ({ children, hostName }: {
-    children: React.ReactNode;
-    hostName: string;
-}) => import("react").JSX.Element;
-export default PortalHost;

package/lib/types/components/Button/Viewable.web.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Viewable: (props: any) => React.JSX.Element;
-export default Viewable;

package/lib/types/components/Collapse/Item/Item.web.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { IItem } from "./interface/index";
-declare const Item: {
-    ({ value, title, lazyRender, children, onClick }: IItem): React.JSX.Element;
-    defaultProps: IItem;
-};
-export default Item;

package/lib/types/components/SlimAlert/PortalHost.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const PortalHost: ({ children, hostName }: {
-    children: React.ReactNode;
-    hostName: string | undefined;
-}) => import("react").JSX.Element;
-export default PortalHost;

package/lib/types/components/SlimAlert/PortalHost.web.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const PortalHost: ({ children, hostName }: {
-    children: React.ReactNode;
-    hostName: string;
-}) => import("react").JSX.Element;
-export default PortalHost;

package/src/components/Button/Viewable.web.tsx

@@ -1,44 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { View, Dimensions } from "react-native";
-
-const Viewable = (props: any) => {
-  const { style, percent = 1, callback, ...rest } = props;
-  const targetRef = useRef<View>(null);
-  const hasLoggedExposure = useRef(false);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-
-    const observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting && entry.intersectionRatio >= (percent || 1)) {
-            if (!hasLoggedExposure.current) {
-              hasLoggedExposure.current = true;
-              callback?.();
-            }
-          }
-        });
-      },
-      {
-        threshold: percent || 1,
-      },
-    );
-
-    // 获取实际的 DOM 元素
-    const domNode = targetRef.current as any;
-    if (domNode) {
-      observer.observe(domNode);
-    }
-
-    return () => observer.disconnect();
-  }, [callback, percent]);
-
-  return (
-    <View ref={targetRef} style={style} {...rest}>
-      {props.children}
-    </View>
-  );
-};
-
-export default Viewable;

package/src/components/Collapse/Item/Item.web.tsx

@@ -1,150 +0,0 @@
-import React, { useState, useRef, useEffect, useMemo } from "react";
-import { View, Text, TouchableWithoutFeedback, LayoutChangeEvent, ViewStyle } from "react-native";
-import { IItem, ItemDefaultProps } from "./interface/index";
-import createStyles from "./styles";
-import { Icon } from "../../Icon";
-import { ArrowUpM, ArrowDownCenterB } from "@xhs/reder-icon-svg-ReDs_icon";
-import { CollapseContext } from "../hooks/useCollapseContext";
-import { useThemeColor } from "../../ConfigProvider";
-
-const Item = ({ value, title, lazyRender, children, onClick }: IItem) => {
-  const { addActiveValue, isActiveValue, removeActiveValue, size, registerChild, unregisterChild } =
-    React.useContext(CollapseContext);
-  const styles = createStyles(size || "Medium");
-  const [visible, setVisible] = useState(false);
-  const [shouldMount, setShouldMount] = useState(!lazyRender);
-  const [contentHeight, setContentHeight] = useState(0);
-  const firstRender = useRef(false);
-  const measureRef = useRef<View>(null);
-  const contentRef = useRef<View>(null);
-
-  const themeColor = useThemeColor();
-  const [lineItem, setLineItem] = useState(false);
-
-  const childInfo = {
-    setLine: (value: boolean) => setLineItem(value),
-  };
-
-  useEffect(() => {
-    registerChild(childInfo);
-    return () => unregisterChild(childInfo);
-  }, []);
-
-  const [initialMeasureDone, setInitialMeasureDone] = useState(false);
-
-  const setFirstRenderTag = () => {
-    firstRender.current = true;
-    setShouldMount(true);
-  };
-
-  const handleContentLayout = (event: LayoutChangeEvent) => {
-    const measuredHeight = event.nativeEvent.layout.height;
-    if (measuredHeight !== contentHeight) {
-      setContentHeight(measuredHeight);
-      setInitialMeasureDone(true);
-    }
-  };
-
-  // 初始可见状态同步逻辑
-  useEffect(() => {
-    const isActive = !!isActiveValue?.(value);
-    if (isActive) {
-      measureRef.current?.measure?.((x, y, width, height) => {
-        setContentHeight(height);
-        setInitialMeasureDone(true);
-      });
-    }
-    setVisible(isActive);
-    if (!firstRender.current && isActive) {
-      setFirstRenderTag();
-    }
-  }, [isActiveValue?.(value)]);
-
-  const onPress = () => {
-    const nextActive = !isActiveValue?.(value);
-
-    if (nextActive) {
-      addActiveValue?.(value);
-      if (!firstRender.current) setFirstRenderTag();
-    } else {
-      removeActiveValue?.(value);
-    }
-
-    setVisible(nextActive);
-    onClick?.(value);
-  };
-
-  const cloneChildren = useMemo(() => {
-    return React.Children.map(children, (child: any) => {
-      return React.cloneElement(child, {
-        style: { color: themeColor.Paragraph },
-        ...child.props,
-      });
-    });
-  }, [children]);
-
-  return (
-    <View>
-      <TouchableWithoutFeedback onPress={onPress}>
-        <View style={styles.header}>
-          <Text style={styles.title}>{title}</Text>
-          <View
-            style={
-              { transform: `rotate(${visible ? 180 : 0}deg)`, transition: "transform 200ms ease-in-out" } as ViewStyle
-            }
-          >
-            <Icon icon={ArrowDownCenterB} size={16} fill={themeColor.Title} />
-          </View>
-        </View>
-      </TouchableWithoutFeedback>
-
-      {/* 测量视图 */}
-      <View
-        ref={measureRef}
-        onLayout={handleContentLayout}
-        style={{
-          position: "absolute",
-          opacity: 0,
-          paddingHorizontal: 16,
-          paddingBottom: 12,
-          top: -9999,
-          width: "100%",
-          ...styles.content,
-        }}
-      >
-        {cloneChildren}
-      </View>
-
-      {/* Web 内容视图 */}
-      <View
-        ref={contentRef}
-        style={{
-          overflow: "hidden",
-          height: visible ? contentHeight : 0,
-          paddingHorizontal: 16,
-          paddingBottom: visible ? 12 : 0,
-          minHeight: visible ? 1 : 0,
-          // @ts-expect-error
-          transition: "height 200ms ease-in-out, padding 200ms ease-in-out, opacity 200ms ease-in-out",
-          ...styles.content,
-        }}
-      >
-        {cloneChildren}
-      </View>
-
-      {/* 分割线 */}
-      {lineItem && (
-        <View
-          style={{
-            backgroundColor: themeColor.Separator,
-            height: 0.5,
-            marginHorizontal: 16,
-          }}
-        />
-      )}
-    </View>
-  );
-};
-
-Item.defaultProps = ItemDefaultProps;
-export default Item;

package/src/components/SlimAlert/PortalHost.tsx

@@ -1,7 +0,0 @@
-import { Portal } from "../Portal";
-
-const PortalHost = ({ children, hostName = "root" }: { children: React.ReactNode; hostName: string | undefined }) => {
-  return <Portal hostName={hostName}>{children}</Portal>;
-};
-
-export default PortalHost;

package/src/components/SlimAlert/PortalHost.web.tsx

@@ -1,11 +0,0 @@
-import { Portal } from "../Portal";
-import { createPortal } from "react-dom";
-
-const PortalHost = ({ children, hostName }: { children: React.ReactNode; hostName: string }) => {
-  if (hostName) {
-    return <Portal hostName={hostName}>{children}</Portal>;
-  }
-  return createPortal(children, document.body);
-};
-
-export default PortalHost;