From 1837afce6cc7799d64e568bc56afea97698ee308 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Fri, 3 Oct 2025 11:03:19 +0700
Subject: [PATCH] feat(division): change compoent combobox to tree select

---
 app/components/app/division/entry-form.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/components/app/division/entry-form.vue b/app/components/app/division/entry-form.vue
index 118d1b6c..087dd643 100644
--- a/app/components/app/division/entry-form.vue
+++ b/app/components/app/division/entry-form.vue
@@ -4,7 +4,8 @@ import Block from '~/components/pub/custom-ui/doc-entry/block.vue'
 import Cell from '~/components/pub/custom-ui/doc-entry/cell.vue'
 import Field from '~/components/pub/custom-ui/doc-entry/field.vue'
 import Label from '~/components/pub/custom-ui/doc-entry/label.vue'
-import Combobox from '~/components/pub/custom-ui/form/combobox.vue'
+// import Combobox from '~/components/pub/custom-ui/form/combobox.vue'
+import TreeSelect from '~/components/pub/base/select-tree/tree-select.vue'
 
 // Types
 import type { DivisionFormData } from '~/schemas/division.schema.ts'
@@ -13,6 +14,7 @@ import type { DivisionFormData } from '~/schemas/division.schema.ts'
 import type z from 'zod'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
+import { convertDivisionToTreeItems } from '~/handlers/_shared.handler'
 
 interface Props {
   schema: z.ZodSchema<any>
@@ -90,15 +92,16 @@ function onCancelForm() {
       <Cell>
         <Label height="compact">Divisi Induk</Label>
         <Field :errMessage="errors.division">
-          <Combobox
+          <TreeSelect
             id="division"
             v-model="division"
             v-bind="divisionAttrs"
-            :items="divisions"
+            :data="convertDivisionToTreeItems(props.divisions)"
             :disabled="isLoading || isReadonly"
             placeholder="Pilih Divisi Induk"
             search-placeholder="Cari divisi"
             empty-message="Divisi tidak ditemukan"
+            :on-fetch-children="async (_parentId: string) => {}"
           />
         </Field>
       </Cell>