add subtable

vue-project/my-kintone-plugin/src/components/basic/conditions/TableConditionValue.vue

@@ -6,16 +6,28 @@
     :disabled="selectedAppData.loading == undefined ? false : selectedAppData.loading"
   />
   <kuc-combobox
-    v-if="type == 'kuc-combobox'"
+    v-else-if="type == 'kuc-combobox'"
     :value="modelValue"
     @change="updateValue"
     :disabled="selectedAppData.loading == undefined ? false : selectedAppData.loading"
   />
+  <kuc-time-picker
+    v-else-if="type == 'kuc-time'"
+    :value="modelValue"
+    @change="updateValue"
+    :disabled="selectedAppData.loading == undefined ? false : selectedAppData.loading"
+  />
+  <!-- <table-condition-value-date-time
+    v-else-if="type == 'time'|type == 'date"
+    :value="modelValue"
+    @change="updateValue"
+    :disabled="selectedAppData.loading == undefined ? false : selectedAppData.loading"
+  /> -->
 </template>
 
 <script setup lang="ts">
 import { getComponent } from '@/js/conditions';
-import { search } from '@/js/helper';
+import { getFieldObj, search } from '@/js/helper';
 import type { CachedSelectedAppData, WhereCondition } from '@/types/model';
 import type { KucEvent } from '@/types/my-kintone';
 import type { ComboboxChangeEventDetail, TextInputEventDetail } from 'kintone-ui-component';
@@ -30,7 +42,10 @@ const props = defineProps<{
 
 const whereCondition = computed(() => search(props.whereConditions, props.id) as WhereCondition | undefined);
 
-const type = computed(() => getComponent(whereCondition.value?.condition || ''));
+const type = computed(() => {
+  const field = getFieldObj(whereCondition.value?.field || '', props.selectedAppData.appFields, '');
+  return getComponent(whereCondition.value?.condition || '', field);
+});
 
 type EmitData = {
   obj?: WhereCondition;