✨ feat: 输入框属性新增可读/禁用/文本方向属性

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-09-07 16:01:42
+ * @LastEditTime: 2022-09-13 18:13:21
  * @FilePath: /data-table/src/components/TextField/index.vue
  * @Description: 单行文本输入框
 -->
 <template>
   <div class="text-field-page">
     <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
-    <van-field v-model="item.value" :name="item.name" :type="item.type" :placeholder="item.placeholder"
-      :rules="item.rules" :required="item.required" clearable :border="false" />
+    <van-field v-model="item.value"
+      :name="item.name" :type="item.type" :placeholder="item.placeholder"
+      :rules="item.rules" :required="item.required"
+      :readonly="item.component_props.readonly" :disabled="item.component_props.disabled"
+      :input-align="item.component_props.align"
+      clearable :border="false" />
   </div>
 </template>
 

 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-09-08 17:50:25
+ * @LastEditTime: 2022-09-13 17:46:30
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
@@ -46,17 +46,20 @@ onMounted(() => {
   //   },
   //   required: true,
   // },
-  // {
-  //   key: 'username',
-  //   value: 'test',
-  //   label: '用户名',
-  //   placeholder: '请输入用户名',
-  //   component: '',
-  //   component_props: {
-  //     name: 'text'
-  //   },
-  //   required: true,
-  // },
+  {
+    key: 'username',
+    value: 'test',
+    label: '用户名',
+    placeholder: '请输入用户名',
+    component: '',
+    component_props: {
+      name: 'text',
+      // readonly: true,
+      // disabled: true,
+      // align: 'left',
+    },
+    required: true,
+  },
   // {
   //   key: 'email',
   //   value: '',
@@ -217,17 +220,17 @@ onMounted(() => {
   //   },
   //   required: true,
   // },
-  {
-    key: 'rate',
-    value: '',
-    label: '评分',
-    placeholder: '请选择评分',
-    component_props: {
-      name: 'rate_picker',
-      count: 10
-    },
-    required: true,
-  }
+  // {
+  //   key: 'rate',
+  //   value: '',
+  //   label: '评分',
+  //   placeholder: '请选择评分',
+  //   component_props: {
+  //     name: 'rate_picker',
+  //     count: 10
+  //   },
+  //   required: true,
+  // }
   ];
   // 生成自定义组件
   createComponentType(mockData.value)