feat(division): impl division list+entry

feat(form): add accessibility improvements to form components

- Add labelFor prop to Label component for better form element association
- Enhance Combobox with ARIA attributes for better screen reader support
- Update form fields with proper IDs and label associations

feat(pagination): adjust button width based on page number length

Add dynamic button sizing for pagination items to accommodate different digit lengths (1-99, 100-999, 1000+). This improves visual consistency when displaying varying page numbers.

feat(modal): add reusable dialog component and refactor division form

- Create new Dialog.vue component with configurable size and outside click prevention
- Replace inline dialog implementation in division list with new Dialog component
- Fix formatting in entry-form.vue

feat(data-table): add click handling for action cells

Implement handleActionCellClick function to manage click events on action cells, triggering dropdown buttons when clicked outside interactive elements. Add cursor-pointer class and click handler to action cells for better UX.

refactor(custom-ui): centralize action event strings in types

Replace hardcoded action event strings with constants from types.ts to improve maintainability and reduce potential typos

feat(confirmation): add reusable confirmation modal components

- Implement base confirmation.vue component with customizable props
- Create record-specific record-confirmation.vue for data operations
- Add comprehensive README.md documentation for usage
- Integrate confirmation flow in division list component

refactor(components): move dialog component to base directory and update imports

The dialog component was moved from custom-ui/modal to base/modal to better reflect its shared usage across the application. All import paths referencing the old location have been updated accordingly.

refactor(select): reorganize imports and adjust conditional formatting

- Reorder imports in Select.vue for better organization
- Adjust logical operator formatting in SelectContent.vue for consistency

app/components/pub/custom-ui/data/dropdown-action-du.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { LinkItem, ListItemDto } from './types'
+import { ActionEvents } from './types'
 
 const props = defineProps<{
   rec: ListItemDto
@@ -11,13 +12,13 @@ const recItem = inject<Ref<any>>('rec_item')!
 
 function detail() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showDetail'
+  recAction.value = ActionEvents.showDetail
   recItem.value = props.rec
 }
 
 function edit() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showEdit'
+  recAction.value = ActionEvents.showEdit
   recItem.value = props.rec
 }
 

app/components/pub/custom-ui/data/dropdown-action-ducd.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { LinkItem, ListItemDto } from './types'
+import { ActionEvents } from './types'
 
 const props = defineProps<{
   rec: ListItemDto
@@ -11,19 +12,19 @@ const recItem = inject<Ref<any>>('rec_item')!
 
 function detail() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showDetail'
+  recAction.value = ActionEvents.showDetail
   recItem.value = props.rec
 }
 
 function edit() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showEdit'
+  recAction.value = ActionEvents.showEdit
   recItem.value = props.rec
 }
 
 function del() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showConfirmDel'
+  recAction.value = ActionEvents.showConfirmDelete
   recItem.value = props.rec
 }
 

app/components/pub/custom-ui/data/dropdown-action-dud.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { LinkItem, ListItemDto } from './types'
+import { ActionEvents } from './types'
 
 const props = defineProps<{
   rec: ListItemDto
@@ -11,19 +12,19 @@ const recItem = inject<Ref<any>>('rec_item')!
 
 function detail() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showDetail'
+  recAction.value = ActionEvents.showDetail
   recItem.value = props.rec
 }
 
 function edit() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showEdit'
+  recAction.value = ActionEvents.showEdit
   recItem.value = props.rec
 }
 
 function del() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showConfirmDel'
+  recAction.value = ActionEvents.showConfirmDelete
   recItem.value = props.rec
 }
 

app/components/pub/custom-ui/data/dropdown-action-ud.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { LinkItem, ListItemDto } from './types'
+import { ActionEvents } from './types'
 
 interface Props {
   rec: ListItemDto
@@ -16,13 +17,13 @@ const recItem = inject<Ref<any>>('rec_item')!
 
 function edit() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showEdit'
+  recAction.value = ActionEvents.showEdit
   recItem.value = props.rec
 }
 
 function del() {
   recId.value = props.rec.id || 0
-  recAction.value = 'showConfirmDel'
+  recAction.value = ActionEvents.showConfirmDelete
   recItem.value = props.rec
 }
 

app/components/pub/custom-ui/data/types.ts

@@ -100,3 +100,9 @@ export interface LinkItem {
   onClick?: (event: Event) => void
   headerStatus?: boolean
 }
+
+export const ActionEvents = {
+  showConfirmDelete: 'showConfirmDel',
+  showEdit: 'showEdit',
+  showDetail: 'showDetail',
+}