style(GiForm): 调整表单项在不同屏幕下的布局方式

- 修改 GiForm 组件的 gridItemProps 属性，调整默认布局
- 更新用户管理页面的搜索表单，优化各字段的布局方式

Author: Charles7c

src/components/GiForm/src/GiForm.vue

@@ -113,7 +113,7 @@ const props = withDefaults(defineProps<Props>(), {
   scrollToFirstError: true,
   defaultCollapsed: false,
   search: false,
-  gridItemProps: { span: { xs: 24, sm: 12, xxl: 8 } },
+  gridItemProps: { span: { xs: 24, sm: 8, xxl: 8 } },
   searchBtnText: '搜索',
   hideFoldBtn: false,
   suffix: true,

src/views/system/user/index.vue

@@ -113,16 +113,19 @@ const queryFormColumns: ColumnItem[] = reactive([
   {
     type: 'input',
     field: 'description',
+    span: { xs: 24, sm: 8, xxl: 8 },
     formItemProps: {
       hideLabel: true,
     },
     props: {
       placeholder: '搜索用户名/昵称/描述',
+      showWordLimit: false,
     },
   },
   {
     type: 'select',
     field: 'status',
+    span: { xs: 24, sm: 6, xxl: 8 },
     formItemProps: {
       hideLabel: true,
     },
@@ -134,6 +137,7 @@ const queryFormColumns: ColumnItem[] = reactive([
   {
     type: 'range-picker',
     field: 'createTime',
+    span: { xs: 24, sm: 10, xxl: 8 },
     formItemProps: {
       hideLabel: true,
     },