属性UI（プロパティ）にチェックルール設定追加

frontend/src/components/right/InputText.vue

@@ -14,7 +14,6 @@
 </template>
 
 <script lang="ts">
-import { kMaxLength } from 'buffer';
 import { defineComponent, ref, watchEffect, computed } from 'vue';
 
 export default defineComponent({
@@ -50,8 +49,16 @@ export default defineComponent({
       type: String,
       default: undefined
     },
+    required:{
+      type:Boolean,
+      default:false
+    },
+    requiredMessage: {
+      type: String,
+      default: ''
+    },
     modelValue: {
-      // type: Any,
+      type: null as any,
       default: '',
     },
   },
@@ -75,8 +82,11 @@ export default defineComponent({
       },
     });
     // const inputValue = ref(props.modelValue);
-    const rulesExp = props.rules === undefined ? null : eval(props.rules);
 
+    const customExp = props.rules === undefined ? [] : eval(props.rules);
+    const errmsg = props.requiredMessage?props.requiredMessage:`${props.displayName}が必須です。`;
+    const requiredExp = props.required?[((val:any)=>!!val || errmsg )]:[];
+    const rulesExp=[...requiredExp,...customExp];
     // const finalValue = computed(() => {
     // return props.name !== 'verName' ? inputValue.value : {
     // name: inputValue.value,