feat: enhance component documentation with interactive prop settings

Author: huijiewei

packages/react-ui/package.json

@@ -35,7 +35,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.4",
+    "@floating-ui/react": "^0.27.5",
     "@resolid/utils": "^0.3.2",
     "cva": "beta"
   },

packages/react-ui/src/components/alert/alert.tsx

@@ -42,13 +42,13 @@ export const AlertIndicator = (props: PrimitiveProps<"span">) => {
 export type AlertCloseButtonProps = {
   /**
    * 大小
-   * @default "1.375em"
+   * @default "1.125em"
    */
   size?: string;
 };
 
 export const AlertCloseButton = (props: PrimitiveProps<"button", AlertCloseButtonProps, "type" | "color">) => {
-  const { size = "1.375em", ...rest } = props;
+  const { size, ...rest } = props;
 
   const { variant, color } = useAlert();
 

packages/react-ui/src/components/close-button/close-button.tsx

@@ -43,7 +43,7 @@ export const CloseButton = (props: PrimitiveProps<"button", CloseButtonProps, "t
     noPadding = false,
     variant = "ghost",
     color = "neutral",
-    size = "1.5em",
+    size = "1.125em",
     radius = "full",
     "aria-label": ariaLabel = "关闭",
     children,

packages/react-ui/src/shared/types.ts

@@ -103,7 +103,7 @@ export type FormInputFieldProps = FormFieldProps & {
   placeholder?: string;
 
   /**
-   * 是否全宽度
+   * 全宽度
    * @default false
    */
   fullWidth?: boolean;