✨ feat: 新增文字描述组件

+<!--
+ * @Date: 2022-08-29 14:31:20
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-11-22 13:56:17
+ * @FilePath: /data-table/src/components/DesField/index.vue
+ * @Description: 描述文本
+-->
+<template>
+  <div class="des-field-page">
+    <div class="label">{{ item.component_props.label }}</div>
+    <van-field
+      v-model="item.component_props.desc"
+      :name="item.name"
+      :readonly="true"
+      :border="false"
+    />
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: Object,
+});
+</script>
+
+<style lang="less" scoped>
+.des-field-page {
+  .label {
+    padding: 1rem 1rem 0 1rem;
+    font-size: 0.9rem;
+    font-weight: bold;
+    span {
+      color: red;
+    }
+  }
+}
+</style>

@@ -17,6 +17,7 @@ import RatePickerField from '@/components/RatePickerField/index.vue'
 import CalendarField from '@/components/CalendarField/index.vue'
 import IdentityField from '@/components/IdentityField/index.vue'
 import NumberField from '@/components/NumberField/index.vue'
+import DesField from '@/components/DesField/index.vue'
 
 /**
  * 生成自定义组件类型
@@ -109,5 +110,9 @@ export function createComponentType(data) {
       item.name = item.key;
       item.component = IdentityField;
     }
+    if (item.component_props.name === 'desc') {
+      item.name = item.key;
+      item.component = DesField;
+    }
   })
 }