CondorGrid

CondorGrid 是一个响应式栅格布局组件，用于创建自适应的多列表单布局。监听窗口大小变化动态调整断点，支持折叠展开和自定义间距。

组件 Props

参数名	类型	默认值	说明
cols	number / Record<Condor.Grid.BreakPoint, number>	{ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }	列数配置，支持固定数字或按断点分别设置
collapsed	boolean	false	是否启用折叠模式
collapsedRows	number	1	折叠时保持显示的行数
gap	number / [number, number]	0	网格间距，数字为水平和垂直统一，数组为 [水平, 垂直]

断点系统

断点根据屏幕宽度自动切换：

断点	最小宽度
xs	<768px
sm	768px-992px
md	992px-1200px
lg	1200px-1920px
xl	>=1920px

暴露的方法

方法名	说明	返回值
breakPoint	当前断点值	Condor.Grid.BreakPoint

基本用法

<template>
  <CondorGrid :cols="{ xs: 1, sm: 2, lg: 3 }" :gap="12" :collapsed="true" :collapsedRows="2">
    <CondorGridItem :span="1">
      <NFormItem label="字段1">
        <NInput />
      </NFormItem>
    </CondorGridItem>
    <CondorGridItem :span="1">
      <NFormItem label="字段2">
        <NInput />
      </NFormItem>
    </CondorGridItem>
    <CondorGridItem :span="2">
      <NFormItem label="宽字段">
        <NInput />
      </NFormItem>
    </CondorGridItem>
  </CondorGrid>
</template>