ci: Prettier纳入两层防御体系 (#520)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com>
Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>

apps/web/src/components/ui/Button.tsx

@@ -2,26 +2,25 @@
  * V21 Button 按钮
  * 封装 Ant Design Button，应用 V21 设计系统样式
  */
-import React from "react";
-import { Button as AntButton } from "antd";
-import type { ButtonProps as AntButtonProps } from "antd";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Button as AntButton } from "antd"
+import type { ButtonProps as AntButtonProps } from "antd"
+import classNames from "classnames"
+import "./ui.css"
 
-export type ButtonType =
-  "primary" | "secondary" | "ghost" | "text" | "danger" | "link";
+export type ButtonType = "primary" | "secondary" | "ghost" | "text" | "danger" | "link"
 
-export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonSize = "sm" | "md" | "lg"
 
 export interface ButtonProps extends Omit<AntButtonProps, "type" | "size"> {
   /** 按钮类型 */
-  buttonType?: ButtonType;
+  buttonType?: ButtonType
   /** 按钮尺寸 */
-  buttonSize?: ButtonSize;
+  buttonSize?: ButtonSize
   /** 兼容 antd type（用于直接替换） */
-  type?: AntButtonProps["type"];
+  type?: AntButtonProps["type"]
   /** 兼容 antd size */
-  size?: AntButtonProps["size"];
+  size?: AntButtonProps["size"]
 }
 
 const TYPE_CLASS_MAP: Record<ButtonType, string> = {
@@ -31,29 +30,29 @@ const TYPE_CLASS_MAP: Record<ButtonType, string> = {
   text: "xx-btn-text",
   danger: "xx-btn-danger",
   link: "xx-btn-link",
-};
+}
 
 const SIZE_CLASS_MAP: Record<ButtonSize, string> = {
   sm: "xx-btn-sm",
   md: "xx-btn-md",
   lg: "xx-btn-lg",
-};
+}
 
 /** 将 buttonType 映射到 antd type */
 const toAntdType = (bt: ButtonType): AntButtonProps["type"] => {
   switch (bt) {
     case "primary":
-      return "primary";
+      return "primary"
     case "danger":
-      return "primary";
+      return "primary"
     case "link":
-      return "link";
+      return "link"
     case "text":
-      return "text";
+      return "text"
     default:
-      return "default";
+      return "default"
   }
-};
+}
 
 const Button: React.FC<ButtonProps> = ({
   buttonType = "ghost",
@@ -64,17 +63,16 @@ const Button: React.FC<ButtonProps> = ({
   size,
   ...rest
 }) => {
-  const antdType = type ?? toAntdType(buttonType);
+  const antdType = type ?? toAntdType(buttonType)
   const antdSize =
-    size ??
-    (buttonSize === "sm" ? "small" : buttonSize === "lg" ? "large" : "middle");
+    size ?? (buttonSize === "sm" ? "small" : buttonSize === "lg" ? "large" : "middle")
 
   const v21Class = classNames(
     "xx-btn",
     TYPE_CLASS_MAP[buttonType],
     SIZE_CLASS_MAP[buttonSize],
     className,
-  );
+  )
 
   return (
     <AntButton
@@ -86,7 +84,7 @@ const Button: React.FC<ButtonProps> = ({
     >
       {children}
     </AntButton>
-  );
-};
+  )
+}
 
-export default Button;
+export default Button

apps/web/src/components/ui/Card.tsx

@@ -2,24 +2,20 @@
  * V21 Card 卡片
  * 封装 Ant Design Card，应用 V21 设计系统样式
  */
-import React from "react";
-import { Card as AntCard } from "antd";
-import type { CardProps as AntCardProps } from "antd";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Card as AntCard } from "antd"
+import type { CardProps as AntCardProps } from "antd"
+import classNames from "classnames"
+import "./ui.css"
 
 export interface CardProps extends AntCardProps {
   /** 是否启用悬浮效果 */
-  hover?: boolean;
+  hover?: boolean
 }
 
 const Card: React.FC<CardProps> = ({ className, hover, ...rest }) => {
-  const v21Class = classNames(
-    "xx-card-v21",
-    hover && "xx-card-hover",
-    className,
-  );
-  return <AntCard className={v21Class} {...rest} />;
-};
+  const v21Class = classNames("xx-card-v21", hover && "xx-card-hover", className)
+  return <AntCard className={v21Class} {...rest} />
+}
 
-export default Card;
+export default Card

apps/web/src/components/ui/Input.tsx

@@ -3,70 +3,59 @@
  * 封装 Ant Design Input，应用 V21 设计系统样式
  */
 /* eslint-disable react-refresh/only-export-components */
-import React from "react";
-import { Input as AntInput } from "antd";
-import type { InputProps as AntInputProps } from "antd";
-import type { InputRef } from "antd/es/input";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Input as AntInput } from "antd"
+import type { InputProps as AntInputProps } from "antd"
+import type { InputRef } from "antd/es/input"
+import classNames from "classnames"
+import "./ui.css"
 
-const {
-  Search: AntSearch,
-  TextArea: AntTextArea,
-  Password: AntPassword,
-} = AntInput;
+const { Search: AntSearch, TextArea: AntTextArea, Password: AntPassword } = AntInput
 
 export interface InputProps extends AntInputProps {
   /** 是否处于错误状态 */
-  error?: boolean;
+  error?: boolean
 }
 
 /** 基础 Input */
-const Input = React.forwardRef<InputRef, InputProps>(
-  ({ className, error, ...rest }, ref) => {
-    const v21Class = classNames(
-      "xx-input",
-      error && "xx-input-error",
-      className,
-    );
-    return <AntInput ref={ref} className={v21Class} {...rest} />;
-  },
-);
-Input.displayName = "Input";
+const Input = React.forwardRef<InputRef, InputProps>(({ className, error, ...rest }, ref) => {
+  const v21Class = classNames("xx-input", error && "xx-input-error", className)
+  return <AntInput ref={ref} className={v21Class} {...rest} />
+})
+Input.displayName = "Input"
 
 /** Search 搜索框 */
-const Search: React.FC<
-  React.ComponentProps<typeof AntSearch> & { error?: boolean }
-> = ({ className, error, ...rest }) => {
-  const v21Class = classNames(
-    "xx-input",
-    "xx-input-search",
-    error && "xx-input-error",
-    className,
-  );
-  return <AntSearch className={v21Class} {...rest} />;
-};
+const Search: React.FC<React.ComponentProps<typeof AntSearch> & { error?: boolean }> = ({
+  className,
+  error,
+  ...rest
+}) => {
+  const v21Class = classNames("xx-input", "xx-input-search", error && "xx-input-error", className)
+  return <AntSearch className={v21Class} {...rest} />
+}
 
 /** TextArea 文本域 */
-const TextArea: React.FC<
-  React.ComponentProps<typeof AntTextArea> & { error?: boolean }
-> = ({ className, error, ...rest }) => {
-  const v21Class = classNames("xx-input", error && "xx-input-error", className);
-  return <AntTextArea className={v21Class} {...rest} />;
-};
+const TextArea: React.FC<React.ComponentProps<typeof AntTextArea> & { error?: boolean }> = ({
+  className,
+  error,
+  ...rest
+}) => {
+  const v21Class = classNames("xx-input", error && "xx-input-error", className)
+  return <AntTextArea className={v21Class} {...rest} />
+}
 
 /** Password 密码框 */
 const Password = React.forwardRef<
   InputRef,
   React.ComponentProps<typeof AntPassword> & { error?: boolean }
 >(({ className, error, ...rest }, ref) => {
-  const v21Class = classNames("xx-input", error && "xx-input-error", className);
-  return <AntPassword ref={ref} className={v21Class} {...rest} />;
-});
-Password.displayName = "Password";
+  const v21Class = classNames("xx-input", error && "xx-input-error", className)
+  return <AntPassword ref={ref} className={v21Class} {...rest} />
+})
+Password.displayName = "Password"
 
 export default Object.assign(Input, {
   Search,
   TextArea,
   Password,
-});
+})

apps/web/src/components/ui/Modal.tsx

@@ -2,74 +2,69 @@
  * V21 Modal 对话框
  * 封装 Ant Design Modal，应用 V21 设计系统样式
  */
-import React from "react";
-import { Modal as AntModal } from "antd";
-import type { ModalProps as AntModalProps } from "antd";
-import type { ModalFuncProps } from "antd/es/modal";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Modal as AntModal } from "antd"
+import type { ModalProps as AntModalProps } from "antd"
+import type { ModalFuncProps } from "antd/es/modal"
+import classNames from "classnames"
+import "./ui.css"
 
 export interface ModalProps extends AntModalProps {
   /** 使用 V21 样式 */
-  v21?: boolean;
+  v21?: boolean
 }
 
 interface ModalComponent extends React.FC<ModalProps> {
-  confirm: (config: ModalFuncProps) => ReturnType<typeof AntModal.confirm>;
-  info: (config: ModalFuncProps) => ReturnType<typeof AntModal.info>;
-  success: (config: ModalFuncProps) => ReturnType<typeof AntModal.success>;
-  error: (config: ModalFuncProps) => ReturnType<typeof AntModal.error>;
-  warning: (config: ModalFuncProps) => ReturnType<typeof AntModal.warning>;
+  confirm: (config: ModalFuncProps) => ReturnType<typeof AntModal.confirm>
+  info: (config: ModalFuncProps) => ReturnType<typeof AntModal.info>
+  success: (config: ModalFuncProps) => ReturnType<typeof AntModal.success>
+  error: (config: ModalFuncProps) => ReturnType<typeof AntModal.error>
+  warning: (config: ModalFuncProps) => ReturnType<typeof AntModal.warning>
 }
 
-const Modal: ModalComponent = ({
-  className,
-  v21 = true,
-  children,
-  ...rest
-}) => {
-  const v21Class = classNames(v21 && "xx-modal", className);
+const Modal: ModalComponent = ({ className, v21 = true, children, ...rest }) => {
+  const v21Class = classNames(v21 && "xx-modal", className)
   return (
     <AntModal className={v21Class} {...rest}>
       {children}
     </AntModal>
-  );
-};
+  )
+}
 
 /** 确认对话框快捷方法 */
 Modal.confirm = (config: ModalFuncProps) => {
   return AntModal.confirm({
     ...config,
     className: classNames("xx-modal-confirm", config.className),
-  });
-};
+  })
+}
 
 Modal.info = (config: ModalFuncProps) => {
   return AntModal.info({
     ...config,
     className: classNames("xx-modal-confirm", config.className),
-  });
-};
+  })
+}
 
 Modal.success = (config: ModalFuncProps) => {
   return AntModal.success({
     ...config,
     className: classNames("xx-modal-confirm", config.className),
-  });
-};
+  })
+}
 
 Modal.error = (config: ModalFuncProps) => {
   return AntModal.error({
     ...config,
     className: classNames("xx-modal-confirm", config.className),
-  });
-};
+  })
+}
 
 Modal.warning = (config: ModalFuncProps) => {
   return AntModal.warning({
     ...config,
     className: classNames("xx-modal-confirm", config.className),
-  });
-};
+  })
+}
 
-export default Modal;
+export default Modal

apps/web/src/components/ui/Select.tsx

@@ -2,31 +2,21 @@
  * V21 Select 选择器
  * 封装 Ant Design Select，应用 V21 设计系统样式
  */
-import React from "react";
-import { Select as AntSelect } from "antd";
-import type { SelectProps as AntSelectProps } from "antd";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Select as AntSelect } from "antd"
+import type { SelectProps as AntSelectProps } from "antd"
+import classNames from "classnames"
+import "./ui.css"
 
 export interface SelectProps extends AntSelectProps {
   /** 自定义弹出层类名 */
-  dropdownClassName?: string;
+  dropdownClassName?: string
 }
 
-const Select: React.FC<SelectProps> = ({
-  className,
-  dropdownClassName,
-  ...rest
-}) => {
-  const v21Class = classNames("xx-select", className);
-  const v21DropdownClass = classNames("xx-select-dropdown", dropdownClassName);
-  return (
-    <AntSelect
-      className={v21Class}
-      popupClassName={v21DropdownClass}
-      {...rest}
-    />
-  );
-};
+const Select: React.FC<SelectProps> = ({ className, dropdownClassName, ...rest }) => {
+  const v21Class = classNames("xx-select", className)
+  const v21DropdownClass = classNames("xx-select-dropdown", dropdownClassName)
+  return <AntSelect className={v21Class} popupClassName={v21DropdownClass} {...rest} />
+}
 
-export default Select;
+export default Select

apps/web/src/components/ui/Tag.tsx

@@ -2,20 +2,17 @@
  * V21 Tag 标签 / Badge 徽标
  * 封装 Ant Design Tag 和 Badge，应用 V21 设计系统样式
  */
-import React from "react";
-import { Tag as AntTag, Badge as AntBadge } from "antd";
-import type {
-  TagProps as AntTagProps,
-  BadgeProps as AntBadgeProps,
-} from "antd";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Tag as AntTag, Badge as AntBadge } from "antd"
+import type { TagProps as AntTagProps, BadgeProps as AntBadgeProps } from "antd"
+import classNames from "classnames"
+import "./ui.css"
 
-export type TagVariant = "primary" | "success" | "warning" | "error" | "info";
+export type TagVariant = "primary" | "success" | "warning" | "error" | "info"
 
 export interface TagProps extends AntTagProps {
   /** V21 语义变体 */
-  variant?: TagVariant;
+  variant?: TagVariant
 }
 
 const VARIANT_CLASS_MAP: Record<TagVariant, string> = {
@@ -24,23 +21,19 @@ const VARIANT_CLASS_MAP: Record<TagVariant, string> = {
   warning: "xx-tag-warning",
   error: "xx-tag-error",
   info: "xx-tag-info",
-};
+}
 
 /** Tag 标签 */
 const Tag: React.FC<TagProps> = ({ className, variant, ...rest }) => {
-  const v21Class = classNames(
-    "xx-tag",
-    variant && VARIANT_CLASS_MAP[variant],
-    className,
-  );
-  return <AntTag className={v21Class} {...rest} />;
-};
+  const v21Class = classNames("xx-tag", variant && VARIANT_CLASS_MAP[variant], className)
+  return <AntTag className={v21Class} {...rest} />
+}
 
 /** Badge 徽标 */
 const Badge: React.FC<AntBadgeProps> = ({ className, ...rest }) => {
-  const v21Class = classNames("xx-badge", className);
-  return <AntBadge className={v21Class} {...rest} />;
-};
+  const v21Class = classNames("xx-badge", className)
+  return <AntBadge className={v21Class} {...rest} />
+}
 
-export { Tag, Badge };
-export default Tag;
+export { Tag, Badge }
+export default Tag

apps/web/src/components/ui/Tooltip.tsx

@@ -2,40 +2,32 @@
  * V21 Tooltip 文字提示 / Popover 气泡卡片
  * 封装 Ant Design Tooltip 和 Popover，应用 V21 设计系统样式
  */
-import React from "react";
-import { Tooltip as AntTooltip, Popover as AntPopover } from "antd";
-import classNames from "classnames";
-import "./ui.css";
+import React from "react"
+import { Tooltip as AntTooltip, Popover as AntPopover } from "antd"
+import classNames from "classnames"
+import "./ui.css"
 
 export type TooltipProps = React.ComponentProps<typeof AntTooltip> & {
   /** 使用 V21 样式 */
-  v21?: boolean;
-};
+  v21?: boolean
+}
 
 /** Tooltip 文字提示 */
-const Tooltip: React.FC<TooltipProps> = ({
-  overlayClassName,
-  v21 = true,
-  ...rest
-}) => {
-  const v21Class = classNames(v21 && "xx-tooltip", overlayClassName);
-  return <AntTooltip overlayClassName={v21Class} {...rest} />;
-};
+const Tooltip: React.FC<TooltipProps> = ({ overlayClassName, v21 = true, ...rest }) => {
+  const v21Class = classNames(v21 && "xx-tooltip", overlayClassName)
+  return <AntTooltip overlayClassName={v21Class} {...rest} />
+}
 
 export type PopoverProps = React.ComponentProps<typeof AntPopover> & {
   /** 使用 V21 样式 */
-  v21?: boolean;
-};
+  v21?: boolean
+}
 
 /** Popover 气泡卡片 */
-const Popover: React.FC<PopoverProps> = ({
-  overlayClassName,
-  v21 = true,
-  ...rest
-}) => {
-  const v21Class = classNames(v21 && "xx-popover", overlayClassName);
-  return <AntPopover overlayClassName={v21Class} {...rest} />;
-};
+const Popover: React.FC<PopoverProps> = ({ overlayClassName, v21 = true, ...rest }) => {
+  const v21Class = classNames(v21 && "xx-popover", overlayClassName)
+  return <AntPopover overlayClassName={v21Class} {...rest} />
+}
 
-export { Tooltip, Popover };
-export default Tooltip;
+export { Tooltip, Popover }
+export default Tooltip

apps/web/src/components/ui/index.ts

@@ -3,23 +3,23 @@
  */
 
 // 组件导出
-export { default as Button } from "./Button";
-export type { ButtonProps, ButtonType, ButtonSize } from "./Button";
+export { default as Button } from "./Button"
+export type { ButtonProps, ButtonType, ButtonSize } from "./Button"
 
-export { default as Input } from "./Input";
-export type { InputProps } from "./Input";
+export { default as Input } from "./Input"
+export type { InputProps } from "./Input"
 
-export { default as Select } from "./Select";
-export type { SelectProps } from "./Select";
+export { default as Select } from "./Select"
+export type { SelectProps } from "./Select"
 
-export { default as Modal } from "./Modal";
-export type { ModalProps } from "./Modal";
+export { default as Modal } from "./Modal"
+export type { ModalProps } from "./Modal"
 
-export { default as Card } from "./Card";
-export type { CardProps } from "./Card";
+export { default as Card } from "./Card"
+export type { CardProps } from "./Card"
 
-export { Tag, Badge } from "./Tag";
-export type { TagProps, TagVariant } from "./Tag";
+export { Tag, Badge } from "./Tag"
+export type { TagProps, TagVariant } from "./Tag"
 
-export { Tooltip, Popover } from "./Tooltip";
-export type { TooltipProps, PopoverProps } from "./Tooltip";
+export { Tooltip, Popover } from "./Tooltip"
+export type { TooltipProps, PopoverProps } from "./Tooltip"