@meta-1/design 0.0.186 → 0.0.188

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.186",
+  "version": "0.0.188",
   "keywords": [
     "easykit",
     "design",

package/src/components/ui/tooltip.tsx

@@ -29,7 +29,7 @@ function TooltipContent({
     <TooltipPrimitive.Portal>
       <TooltipPrimitive.Content
         className={cn(
-          "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",
+          "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",
           className,
         )}
         data-slot="tooltip-content"

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

@@ -1,4 +1,4 @@
-import { forwardRef, type MouseEvent, type ReactNode, useState } from "react";
+import { forwardRef, type MouseEvent, type ReactNode, useRef, useState } from "react";
 import { XIcon } from "lucide-react";
 
 import { Empty } from "@meta-1/design/components/uix/empty";
@@ -46,22 +46,25 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>((props, _ref) =
     onOpenChange,
     ...rest
   } = props;
-
-  const [innerValue, setInnerValue] = useState<string | undefined>(defaultValue);
-  const isControlled = value !== undefined;
+  const initValue = useRef(value);
+  const [innerValue, setInnerValue] = useState<string | undefined>();
+  const isControlled = initValue.current !== undefined;
   const currentValue = isControlled ? value : innerValue;
 
   const handleChange = (val: string) => {
-    if (onChange) {
-      // 尝试找到原始选项,返回原始类型的 value
-      const option = options.find((opt) => String(opt.value) === val);
-      if (option) {
-        onChange(option.value);
-      }
-    }
     if (!isControlled) {
       setInnerValue(val);
     }
+    if (onChange) {
+      if (val === "") {
+        onChange("");
+      } else {
+        const option = options.find((opt) => String(opt.value) === val);
+        if (option) {
+          onChange(option.value);
+        }
+      }
+    }
   };
 
   const clear = (e: MouseEvent<HTMLDivElement>) => {
@@ -76,7 +79,7 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>((props, _ref) =
       onOpenChange={onOpenChange}
       onValueChange={handleChange}
       open={open}
-      value={currentValue !== undefined ? String(currentValue) : undefined}
+      value={currentValue as string | undefined}
     >
       <div className={cn("relative inline-block", allowClear && currentValue ? "group" : "", className)}>
         <SelectTrigger className={cn("flex w-full", triggerClassName)}>

package/src/components/uix/tooltip/index.tsx

@@ -14,15 +14,18 @@ export type TooltipProps = PropsWithChildren & {
   side?: Side;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
+  className?: string;
 };
 
 export const Tooltip: FC<TooltipProps> = (props) => {
-  const { open, onOpenChange } = props;
+  const { open, onOpenChange, className } = props;
   return (
     <TooltipProvider>
       <TooltipUI onOpenChange={onOpenChange} open={open}>
         <TooltipTrigger asChild={true}>{props.children}</TooltipTrigger>
-        <TooltipContent side={props.side}>{props.content}</TooltipContent>
+        <TooltipContent className={className} side={props.side}>
+          {props.content}
+        </TooltipContent>
       </TooltipUI>
     </TooltipProvider>
   );