style: 优化 GiForm 表单使用代码

src/views/system/dict/DictItemAddModal.vue

@@ -53,14 +53,20 @@ const columns: ColumnItem[] = reactive([
     field: 'label',
     type: 'input',
     span: 24,
-    rules: [{ required: true, message: '请输入标签' }],
+    required: true,
+    props: {
+      maxLength: 30,
+    },
   },
   {
     label: '值',
     field: 'value',
     type: 'input',
     span: 24,
-    rules: [{ required: true, message: '请输入值' }],
+    required: true,
+    props: {
+      maxLength: 30,
+    },
   },
   {
     label: '标签颜色',
@@ -83,10 +89,6 @@ const columns: ColumnItem[] = reactive([
     field: 'description',
     type: 'textarea',
     span: 24,
-    props: {
-      maxLength: 200,
-      autoSize: { minRows: 3, maxRows: 5 },
-    },
   },
   {
     label: '状态',

src/views/system/dict/tree/DictAddModal.vue

@@ -40,15 +40,20 @@ const columns: ColumnItem[] = reactive([
     field: 'name',
     type: 'input',
     span: 24,
-    rules: [{ required: true, message: '请输入名称',
-    }],
+    required: true,
+    props: {
+      maxLength: 30,
+    },
   },
   {
     label: '编码',
     field: 'code',
     type: 'input',
     span: 24,
-    rules: [{ required: true, message: '请输入编码' }],
+    required: true,
+    props: {
+      maxLength: 30,
+    },
     disabled: () => isUpdate.value,
   },
   {
@@ -56,10 +61,6 @@ const columns: ColumnItem[] = reactive([
     field: 'description',
     type: 'textarea',
     span: 24,
-    props: {
-      maxLength: 200,
-      autoSize: { minRows: 3, maxRows: 5 },
-    },
   },
 ])