@meta-1/design 0.0.188 → 0.0.190

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.188",
+  "version": "0.0.190",
   "keywords": [
     "easykit",
     "design",
@@ -40,6 +40,7 @@
     "@radix-ui/react-scroll-area": "1.2.1",
     "@radix-ui/react-select": "2.1.2",
     "@radix-ui/react-separator": "1.1.0",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-switch": "1.1.1",
     "@radix-ui/react-tabs": "1.1.1",

package/src/components/ui/slider.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
+
+import { cn } from "@meta-1/design/lib/utils"
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }

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

@@ -24,6 +24,7 @@ export type UploaderProps = PropsWithChildren<{
   data?: unknown;
   showButton?: boolean;
   uploadHandle?: (props: HandleProps) => void;
+  autoUpload?: boolean;
 }> &
   DropzoneOptions;
 
@@ -47,6 +48,7 @@ export const Uploader = forwardRef<HTMLDivElement, UploaderProps>((props, forwar
     children,
     uploadHandle = defaultUploadHandle,
     maxFiles,
+    autoUpload = false,
     ...rest
   } = props;
   const elementRef = forwardedRef;
@@ -75,6 +77,42 @@ export const Uploader = forwardRef<HTMLDivElement, UploaderProps>((props, forwar
     filesRef.current = files;
   }, [files]);
 
+  const onUpload = useCallback(() => {
+    const updateFile = (file: UploadFile, status: "uploading" | "done" | "error") => {
+      const idx = filesRef.current.findIndex((f) => (f as UploadFile).uid === file.uid);
+      if (idx !== -1) {
+        file.status = status;
+        filesRef.current[idx] = {
+          ...filesRef.current[idx],
+          ...file,
+          name: filesRef.current[idx].name,
+          size: filesRef.current[idx].size,
+          type: filesRef.current[idx].type,
+        };
+        setFiles([...filesRef.current]);
+        onChange?.([...filesRef.current] as UploadFile[]);
+      }
+    };
+    for (const f of filesRef.current) {
+      const file = f as UploadFile;
+      if (file.status === "init") {
+        file.status = "uploading";
+        file.progress = 0;
+        uploadHandle({
+          file,
+          action,
+          headers,
+          data,
+          onProgress: (file) => updateFile(file, "uploading"),
+          onSuccess: (file) => updateFile(file, "done"),
+          onError: (file) => updateFile(file, "error"),
+        });
+      }
+    }
+    setFiles([...filesRef.current]);
+    onChange?.([...filesRef.current] as UploadFile[]);
+  }, [action, headers, data, uploadHandle, onChange]);
+
   const { getRootProps, getInputProps } = useDropzone({
     ...rest,
     maxFiles,
@@ -112,8 +150,18 @@ export const Uploader = forwardRef<HTMLDivElement, UploaderProps>((props, forwar
           return uploadFile;
         }),
       ];
+
+      // 立即更新 filesRef，确保 onUpload 能获取到最新文件列表
+      filesRef.current = newFiles;
       setFiles(newFiles);
       onChange?.(newFiles as UploadFile[]);
+
+      if (autoUpload) {
+        // 如果启用自动上传，延迟执行上传
+        setTimeout(() => {
+          onUpload();
+        }, 0);
+      }
     },
     onDropRejected(fileRejections) {
       // 收集所有文件名和错误信息
@@ -124,42 +172,6 @@ export const Uploader = forwardRef<HTMLDivElement, UploaderProps>((props, forwar
     },
   });
 
-  const onUpload = useCallback(() => {
-    const updateFile = (file: UploadFile, status: "uploading" | "done" | "error") => {
-      const idx = filesRef.current.findIndex((f) => (f as UploadFile).uid === file.uid);
-      if (idx !== -1) {
-        file.status = status;
-        filesRef.current[idx] = {
-          ...filesRef.current[idx],
-          ...file,
-          name: filesRef.current[idx].name,
-          size: filesRef.current[idx].size,
-          type: filesRef.current[idx].type,
-        };
-        setFiles([...filesRef.current]);
-        onChange?.([...filesRef.current] as UploadFile[]);
-      }
-    };
-    for (const f of filesRef.current) {
-      const file = f as UploadFile;
-      if (file.status === "init") {
-        file.status = "uploading";
-        file.progress = 0;
-        uploadHandle({
-          file,
-          action,
-          headers,
-          data,
-          onProgress: (file) => updateFile(file, "uploading"),
-          onSuccess: (file) => updateFile(file, "done"),
-          onError: (file) => updateFile(file, "error"),
-        });
-      }
-    }
-    setFiles([...filesRef.current]);
-    onChange?.([...filesRef.current] as UploadFile[]);
-  }, [action, headers, data, uploadHandle, onChange]);
-
   const renderFile = (file: UploadFile) => {
     return (
       <div className={cn("flex items-center justify-center border-b", "last:border-none")} key={file.uid}>

package/src/index.ts

@@ -80,6 +80,7 @@ export {
   SheetTrigger,
 } from "./components/ui/sheet";
 export { Skeleton } from "./components/ui/skeleton";
+export { Slider } from "./components/ui/slider";
 // base
 export { Toaster } from "./components/ui/sonner";
 export {