best-unit 1.2.21 → 1.2.23

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "best-unit",
   "private": false,
-  "version": "1.2.21",
+  "version": "1.2.23",
   "type": "module",
   "main": "dist/best-unit.cjs",
   "module": "dist/best-unit.js",

package/src/components/business/recharge-sdk/components/recharge/theme.tsx

@@ -13,13 +13,13 @@ function createRechargeThemes() {
         color: active ? "#1890ff" : "#222",
         border: "1px solid #F0F1F3",
         borderRadius: left ? "8px 0 0 8px" : "0 8px 8px 0",
-        fontWeight: active ? 600 : 400,
+        fontWeight: 500,
         fontSize: size === Size.SMALL ? 12 : 16,
         height: size === Size.SMALL ? 32 : 48,
         boxShadow: active ? "0 2px 8px 0 rgba(20,20,20,0.04)" : "none",
         outline: "none",
         cursor: "pointer",
-        transition: "all 0.2s",
+        // transition: "background-color 0.2s, color 0.2s, box-shadow 0.2s",
       }),
     },
     dark: {
@@ -29,13 +29,13 @@ function createRechargeThemes() {
         color: active ? "#00E8C6" : "#fff",
         border: "1px solid #444C5C",
         borderRadius: left ? "8px 0 0 8px" : "0 8px 8px 0",
-        fontWeight: active ? 600 : 400,
+        fontWeight: 500,
         fontSize: size === Size.SMALL ? 12 : 16,
         height: size === Size.SMALL ? 32 : 48,
         boxShadow: active ? "0 2px 8px 0 rgba(20,20,20,0.10)" : "none",
         outline: "none",
         cursor: "pointer",
-        transition: "all 0.2s",
+        // transition: "background-color 0.2s, color 0.2s, box-shadow 0.2s",
       }),
     },
   };

package/src/components/common/hover-popover/index.tsx

@@ -3,8 +3,6 @@ import type { FunctionalComponent, JSX } from "preact";
 import { getHoverPopoverTheme } from "./theme";
 import { getInitParams } from "@/utils/business";
 import { Size } from "@/types";
-
-const size = getInitParams<Size>("size");
 export type PopoverPosition = "top" | "bottom" | "leftTop" | "rightTop";
 interface HoverPopoverProps {
   popover: JSX.Element;
@@ -22,12 +20,21 @@ interface HoverPopoverProps {
 const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
   popover,
   children,
-  popoverWidth = size === Size.SMALL ? 200 : 300,
-  popoverMinWidth = size === Size.SMALL ? 150 : 200,
-  offsetY = size === Size.SMALL ? 8 : 16,
-  offsetX = size === Size.SMALL ? 8 : 16,
+  popoverWidth,
+  popoverMinWidth,
+  offsetY,
+  offsetX,
   popoverPosition = "top",
 }) => {
+  // 动态获取size配置，确保响应配置变化
+  const size = getInitParams<Size>("size");
+
+  // 动态计算默认值
+  const defaultPopoverWidth = popoverWidth ?? (size === Size.SMALL ? 200 : 300);
+  const defaultPopoverMinWidth =
+    popoverMinWidth ?? (size === Size.SMALL ? 150 : 200);
+  const defaultOffsetY = offsetY ?? (size === Size.SMALL ? 8 : 16);
+  const defaultOffsetX = offsetX ?? (size === Size.SMALL ? 8 : 16);
   const [show, setShow] = useState(false);
   const [position, setPosition] = useState<
     "top" | "bottom" | "leftTop" | "rightTop"
@@ -76,8 +83,8 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
     zIndex: 999,
     borderRadius: 6,
     fontSize: size === Size.SMALL ? 12 : 15,
-    minWidth: popoverMinWidth,
-    width: popoverWidth,
+    minWidth: defaultPopoverMinWidth,
+    width: defaultPopoverWidth,
     padding: size === Size.SMALL ? "6px 12px" : "8px 14px",
     pointerEvents: "auto",
     textAlign: "center",
@@ -111,7 +118,7 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
       ...popoverStyle,
       left: "50%",
       top: "100%",
-      marginTop: offsetY,
+      marginTop: defaultOffsetY,
       transform: "translateX(-50%)",
     };
     arrowStyle = {
@@ -128,7 +135,7 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
       ...popoverStyle,
       right: "100%",
       top: 0,
-      marginRight: offsetX,
+      marginRight: defaultOffsetX,
       transform: "none",
     };
     arrowStyle = {
@@ -144,7 +151,7 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
       ...popoverStyle,
       left: "100%",
       top: 0,
-      marginLeft: offsetX,
+      marginLeft: defaultOffsetX,
       transform: "translateY(0)", // 右上角对齐
     };
     arrowStyle = {

package/src/components/common/select/index.tsx

@@ -4,7 +4,6 @@ import { t } from "@/local";
 import { getSelectTheme } from "./theme";
 import { getInitParams } from "@/utils/business";
 import { Size } from "@/types";
-const size = getInitParams<Size>("size");
 interface Option {
   value: string;
   label: string;
@@ -43,6 +42,9 @@ export const Select: FunctionalComponent<SelectProps> = ({
   const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
   const theme = getSelectTheme();
 
+  // 动态获取size配置，确保响应配置变化
+  const size = getInitParams<Size>("size");
+
   useEffect(() => {
     if (!open) return;
     const handleClick = (e: MouseEvent) => {

package/src/components/common/upload/index.tsx

@@ -5,7 +5,7 @@ import { t } from "@/local";
 import { getUploadTheme } from "./theme";
 import { getInitParams } from "@/utils/business";
 import { Size } from "@/types";
-const size = getInitParams<Size>("size");
+
 interface UploadProps {
   value?: string[];
   onChange?: (urls: string[]) => void;
@@ -23,6 +23,8 @@ export const Upload: FunctionalComponent<UploadProps> = ({
   multiple = true,
   disabled = false,
 }) => {
+  const size = getInitParams<Size>("size");
+
   const fileInputRef = useRef<HTMLInputElement>(null);
   const [uploading, setUploading] = useState(false);
   const [progress, setProgress] = useState(0);