@deepstorm/cli 0.10.2 → 0.11.1

package/dist/skills/reef-style-frontend/variants/react/examples/entity-types.md

@@ -5,22 +5,22 @@
 ```tsx
 // shared/types/entity.ts
 export interface ImmutableEntity {
-  readonly id: string
-  readonly createdAt: string
-  readonly updatedAt: string
+  readonly id: string;
+  readonly createdAt: string;
+  readonly updatedAt: string;
 }
 
 export interface Entity extends ImmutableEntity {
-  version: number
+  version: number;
 }
 
 export interface Auditable<T> extends Entity {
-  createdBy: T
-  updatedBy: T
+  createdBy: T;
+  updatedBy: T;
 }
 
 export interface ImmutableAuditable<T> extends ImmutableEntity {
-  createdBy: T
+  createdBy: T;
 }
 ```
 
@@ -29,19 +29,19 @@ export interface ImmutableAuditable<T> extends ImmutableEntity {
 ```tsx
 // shared/types/api.ts
 export interface PageResponse<T> {
-  content: T[]
-  totalElements: number
-  totalPages: number
-  number: number
-  size: number
-  first: boolean
-  last: boolean
+  content: T[];
+  totalElements: number;
+  totalPages: number;
+  number: number;
+  size: number;
+  first: boolean;
+  last: boolean;
 }
 
 export interface ApiError {
-  code: string
-  message: string
-  details?: Record<string, string[]>
+  code: string;
+  message: string;
+  details?: Record<string, string[]>;
 }
 ```
 
@@ -50,12 +50,12 @@ export interface ApiError {
 ```tsx
 // shared/types/user.ts
 export interface User extends Auditable<string> {
-  username: string
-  email: string
-  displayName: string
-  avatar?: string
-  role: UserRole
-  active: boolean
+  username: string;
+  email: string;
+  displayName: string;
+  avatar?: string;
+  role: UserRole;
+  active: boolean;
 }
 
 export enum UserRole {
@@ -65,16 +65,16 @@ export enum UserRole {
 }
 
 export interface CreateUserRequest {
-  username: string
-  email: string
-  displayName: string
-  role: UserRole
+  username: string;
+  email: string;
+  displayName: string;
+  role: UserRole;
 }
 
 export interface UpdateUserRequest {
-  email?: string
-  displayName?: string
-  role?: UserRole
+  email?: string;
+  displayName?: string;
+  role?: UserRole;
 }
 ```
 
@@ -83,9 +83,9 @@ export interface UpdateUserRequest {
 ```tsx
 // 通用组件：具名导出 + interface Props
 export interface UserAvatarProps {
-  user: Pick<User, 'username' | 'avatar'>
-  size?: 'sm' | 'md' | 'lg'
-  onClick?: () => void
+  user: Pick<User, 'username' | 'avatar'>;
+  size?: 'sm' | 'md' | 'lg';
+  onClick?: () => void;
 }
 
 export const UserAvatar: React.FC<UserAvatarProps> = ({ user, size = 'md', onClick }) => {
@@ -97,8 +97,8 @@ export const UserAvatar: React.FC<UserAvatarProps> = ({ user, size = 'md', onCli
       onClick={onClick}
       style={{ cursor: onClick ? 'pointer' : 'default' }}
     />
-  )
-}
+  );
+};
 
 // 页面组件：默认导出 + Props 从路由参数推断
 export interface UserListPageProps {
@@ -106,22 +106,22 @@ export interface UserListPageProps {
 }
 
 const UserListPage: React.FC<UserListPageProps> = () => {
-  const { users, loading } = useUsers()
-  return <UserTable users={users} loading={loading} />
-}
-export default UserListPage
+  const { users, loading } = useUsers();
+  return <UserTable users={users} loading={loading} />;
+};
+export default UserListPage;
 ```
 
 ## Discriminated Union 类型
 
 ```tsx
 // 用于多状态组件
-export type NotificationType = 'success' | 'error' | 'warning' | 'info'
+export type NotificationType = 'success' | 'error' | 'warning' | 'info';
 
 export interface NotificationConfig {
-  type: NotificationType
-  title: string
-  message: string
-  duration?: number
+  type: NotificationType;
+  title: string;
+  message: string;
+  duration?: number;
 }
 ```

package/dist/skills/reef-style-frontend/variants/react/examples/forms-layer.md

@@ -4,37 +4,32 @@
 
 ```tsx
 interface CreateUserFormValues {
-  username: string
-  email: string
-  displayName: string
-  role: UserRole
+  username: string;
+  email: string;
+  displayName: string;
+  role: UserRole;
 }
 
 const CreateUserForm: React.FC = () => {
-  const [form] = Form.useForm<CreateUserFormValues>()
-  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm<CreateUserFormValues>();
+  const [loading, setLoading] = useState(false);
 
   const handleSubmit = async (values: CreateUserFormValues) => {
-    setLoading(true)
+    setLoading(true);
     try {
-      await createUser(values)
-      message.success('用户创建成功')
-      form.resetFields()
+      await createUser(values);
+      message.success('用户创建成功');
+      form.resetFields();
     } catch (err) {
       // Ant Design Form 会自动捕获校验错误
-      message.error('创建失败，请重试')
+      message.error('创建失败，请重试');
     } finally {
-      setLoading(false)
+      setLoading(false);
     }
-  }
+  };
 
   return (
-    <Form
-      form={form}
-      layout="vertical"
-      onFinish={handleSubmit}
-      autoComplete="off"
-    >
+    <Form form={form} layout="vertical" onFinish={handleSubmit} autoComplete="off">
       <Form.Item
         name="username"
         label="用户名"
@@ -57,19 +52,11 @@ const CreateUserForm: React.FC = () => {
         <Input placeholder="请输入邮箱" />
       </Form.Item>
 
-      <Form.Item
-        name="displayName"
-        label="显示名称"
-        rules={[{ required: true, message: '请输入显示名称' }]}
-      >
+      <Form.Item name="displayName" label="显示名称" rules={[{ required: true, message: '请输入显示名称' }]}>
         <Input placeholder="请输入显示名称" />
       </Form.Item>
 
-      <Form.Item
-        name="role"
-        label="角色"
-        rules={[{ required: true, message: '请选择角色' }]}
-      >
+      <Form.Item name="role" label="角色" rules={[{ required: true, message: '请选择角色' }]}>
         <Select placeholder="请选择角色">
           <Select.Option value="ADMIN">管理员</Select.Option>
           <Select.Option value="EDITOR">编辑</Select.Option>
@@ -83,21 +70,21 @@ const CreateUserForm: React.FC = () => {
         </Button>
       </Form.Item>
     </Form>
-  )
-}
+  );
+};
 ```
 
 ## 编辑表单（初始值）
 
 ```tsx
 interface EditUserFormProps {
-  user: User
-  onSuccess: () => void
+  user: User;
+  onSuccess: () => void;
 }
 
 const EditUserForm: React.FC<EditUserFormProps> = ({ user, onSuccess }) => {
-  const [form] = Form.useForm()
-  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
 
   // 初始值填充
   useEffect(() => {
@@ -105,52 +92,38 @@ const EditUserForm: React.FC<EditUserFormProps> = ({ user, onSuccess }) => {
       displayName: user.displayName,
       email: user.email,
       role: user.role,
-    })
-  }, [user, form])
+    });
+  }, [user, form]);
 
   const handleSubmit = async (values: Partial<CreateUserRequest>) => {
-    setLoading(true)
+    setLoading(true);
     try {
-      await updateUser(user.id, values)
-      message.success('用户信息已更新')
-      onSuccess()
+      await updateUser(user.id, values);
+      message.success('用户信息已更新');
+      onSuccess();
     } catch {
-      message.error('更新失败')
+      message.error('更新失败');
     } finally {
-      setLoading(false)
+      setLoading(false);
     }
-  }
+  };
 
   return (
-    <Form
-      form={form}
-      layout="vertical"
-      onFinish={handleSubmit}
-    >
+    <Form form={form} layout="vertical" onFinish={handleSubmit}>
       {/* 用户名只读展示 */}
       <Form.Item label="用户名">
         <Input value={user.username} disabled />
       </Form.Item>
 
-      <Form.Item
-        name="email"
-        label="邮箱"
-        rules={[{ type: 'email' }]}
-      >
+      <Form.Item name="email" label="邮箱" rules={[{ type: 'email' }]}>
         <Input />
       </Form.Item>
 
-      <Form.Item
-        name="displayName"
-        label="显示名称"
-      >
+      <Form.Item name="displayName" label="显示名称">
         <Input />
       </Form.Item>
 
-      <Form.Item
-        name="role"
-        label="角色"
-      >
+      <Form.Item name="role" label="角色">
         <Select>
           <Select.Option value="ADMIN">管理员</Select.Option>
           <Select.Option value="EDITOR">编辑</Select.Option>
@@ -164,37 +137,31 @@ const EditUserForm: React.FC<EditUserFormProps> = ({ user, onSuccess }) => {
         </Button>
       </Form.Item>
     </Form>
-  )
-}
+  );
+};
 ```
 
 ## 搜索表单（非受控 + 联动 Table）
 
 ```tsx
 const UserListPage: React.FC = () => {
-  const [searchForm] = Form.useForm()
-  const [query, setQuery] = useState<Record<string, string>>({})
+  const [searchForm] = Form.useForm();
+  const [query, setQuery] = useState<Record<string, string>>({});
 
   const handleSearch = (values: Record<string, string>) => {
     // 过滤空值
-    const filtered = Object.fromEntries(
-      Object.entries(values).filter(([, v]) => v !== undefined && v !== '')
-    )
-    setQuery(filtered)
-  }
+    const filtered = Object.fromEntries(Object.entries(values).filter(([, v]) => v !== undefined && v !== ''));
+    setQuery(filtered);
+  };
 
   const handleReset = () => {
-    searchForm.resetFields()
-    setQuery({})
-  }
+    searchForm.resetFields();
+    setQuery({});
+  };
 
   return (
     <div>
-      <Form
-        form={searchForm}
-        layout="inline"
-        onFinish={handleSearch}
-      >
+      <Form form={searchForm} layout="inline" onFinish={handleSearch}>
         <Form.Item name="keyword">
           <Input.Search placeholder="搜索用户名/邮箱" onSearch={() => searchForm.submit()} />
         </Form.Item>
@@ -211,22 +178,26 @@ const UserListPage: React.FC = () => {
           </Select>
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit">查询</Button>
-          <Button onClick={handleReset} style={{ marginLeft: 8 }}>重置</Button>
+          <Button type="primary" htmlType="submit">
+            查询
+          </Button>
+          <Button onClick={handleReset} style={{ marginLeft: 8 }}>
+            重置
+          </Button>
         </Form.Item>
       </Form>
 
       <UserTable query={query} />
     </div>
-  )
-}
+  );
+};
 ```
 
 ## 全局校验信息配置
 
 ```tsx
 // 在应用入口统一配置校验信息
-import { ConfigProvider } from 'antd'
+import { ConfigProvider } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
@@ -247,5 +218,5 @@ const App: React.FC = () => (
   >
     {/* Router 和页面内容 */}
   </ConfigProvider>
-)
+);
 ```