react-public-components 1.2.4 → 1.2.6

package/dist/PeriodSelect/index.d.ts

@@ -0,0 +1,36 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import './index.less';
+export interface PeriodSelectOption<T = string | number> {
+    /** 选项展示内容 */
+    label: ReactNode;
+    /** 选项值 */
+    value: T;
+    /** 是否禁用当前选项 */
+    disabled?: boolean;
+}
+export type PeriodSelectSize = 'small' | 'middle' | 'large';
+export interface PeriodSelectProps<T = string | number> {
+    /** 选项列表，默认提供【周度、月度、季度、年度】 */
+    options?: PeriodSelectOption<T>[];
+    /** 当前选中值（受控模式） */
+    value?: T;
+    /** 默认选中值（非受控模式） */
+    defaultValue?: T;
+    /** 切换选项时的回调函数 */
+    onChange?: (value: T, option: PeriodSelectOption<T>) => void;
+    /** 尺寸大小，默认为 'middle' */
+    size?: PeriodSelectSize;
+    /** 自定义高亮激活颜色（文字与高亮竖线） */
+    activeColor?: string;
+    /** 是否整体禁用 */
+    disabled?: boolean;
+    /** 是否等宽撑满父容器 */
+    block?: boolean;
+    /** 自定义容器类名 */
+    className?: string;
+    /** 自定义容器样式 */
+    style?: CSSProperties;
+}
+export declare const DEFAULT_PERIOD_OPTIONS: PeriodSelectOption<string>[];
+export declare function PeriodSelect<T = string | number>({ options, value: controlledValue, defaultValue, onChange, size, activeColor, disabled, block, className, style, }: PeriodSelectProps<T>): React.JSX.Element;
+export default PeriodSelect;

package/dist/PeriodSelect/index.js

@@ -0,0 +1,3 @@
+export { DEFAULT_PERIOD_OPTIONS, PeriodSelect, PeriodSelect_default as default } from '../chunk-RFTYEXKU.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/PeriodSelect/index.js.map

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

package/dist/chunk-5Q7THN6M.js

@@ -0,0 +1,115 @@
+import { useState, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// CeilingBox/index.tsx
+var CeilingBox = ({
+  children,
+  offsetTop = 0,
+  offsetBottom,
+  target,
+  onChange,
+  blur = true,
+  zIndex = 1e3,
+  className = "",
+  style,
+  affixedClassName = "",
+  affixedStyle
+}) => {
+  const [isAffixed, setIsAffixed] = useState(false);
+  const [boxRect, setBoxRect] = useState({ width: 0, height: 0 });
+  const placeholderRef = useRef(null);
+  const contentRef = useRef(null);
+  const isAffixedRef = useRef(false);
+  isAffixedRef.current = isAffixed;
+  useEffect(() => {
+    const getTargetElement = () => {
+      if (target) {
+        const el = target();
+        if (el) return el;
+      }
+      return window;
+    };
+    const handleScroll = () => {
+      if (!placeholderRef.current) return;
+      const targetEl = getTargetElement();
+      const placeholderRect = placeholderRef.current.getBoundingClientRect();
+      let targetTop = 0;
+      let targetBottom = window.innerHeight;
+      if (targetEl !== window && targetEl instanceof HTMLElement) {
+        const containerRect = targetEl.getBoundingClientRect();
+        targetTop = containerRect.top;
+        targetBottom = containerRect.bottom;
+      }
+      let shouldAffix = false;
+      if (offsetBottom !== void 0) {
+        shouldAffix = placeholderRect.bottom >= targetBottom - offsetBottom;
+      } else {
+        shouldAffix = placeholderRect.top <= targetTop + offsetTop;
+      }
+      if (shouldAffix !== isAffixedRef.current) {
+        if (shouldAffix && contentRef.current) {
+          const rect = contentRef.current.getBoundingClientRect();
+          setBoxRect({ width: rect.width, height: rect.height });
+        }
+        setIsAffixed(shouldAffix);
+        onChange == null ? void 0 : onChange(shouldAffix);
+      }
+    };
+    const targetNode = getTargetElement();
+    targetNode.addEventListener("scroll", handleScroll, { passive: true });
+    window.addEventListener("resize", handleScroll, { passive: true });
+    handleScroll();
+    return () => {
+      targetNode.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleScroll);
+    };
+  }, [offsetTop, offsetBottom, target, onChange]);
+  const computeFixedStyle = () => {
+    if (!isAffixed) return {};
+    const fixedStyle = {
+      position: "fixed",
+      zIndex,
+      width: boxRect.width ? `${boxRect.width}px` : "100%",
+      boxSizing: "border-box"
+    };
+    if (offsetBottom !== void 0) {
+      fixedStyle.bottom = `${offsetBottom}px`;
+    } else {
+      fixedStyle.top = `${offsetTop}px`;
+    }
+    if (placeholderRef.current) {
+      const rect = placeholderRef.current.getBoundingClientRect();
+      fixedStyle.left = `${rect.left}px`;
+    }
+    return fixedStyle;
+  };
+  const renderedContent = typeof children === "function" ? children(isAffixed) : children;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: placeholderRef,
+      className: `rpc_ceiling_box_wrapper ${className}`,
+      style: {
+        ...style,
+        height: isAffixed && boxRect.height ? `${boxRect.height}px` : void 0
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: contentRef,
+          className: `rpc_ceiling_box ${isAffixed ? "rpc_ceiling_box_affixed" : ""} ${isAffixed && blur ? "rpc_ceiling_box_blur" : ""} ${isAffixed ? affixedClassName : ""}`,
+          style: {
+            ...computeFixedStyle(),
+            ...isAffixed ? affixedStyle : {}
+          },
+          children: renderedContent
+        }
+      )
+    }
+  );
+};
+var CeilingBox_default = CeilingBox;
+
+export { CeilingBox_default };
+//# sourceMappingURL=chunk-5Q7THN6M.js.map
+//# sourceMappingURL=chunk-5Q7THN6M.js.map

package/dist/chunk-5Q7THN6M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CeilingBox/index.tsx"],"names":[],"mappings":"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","file":"chunk-5Q7THN6M.js","sourcesContent":["import React, {\n\tuseState,\n\tuseEffect,\n\tuseRef,\n\tReactNode,\n\tCSSProperties,\n} from 'react';\nimport './index.less';\n\nexport interface CeilingBoxProps {\n\t/** 子元素内容，支持普通 ReactNode 或 Render Props 函数接收 isAffixed 状态 */\n\tchildren: ReactNode | ((isAffixed: boolean) => ReactNode);\n\t/** 距离视口/容器顶部的吸顶偏移距离（像素），默认为 0 */\n\toffsetTop?: number;\n\t/** 距离视口/容器底部的吸底偏移距离（像素，传值时开启吸底模式） */\n\toffsetBottom?: number;\n\t/** 监听滚动的目标 DOM 容器，不传时默认监听 window 全局滚动 */\n\ttarget?: () => HTMLElement | Window | null;\n\t/** 吸顶/吸底状态改变时的回调函数 */\n\tonChange?: (isAffixed: boolean) => void;\n\t/** 吸顶时是否自动启用毛玻璃磨砂与精致阴影滤镜，默认为 true */\n\tblur?: boolean;\n\t/** 吸顶/吸底状态下的图层层级 z-index，默认为 1000 */\n\tzIndex?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义行内样式 */\n\tstyle?: CSSProperties;\n\t/** 吸顶激活状态下追加的自定义类名 */\n\taffixedClassName?: string;\n\t/** 吸顶激活状态下追加的自定义行内样式 */\n\taffixedStyle?: CSSProperties;\n}\n\nconst CeilingBox: React.FC<CeilingBoxProps> = ({\n\tchildren,\n\toffsetTop = 0,\n\toffsetBottom,\n\ttarget,\n\tonChange,\n\tblur = true,\n\tzIndex = 1000,\n\tclassName = '',\n\tstyle,\n\taffixedClassName = '',\n\taffixedStyle,\n}) => {\n\tconst [isAffixed, setIsAffixed] = useState<boolean>(false);\n\tconst [boxRect, setBoxRect] = useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n\tconst placeholderRef = useRef<HTMLDivElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst isAffixedRef = useRef<boolean>(false);\n\n\tisAffixedRef.current = isAffixed;\n\n\tuseEffect(() => {\n\t\tconst getTargetElement = (): HTMLElement | Window => {\n\t\t\tif (target) {\n\t\t\t\tconst el = target();\n\t\t\t\tif (el) return el;\n\t\t\t}\n\t\t\treturn window;\n\t\t};\n\n\t\tconst handleScroll = () => {\n\t\t\tif (!placeholderRef.current) return;\n\n\t\t\tconst targetEl = getTargetElement();\n\t\t\tconst placeholderRect = placeholderRef.current.getBoundingClientRect();\n\n\t\t\tlet targetTop = 0;\n\t\t\tlet targetBottom = window.innerHeight;\n\n\t\t\tif (targetEl !== window && targetEl instanceof HTMLElement) {\n\t\t\t\tconst containerRect = targetEl.getBoundingClientRect();\n\t\t\t\ttargetTop = containerRect.top;\n\t\t\t\ttargetBottom = containerRect.bottom;\n\t\t\t}\n\n\t\t\tlet shouldAffix = false;\n\n\t\t\tif (offsetBottom !== undefined) {\n\t\t\t\t// 吸底模式\n\t\t\t\tshouldAffix = placeholderRect.bottom >= targetBottom - offsetBottom;\n\t\t\t} else {\n\t\t\t\t// 吸顶模式 (默认)\n\t\t\t\tshouldAffix = placeholderRect.top <= targetTop + offsetTop;\n\t\t\t}\n\n\t\t\tif (shouldAffix !== isAffixedRef.current) {\n\t\t\t\t// 触发吸顶切换前记录原本的宽高\n\t\t\t\tif (shouldAffix && contentRef.current) {\n\t\t\t\t\tconst rect = contentRef.current.getBoundingClientRect();\n\t\t\t\t\tsetBoxRect({ width: rect.width, height: rect.height });\n\t\t\t\t}\n\n\t\t\t\tsetIsAffixed(shouldAffix);\n\t\t\t\tonChange?.(shouldAffix);\n\t\t\t}\n\t\t};\n\n\t\tconst targetNode = getTargetElement();\n\t\ttargetNode.addEventListener('scroll', handleScroll, { passive: true });\n\t\twindow.addEventListener('resize', handleScroll, { passive: true });\n\n\t\t// 初始检查一次\n\t\thandleScroll();\n\n\t\treturn () => {\n\t\t\ttargetNode.removeEventListener('scroll', handleScroll);\n\t\t\twindow.removeEventListener('resize', handleScroll);\n\t\t};\n\t}, [offsetTop, offsetBottom, target, onChange]);\n\n\t// 计算吸顶定位样式\n\tconst computeFixedStyle = (): CSSProperties => {\n\t\tif (!isAffixed) return {};\n\n\t\tconst fixedStyle: CSSProperties = {\n\t\t\tposition: 'fixed',\n\t\t\tzIndex,\n\t\t\twidth: boxRect.width ? `${boxRect.width}px` : '100%',\n\t\t\tboxSizing: 'border-box',\n\t\t};\n\n\t\tif (offsetBottom !== undefined) {\n\t\t\tfixedStyle.bottom = `${offsetBottom}px`;\n\t\t} else {\n\t\t\tfixedStyle.top = `${offsetTop}px`;\n\t\t}\n\n\t\tif (placeholderRef.current) {\n\t\t\tconst rect = placeholderRef.current.getBoundingClientRect();\n\t\t\tfixedStyle.left = `${rect.left}px`;\n\t\t}\n\n\t\treturn fixedStyle;\n\t};\n\n\tconst renderedContent =\n\t\ttypeof children === 'function' ? children(isAffixed) : children;\n\n\treturn (\n\t\t<div\n\t\t\tref={placeholderRef}\n\t\t\tclassName={`rpc_ceiling_box_wrapper ${className}`}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\theight: isAffixed && boxRect.height ? `${boxRect.height}px` : undefined,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={contentRef}\n\t\t\t\tclassName={`rpc_ceiling_box ${\n\t\t\t\t\tisAffixed ? 'rpc_ceiling_box_affixed' : ''\n\t\t\t\t} ${isAffixed && blur ? 'rpc_ceiling_box_blur' : ''} ${\n\t\t\t\t\tisAffixed ? affixedClassName : ''\n\t\t\t\t}`}\n\t\t\t\tstyle={{\n\t\t\t\t\t...computeFixedStyle(),\n\t\t\t\t\t...(isAffixed ? affixedStyle : {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{renderedContent}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CeilingBox;\n"]}

package/dist/chunk-O4EABET3.js

@@ -0,0 +1,89 @@
+import { CloseOutlined } from './chunk-2IDVNTKR.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AnnouncementBar = ({
+  children,
+  type = "primary",
+  background,
+  color,
+  sticky = false,
+  fixed = false,
+  top = 0,
+  zIndex = 1e3,
+  closable = true,
+  closeIcon,
+  storageKey,
+  marquee = false,
+  onClose,
+  className = "",
+  style
+}) => {
+  const [visible, setVisible] = useState(() => {
+    if (typeof window !== "undefined" && storageKey) {
+      try {
+        return localStorage.getItem(`rpc_announcement_${storageKey}`) !== "closed";
+      } catch (e) {
+        return true;
+      }
+    }
+    return true;
+  });
+  const [isClosing, setIsClosing] = useState(false);
+  if (!visible) return null;
+  const handleClose = () => {
+    setIsClosing(true);
+    if (storageKey && typeof window !== "undefined") {
+      try {
+        localStorage.setItem(`rpc_announcement_${storageKey}`, "closed");
+      } catch (e) {
+      }
+    }
+    setTimeout(() => {
+      setVisible(false);
+      onClose == null ? void 0 : onClose();
+    }, 250);
+  };
+  const positionStyle = {};
+  if (fixed) {
+    positionStyle.position = "fixed";
+    positionStyle.top = top;
+    positionStyle.left = 0;
+    positionStyle.right = 0;
+    positionStyle.zIndex = zIndex;
+  } else if (sticky) {
+    positionStyle.position = "sticky";
+    positionStyle.top = top;
+    positionStyle.zIndex = zIndex;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rpc_announcement_bar rpc_announcement_bar_${type} ${sticky ? "rpc_announcement_bar_sticky" : ""} ${fixed ? "rpc_announcement_bar_fixed" : ""} ${isClosing ? "rpc_announcement_bar_closing" : ""} ${className}`,
+      style: {
+        background: background || void 0,
+        color: color || void 0,
+        ...positionStyle,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rpc_announcement_bar_body", children: /* @__PURE__ */ jsx("div", { className: `rpc_announcement_bar_content ${marquee ? "rpc_announcement_bar_marquee" : ""}`, children }) }),
+        closable && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_announcement_bar_close",
+            onClick: handleClose,
+            title: "\u5173\u95ED\u901A\u77E5",
+            children: closeIcon || /* @__PURE__ */ jsx(CloseOutlined, { style: { fontSize: 13 } })
+          }
+        )
+      ]
+    }
+  );
+};
+var AnnouncementBar_default = AnnouncementBar;
+
+export { AnnouncementBar_default };
+//# sourceMappingURL=chunk-O4EABET3.js.map
+//# sourceMappingURL=chunk-O4EABET3.js.map

package/dist/chunk-O4EABET3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../AnnouncementBar/index.tsx"],"names":[],"mappings":"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","file":"chunk-O4EABET3.js","sourcesContent":["import React, { useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport { CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport type AnnouncementType = 'primary' | 'warning' | 'success' | 'danger' | 'purple';\n\nexport interface AnnouncementBarProps {\n\t/** 横幅广播内容 */\n\tchildren: ReactNode;\n\t/** 预设主题色系：'primary' | 'warning' | 'success' | 'danger' | 'purple' */\n\ttype?: AnnouncementType;\n\t/** 自定义渐变或背景样式（传值时覆盖 type 预设） */\n\tbackground?: string;\n\t/** 自定义文字颜色 */\n\tcolor?: string;\n\t/** 是否开启智能吸顶 (position: sticky)，默认为 false */\n\tsticky?: boolean;\n\t/** 是否开启固定吸顶 (position: fixed)，默认为 false */\n\tfixed?: boolean;\n\t/** 吸顶时距离顶部的距离偏移（像素或 CSS 字符串），默认为 0 */\n\ttop?: number | string;\n\t/** 图层层级 z-index，默认为 1000 */\n\tzIndex?: number;\n\t/** 是否支持点击关闭，默认为 true */\n\tclosable?: boolean;\n\t/** 自定义关闭图标 */\n\tcloseIcon?: ReactNode;\n\t/** LocalStorage 记忆 Key（若传入则关闭后自动持久化记忆，不再重复弹出） */\n\tstorageKey?: string;\n\t/** 内容过长时是否开启跑马灯无缝水平滚动，默认为 false */\n\tmarquee?: boolean;\n\t/** 关闭时的回调函数 */\n\tonClose?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst AnnouncementBar: React.FC<AnnouncementBarProps> = ({\n\tchildren,\n\ttype = 'primary',\n\tbackground,\n\tcolor,\n\tsticky = false,\n\tfixed = false,\n\ttop = 0,\n\tzIndex = 1000,\n\tclosable = true,\n\tcloseIcon,\n\tstorageKey,\n\tmarquee = false,\n\tonClose,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(() => {\n\t\tif (typeof window !== 'undefined' && storageKey) {\n\t\t\ttry {\n\t\t\t\treturn localStorage.getItem(`rpc_announcement_${storageKey}`) !== 'closed';\n\t\t\t} catch {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t});\n\n\tconst [isClosing, setIsClosing] = useState<boolean>(false);\n\n\tif (!visible) return null;\n\n\tconst handleClose = () => {\n\t\tsetIsClosing(true);\n\n\t\tif (storageKey && typeof window !== 'undefined') {\n\t\t\ttry {\n\t\t\t\tlocalStorage.setItem(`rpc_announcement_${storageKey}`, 'closed');\n\t\t\t} catch {\n\t\t\t\t// ignore\n\t\t\t}\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tsetVisible(false);\n\t\t\tonClose?.();\n\t\t}, 250);\n\t};\n\n\tconst positionStyle: CSSProperties = {};\n\tif (fixed) {\n\t\tpositionStyle.position = 'fixed';\n\t\tpositionStyle.top = top;\n\t\tpositionStyle.left = 0;\n\t\tpositionStyle.right = 0;\n\t\tpositionStyle.zIndex = zIndex;\n\t} else if (sticky) {\n\t\tpositionStyle.position = 'sticky';\n\t\tpositionStyle.top = top;\n\t\tpositionStyle.zIndex = zIndex;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_announcement_bar rpc_announcement_bar_${type} ${\n\t\t\t\tsticky ? 'rpc_announcement_bar_sticky' : ''\n\t\t\t} ${fixed ? 'rpc_announcement_bar_fixed' : ''} ${\n\t\t\t\tisClosing ? 'rpc_announcement_bar_closing' : ''\n\t\t\t} ${className}`}\n\t\t\tstyle={{\n\t\t\t\tbackground: background || undefined,\n\t\t\t\tcolor: color || undefined,\n\t\t\t\t...positionStyle,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"rpc_announcement_bar_body\">\n\t\t\t\t<div className={`rpc_announcement_bar_content ${marquee ? 'rpc_announcement_bar_marquee' : ''}`}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{closable && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_announcement_bar_close\"\n\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\ttitle=\"关闭通知\"\n\t\t\t\t>\n\t\t\t\t\t{closeIcon || <CloseOutlined style={{ fontSize: 13 }} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default AnnouncementBar;\n"]}

package/dist/chunk-QU33CY3M.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// PeriodSelect/index.tsx
+var DEFAULT_PERIOD_OPTIONS = [
+  { label: "\u5468\u5EA6", value: "week" },
+  { label: "\u6708\u5EA6", value: "month" },
+  { label: "\u5B63\u5EA6", value: "quarter" },
+  { label: "\u5E74\u5EA6", value: "year" }
+];
+function PeriodSelect({
+  options = DEFAULT_PERIOD_OPTIONS,
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  size = "middle",
+  activeColor,
+  disabled = false,
+  block = false,
+  className = "",
+  style
+}) {
+  var _a;
+  const initialValue = defaultValue !== void 0 ? defaultValue : (_a = options[0]) == null ? void 0 : _a.value;
+  const [internalValue, setInternalValue] = react.useState(initialValue);
+  const currentValue = controlledValue !== void 0 ? controlledValue : internalValue;
+  const handleSelect = (item) => {
+    if (disabled || item.disabled) return;
+    if (controlledValue === void 0) {
+      setInternalValue(item.value);
+    }
+    onChange == null ? void 0 : onChange(item.value, item);
+  };
+  const containerClass = [
+    "rpc_period_select",
+    `rpc_period_select_${size}`,
+    disabled ? "rpc_period_select_disabled" : "",
+    block ? "rpc_period_select_block" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: containerClass,
+      style: {
+        ...style,
+        ...activeColor ? { "--rpc-period-active-color": activeColor } : {}
+      },
+      children: options.map((item, index) => {
+        const isActive = currentValue === item.value;
+        const isItemDisabled = disabled || Boolean(item.disabled);
+        const showActiveLine = isActive && index > 0;
+        const itemClass = [
+          "rpc_period_select_item",
+          isActive ? "rpc_period_select_item_active" : "",
+          showActiveLine ? "rpc_period_select_item_has_active_line" : "",
+          isItemDisabled ? "rpc_period_select_item_disabled" : ""
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: itemClass,
+            onClick: () => handleSelect(item),
+            children: [
+              showActiveLine && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_period_select_active_line" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_period_select_text", children: item.label })
+            ]
+          },
+          String(item.value)
+        );
+      })
+    }
+  );
+}
+var PeriodSelect_default = PeriodSelect;
+
+exports.DEFAULT_PERIOD_OPTIONS = DEFAULT_PERIOD_OPTIONS;
+exports.PeriodSelect = PeriodSelect;
+exports.PeriodSelect_default = PeriodSelect_default;
+//# sourceMappingURL=chunk-QU33CY3M.cjs.map
+//# sourceMappingURL=chunk-QU33CY3M.cjs.map

package/dist/chunk-QU33CY3M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../PeriodSelect/index.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-QU33CY3M.cjs","sourcesContent":["import React, { useState, CSSProperties, ReactNode } from 'react';\nimport './index.less';\n\nexport interface PeriodSelectOption<T = string | number> {\n\t/** 选项展示内容 */\n\tlabel: ReactNode;\n\t/** 选项值 */\n\tvalue: T;\n\t/** 是否禁用当前选项 */\n\tdisabled?: boolean;\n}\n\nexport type PeriodSelectSize = 'small' | 'middle' | 'large';\n\nexport interface PeriodSelectProps<T = string | number> {\n\t/** 选项列表，默认提供【周度、月度、季度、年度】 */\n\toptions?: PeriodSelectOption<T>[];\n\t/** 当前选中值（受控模式） */\n\tvalue?: T;\n\t/** 默认选中值（非受控模式） */\n\tdefaultValue?: T;\n\t/** 切换选项时的回调函数 */\n\tonChange?: (value: T, option: PeriodSelectOption<T>) => void;\n\t/** 尺寸大小，默认为 'middle' */\n\tsize?: PeriodSelectSize;\n\t/** 自定义高亮激活颜色（文字与高亮竖线） */\n\tactiveColor?: string;\n\t/** 是否整体禁用 */\n\tdisabled?: boolean;\n\t/** 是否等宽撑满父容器 */\n\tblock?: boolean;\n\t/** 自定义容器类名 */\n\tclassName?: string;\n\t/** 自定义容器样式 */\n\tstyle?: CSSProperties;\n}\n\n// 默认内置的周期选项（精准匹配周度、月度、季度、年度）\nexport const DEFAULT_PERIOD_OPTIONS: PeriodSelectOption<string>[] = [\n\t{ label: '周度', value: 'week' },\n\t{ label: '月度', value: 'month' },\n\t{ label: '季度', value: 'quarter' },\n\t{ label: '年度', value: 'year' },\n];\n\nexport function PeriodSelect<T = string | number>({\n\toptions = DEFAULT_PERIOD_OPTIONS as unknown as PeriodSelectOption<T>[],\n\tvalue: controlledValue,\n\tdefaultValue,\n\tonChange,\n\tsize = 'middle',\n\tactiveColor,\n\tdisabled = false,\n\tblock = false,\n\tclassName = '',\n\tstyle,\n}: PeriodSelectProps<T>) {\n\tconst initialValue =\n\t\tdefaultValue !== undefined ? defaultValue : (options[0]?.value as T);\n\tconst [internalValue, setInternalValue] = useState<T>(initialValue);\n\n\tconst currentValue =\n\t\tcontrolledValue !== undefined ? controlledValue : internalValue;\n\n\tconst handleSelect = (item: PeriodSelectOption<T>) => {\n\t\tif (disabled || item.disabled) return;\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(item.value);\n\t\t}\n\t\tonChange?.(item.value, item);\n\t};\n\n\tconst containerClass = [\n\t\t'rpc_period_select',\n\t\t`rpc_period_select_${size}`,\n\t\tdisabled ? 'rpc_period_select_disabled' : '',\n\t\tblock ? 'rpc_period_select_block' : '',\n\t\tclassName,\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\treturn (\n\t\t<div\n\t\t\tclassName={containerClass}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t...style,\n\t\t\t\t\t...(activeColor ? { '--rpc-period-active-color': activeColor } : {}),\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{options.map((item, index) => {\n\t\t\t\tconst isActive = currentValue === item.value;\n\t\t\t\tconst isItemDisabled = disabled || Boolean(item.disabled);\n\n\t\t\t\t// 判断是否需要在当前选项左侧展示蓝色高亮竖线\n\t\t\t\t// 精确还原截图：当激活项不是第一项时，其左侧显示一条与主题色一致的竖线\n\t\t\t\tconst showActiveLine = isActive && index > 0;\n\n\t\t\t\tconst itemClass = [\n\t\t\t\t\t'rpc_period_select_item',\n\t\t\t\t\tisActive ? 'rpc_period_select_item_active' : '',\n\t\t\t\t\tshowActiveLine ? 'rpc_period_select_item_has_active_line' : '',\n\t\t\t\t\tisItemDisabled ? 'rpc_period_select_item_disabled' : '',\n\t\t\t\t]\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.join(' ');\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={String(item.value)}\n\t\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{showActiveLine && <span className=\"rpc_period_select_active_line\" />}\n\t\t\t\t\t\t<span className=\"rpc_period_select_text\">{item.label}</span>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport default PeriodSelect;\n"]}

package/dist/chunk-RFTYEXKU.js

@@ -0,0 +1,79 @@
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// PeriodSelect/index.tsx
+var DEFAULT_PERIOD_OPTIONS = [
+  { label: "\u5468\u5EA6", value: "week" },
+  { label: "\u6708\u5EA6", value: "month" },
+  { label: "\u5B63\u5EA6", value: "quarter" },
+  { label: "\u5E74\u5EA6", value: "year" }
+];
+function PeriodSelect({
+  options = DEFAULT_PERIOD_OPTIONS,
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  size = "middle",
+  activeColor,
+  disabled = false,
+  block = false,
+  className = "",
+  style
+}) {
+  var _a;
+  const initialValue = defaultValue !== void 0 ? defaultValue : (_a = options[0]) == null ? void 0 : _a.value;
+  const [internalValue, setInternalValue] = useState(initialValue);
+  const currentValue = controlledValue !== void 0 ? controlledValue : internalValue;
+  const handleSelect = (item) => {
+    if (disabled || item.disabled) return;
+    if (controlledValue === void 0) {
+      setInternalValue(item.value);
+    }
+    onChange == null ? void 0 : onChange(item.value, item);
+  };
+  const containerClass = [
+    "rpc_period_select",
+    `rpc_period_select_${size}`,
+    disabled ? "rpc_period_select_disabled" : "",
+    block ? "rpc_period_select_block" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: containerClass,
+      style: {
+        ...style,
+        ...activeColor ? { "--rpc-period-active-color": activeColor } : {}
+      },
+      children: options.map((item, index) => {
+        const isActive = currentValue === item.value;
+        const isItemDisabled = disabled || Boolean(item.disabled);
+        const showActiveLine = isActive && index > 0;
+        const itemClass = [
+          "rpc_period_select_item",
+          isActive ? "rpc_period_select_item_active" : "",
+          showActiveLine ? "rpc_period_select_item_has_active_line" : "",
+          isItemDisabled ? "rpc_period_select_item_disabled" : ""
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: itemClass,
+            onClick: () => handleSelect(item),
+            children: [
+              showActiveLine && /* @__PURE__ */ jsx("span", { className: "rpc_period_select_active_line" }),
+              /* @__PURE__ */ jsx("span", { className: "rpc_period_select_text", children: item.label })
+            ]
+          },
+          String(item.value)
+        );
+      })
+    }
+  );
+}
+var PeriodSelect_default = PeriodSelect;
+
+export { DEFAULT_PERIOD_OPTIONS, PeriodSelect, PeriodSelect_default };
+//# sourceMappingURL=chunk-RFTYEXKU.js.map
+//# sourceMappingURL=chunk-RFTYEXKU.js.map

package/dist/chunk-RFTYEXKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../PeriodSelect/index.tsx"],"names":[],"mappings":"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","file":"chunk-RFTYEXKU.js","sourcesContent":["import React, { useState, CSSProperties, ReactNode } from 'react';\nimport './index.less';\n\nexport interface PeriodSelectOption<T = string | number> {\n\t/** 选项展示内容 */\n\tlabel: ReactNode;\n\t/** 选项值 */\n\tvalue: T;\n\t/** 是否禁用当前选项 */\n\tdisabled?: boolean;\n}\n\nexport type PeriodSelectSize = 'small' | 'middle' | 'large';\n\nexport interface PeriodSelectProps<T = string | number> {\n\t/** 选项列表，默认提供【周度、月度、季度、年度】 */\n\toptions?: PeriodSelectOption<T>[];\n\t/** 当前选中值（受控模式） */\n\tvalue?: T;\n\t/** 默认选中值（非受控模式） */\n\tdefaultValue?: T;\n\t/** 切换选项时的回调函数 */\n\tonChange?: (value: T, option: PeriodSelectOption<T>) => void;\n\t/** 尺寸大小，默认为 'middle' */\n\tsize?: PeriodSelectSize;\n\t/** 自定义高亮激活颜色（文字与高亮竖线） */\n\tactiveColor?: string;\n\t/** 是否整体禁用 */\n\tdisabled?: boolean;\n\t/** 是否等宽撑满父容器 */\n\tblock?: boolean;\n\t/** 自定义容器类名 */\n\tclassName?: string;\n\t/** 自定义容器样式 */\n\tstyle?: CSSProperties;\n}\n\n// 默认内置的周期选项（精准匹配周度、月度、季度、年度）\nexport const DEFAULT_PERIOD_OPTIONS: PeriodSelectOption<string>[] = [\n\t{ label: '周度', value: 'week' },\n\t{ label: '月度', value: 'month' },\n\t{ label: '季度', value: 'quarter' },\n\t{ label: '年度', value: 'year' },\n];\n\nexport function PeriodSelect<T = string | number>({\n\toptions = DEFAULT_PERIOD_OPTIONS as unknown as PeriodSelectOption<T>[],\n\tvalue: controlledValue,\n\tdefaultValue,\n\tonChange,\n\tsize = 'middle',\n\tactiveColor,\n\tdisabled = false,\n\tblock = false,\n\tclassName = '',\n\tstyle,\n}: PeriodSelectProps<T>) {\n\tconst initialValue =\n\t\tdefaultValue !== undefined ? defaultValue : (options[0]?.value as T);\n\tconst [internalValue, setInternalValue] = useState<T>(initialValue);\n\n\tconst currentValue =\n\t\tcontrolledValue !== undefined ? controlledValue : internalValue;\n\n\tconst handleSelect = (item: PeriodSelectOption<T>) => {\n\t\tif (disabled || item.disabled) return;\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(item.value);\n\t\t}\n\t\tonChange?.(item.value, item);\n\t};\n\n\tconst containerClass = [\n\t\t'rpc_period_select',\n\t\t`rpc_period_select_${size}`,\n\t\tdisabled ? 'rpc_period_select_disabled' : '',\n\t\tblock ? 'rpc_period_select_block' : '',\n\t\tclassName,\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\treturn (\n\t\t<div\n\t\t\tclassName={containerClass}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t...style,\n\t\t\t\t\t...(activeColor ? { '--rpc-period-active-color': activeColor } : {}),\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{options.map((item, index) => {\n\t\t\t\tconst isActive = currentValue === item.value;\n\t\t\t\tconst isItemDisabled = disabled || Boolean(item.disabled);\n\n\t\t\t\t// 判断是否需要在当前选项左侧展示蓝色高亮竖线\n\t\t\t\t// 精确还原截图：当激活项不是第一项时，其左侧显示一条与主题色一致的竖线\n\t\t\t\tconst showActiveLine = isActive && index > 0;\n\n\t\t\t\tconst itemClass = [\n\t\t\t\t\t'rpc_period_select_item',\n\t\t\t\t\tisActive ? 'rpc_period_select_item_active' : '',\n\t\t\t\t\tshowActiveLine ? 'rpc_period_select_item_has_active_line' : '',\n\t\t\t\t\tisItemDisabled ? 'rpc_period_select_item_disabled' : '',\n\t\t\t\t]\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.join(' ');\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={String(item.value)}\n\t\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{showActiveLine && <span className=\"rpc_period_select_active_line\" />}\n\t\t\t\t\t\t<span className=\"rpc_period_select_text\">{item.label}</span>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport default PeriodSelect;\n"]}

package/dist/chunk-UIU6VCEQ.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// CeilingBox/index.tsx
+var CeilingBox = ({
+  children,
+  offsetTop = 0,
+  offsetBottom,
+  target,
+  onChange,
+  blur = true,
+  zIndex = 1e3,
+  className = "",
+  style,
+  affixedClassName = "",
+  affixedStyle
+}) => {
+  const [isAffixed, setIsAffixed] = react.useState(false);
+  const [boxRect, setBoxRect] = react.useState({ width: 0, height: 0 });
+  const placeholderRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const isAffixedRef = react.useRef(false);
+  isAffixedRef.current = isAffixed;
+  react.useEffect(() => {
+    const getTargetElement = () => {
+      if (target) {
+        const el = target();
+        if (el) return el;
+      }
+      return window;
+    };
+    const handleScroll = () => {
+      if (!placeholderRef.current) return;
+      const targetEl = getTargetElement();
+      const placeholderRect = placeholderRef.current.getBoundingClientRect();
+      let targetTop = 0;
+      let targetBottom = window.innerHeight;
+      if (targetEl !== window && targetEl instanceof HTMLElement) {
+        const containerRect = targetEl.getBoundingClientRect();
+        targetTop = containerRect.top;
+        targetBottom = containerRect.bottom;
+      }
+      let shouldAffix = false;
+      if (offsetBottom !== void 0) {
+        shouldAffix = placeholderRect.bottom >= targetBottom - offsetBottom;
+      } else {
+        shouldAffix = placeholderRect.top <= targetTop + offsetTop;
+      }
+      if (shouldAffix !== isAffixedRef.current) {
+        if (shouldAffix && contentRef.current) {
+          const rect = contentRef.current.getBoundingClientRect();
+          setBoxRect({ width: rect.width, height: rect.height });
+        }
+        setIsAffixed(shouldAffix);
+        onChange == null ? void 0 : onChange(shouldAffix);
+      }
+    };
+    const targetNode = getTargetElement();
+    targetNode.addEventListener("scroll", handleScroll, { passive: true });
+    window.addEventListener("resize", handleScroll, { passive: true });
+    handleScroll();
+    return () => {
+      targetNode.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleScroll);
+    };
+  }, [offsetTop, offsetBottom, target, onChange]);
+  const computeFixedStyle = () => {
+    if (!isAffixed) return {};
+    const fixedStyle = {
+      position: "fixed",
+      zIndex,
+      width: boxRect.width ? `${boxRect.width}px` : "100%",
+      boxSizing: "border-box"
+    };
+    if (offsetBottom !== void 0) {
+      fixedStyle.bottom = `${offsetBottom}px`;
+    } else {
+      fixedStyle.top = `${offsetTop}px`;
+    }
+    if (placeholderRef.current) {
+      const rect = placeholderRef.current.getBoundingClientRect();
+      fixedStyle.left = `${rect.left}px`;
+    }
+    return fixedStyle;
+  };
+  const renderedContent = typeof children === "function" ? children(isAffixed) : children;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: placeholderRef,
+      className: `rpc_ceiling_box_wrapper ${className}`,
+      style: {
+        ...style,
+        height: isAffixed && boxRect.height ? `${boxRect.height}px` : void 0
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: contentRef,
+          className: `rpc_ceiling_box ${isAffixed ? "rpc_ceiling_box_affixed" : ""} ${isAffixed && blur ? "rpc_ceiling_box_blur" : ""} ${isAffixed ? affixedClassName : ""}`,
+          style: {
+            ...computeFixedStyle(),
+            ...isAffixed ? affixedStyle : {}
+          },
+          children: renderedContent
+        }
+      )
+    }
+  );
+};
+var CeilingBox_default = CeilingBox;
+
+exports.CeilingBox_default = CeilingBox_default;
+//# sourceMappingURL=chunk-UIU6VCEQ.cjs.map
+//# sourceMappingURL=chunk-UIU6VCEQ.cjs.map

package/dist/chunk-UIU6VCEQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CeilingBox/index.tsx"],"names":["useState","useRef","useEffect","jsx"],"mappings":"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","file":"chunk-UIU6VCEQ.cjs","sourcesContent":["import React, {\n\tuseState,\n\tuseEffect,\n\tuseRef,\n\tReactNode,\n\tCSSProperties,\n} from 'react';\nimport './index.less';\n\nexport interface CeilingBoxProps {\n\t/** 子元素内容，支持普通 ReactNode 或 Render Props 函数接收 isAffixed 状态 */\n\tchildren: ReactNode | ((isAffixed: boolean) => ReactNode);\n\t/** 距离视口/容器顶部的吸顶偏移距离（像素），默认为 0 */\n\toffsetTop?: number;\n\t/** 距离视口/容器底部的吸底偏移距离（像素，传值时开启吸底模式） */\n\toffsetBottom?: number;\n\t/** 监听滚动的目标 DOM 容器，不传时默认监听 window 全局滚动 */\n\ttarget?: () => HTMLElement | Window | null;\n\t/** 吸顶/吸底状态改变时的回调函数 */\n\tonChange?: (isAffixed: boolean) => void;\n\t/** 吸顶时是否自动启用毛玻璃磨砂与精致阴影滤镜，默认为 true */\n\tblur?: boolean;\n\t/** 吸顶/吸底状态下的图层层级 z-index，默认为 1000 */\n\tzIndex?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义行内样式 */\n\tstyle?: CSSProperties;\n\t/** 吸顶激活状态下追加的自定义类名 */\n\taffixedClassName?: string;\n\t/** 吸顶激活状态下追加的自定义行内样式 */\n\taffixedStyle?: CSSProperties;\n}\n\nconst CeilingBox: React.FC<CeilingBoxProps> = ({\n\tchildren,\n\toffsetTop = 0,\n\toffsetBottom,\n\ttarget,\n\tonChange,\n\tblur = true,\n\tzIndex = 1000,\n\tclassName = '',\n\tstyle,\n\taffixedClassName = '',\n\taffixedStyle,\n}) => {\n\tconst [isAffixed, setIsAffixed] = useState<boolean>(false);\n\tconst [boxRect, setBoxRect] = useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n\tconst placeholderRef = useRef<HTMLDivElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst isAffixedRef = useRef<boolean>(false);\n\n\tisAffixedRef.current = isAffixed;\n\n\tuseEffect(() => {\n\t\tconst getTargetElement = (): HTMLElement | Window => {\n\t\t\tif (target) {\n\t\t\t\tconst el = target();\n\t\t\t\tif (el) return el;\n\t\t\t}\n\t\t\treturn window;\n\t\t};\n\n\t\tconst handleScroll = () => {\n\t\t\tif (!placeholderRef.current) return;\n\n\t\t\tconst targetEl = getTargetElement();\n\t\t\tconst placeholderRect = placeholderRef.current.getBoundingClientRect();\n\n\t\t\tlet targetTop = 0;\n\t\t\tlet targetBottom = window.innerHeight;\n\n\t\t\tif (targetEl !== window && targetEl instanceof HTMLElement) {\n\t\t\t\tconst containerRect = targetEl.getBoundingClientRect();\n\t\t\t\ttargetTop = containerRect.top;\n\t\t\t\ttargetBottom = containerRect.bottom;\n\t\t\t}\n\n\t\t\tlet shouldAffix = false;\n\n\t\t\tif (offsetBottom !== undefined) {\n\t\t\t\t// 吸底模式\n\t\t\t\tshouldAffix = placeholderRect.bottom >= targetBottom - offsetBottom;\n\t\t\t} else {\n\t\t\t\t// 吸顶模式 (默认)\n\t\t\t\tshouldAffix = placeholderRect.top <= targetTop + offsetTop;\n\t\t\t}\n\n\t\t\tif (shouldAffix !== isAffixedRef.current) {\n\t\t\t\t// 触发吸顶切换前记录原本的宽高\n\t\t\t\tif (shouldAffix && contentRef.current) {\n\t\t\t\t\tconst rect = contentRef.current.getBoundingClientRect();\n\t\t\t\t\tsetBoxRect({ width: rect.width, height: rect.height });\n\t\t\t\t}\n\n\t\t\t\tsetIsAffixed(shouldAffix);\n\t\t\t\tonChange?.(shouldAffix);\n\t\t\t}\n\t\t};\n\n\t\tconst targetNode = getTargetElement();\n\t\ttargetNode.addEventListener('scroll', handleScroll, { passive: true });\n\t\twindow.addEventListener('resize', handleScroll, { passive: true });\n\n\t\t// 初始检查一次\n\t\thandleScroll();\n\n\t\treturn () => {\n\t\t\ttargetNode.removeEventListener('scroll', handleScroll);\n\t\t\twindow.removeEventListener('resize', handleScroll);\n\t\t};\n\t}, [offsetTop, offsetBottom, target, onChange]);\n\n\t// 计算吸顶定位样式\n\tconst computeFixedStyle = (): CSSProperties => {\n\t\tif (!isAffixed) return {};\n\n\t\tconst fixedStyle: CSSProperties = {\n\t\t\tposition: 'fixed',\n\t\t\tzIndex,\n\t\t\twidth: boxRect.width ? `${boxRect.width}px` : '100%',\n\t\t\tboxSizing: 'border-box',\n\t\t};\n\n\t\tif (offsetBottom !== undefined) {\n\t\t\tfixedStyle.bottom = `${offsetBottom}px`;\n\t\t} else {\n\t\t\tfixedStyle.top = `${offsetTop}px`;\n\t\t}\n\n\t\tif (placeholderRef.current) {\n\t\t\tconst rect = placeholderRef.current.getBoundingClientRect();\n\t\t\tfixedStyle.left = `${rect.left}px`;\n\t\t}\n\n\t\treturn fixedStyle;\n\t};\n\n\tconst renderedContent =\n\t\ttypeof children === 'function' ? children(isAffixed) : children;\n\n\treturn (\n\t\t<div\n\t\t\tref={placeholderRef}\n\t\t\tclassName={`rpc_ceiling_box_wrapper ${className}`}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\theight: isAffixed && boxRect.height ? `${boxRect.height}px` : undefined,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={contentRef}\n\t\t\t\tclassName={`rpc_ceiling_box ${\n\t\t\t\t\tisAffixed ? 'rpc_ceiling_box_affixed' : ''\n\t\t\t\t} ${isAffixed && blur ? 'rpc_ceiling_box_blur' : ''} ${\n\t\t\t\t\tisAffixed ? affixedClassName : ''\n\t\t\t\t}`}\n\t\t\t\tstyle={{\n\t\t\t\t\t...computeFixedStyle(),\n\t\t\t\t\t...(isAffixed ? affixedStyle : {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{renderedContent}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CeilingBox;\n"]}