rayyy-vue-table-components 1.2.19 → 1.2.20

package/src/components/index.ts

@@ -25,6 +25,33 @@ export type {
   BaseDialogProps,
   BaseDialogEmits,
   BaseDialogInstance,
+  BaseInputProps,
+  BaseInputEmits,
+  BaseInputInstance,
+  FilterBtnProps,
+  FilterBtnEmits,
+  FilterBtnInstance,
+  BaseFormProps,
+  BaseFormEmits,
+  BaseFormInstance,
+  SortTableProps,
+  SortTableEmits,
+  SortTableInstance,
+  SearchBarProps,
+  SearchBarEmits,
+  SearchBarInstance,
+  TransferDialogProps,
+  TransferDialogEmits,
+  TransferDialogInstance,
+  TransferItemProps,
+  TransferItemEmits,
+  TransferItemInstance,
+  MainPanelProps,
+  MainPanelEmits,
+  MainPanelInstance,
+  FunctionHeaderProps,
+  FunctionHeaderEmits,
+  FunctionHeaderInstance,
   PluginOptions,
   VueTableComponentsPlugin,
 } from '../types/components'
@@ -35,9 +62,12 @@ export type { default as BaseBtnType } from './items/BaseBtn.vue'
 export type { default as BaseInputType } from './form/BaseInput.vue'
 export type { default as FilterBtnType } from './items/FilterBtn.vue'
 export type { default as BaseDialogType } from './items/BaseDialog.vue'
+export type { default as BaseFormType } from './form/BaseForm.vue'
 export type { default as SortTableType } from './tables/SortTable.vue'
 export type { default as SearchBarType } from './items/SearchBar.vue'
 export type { default as TransferDialogType } from './transfer/TransferDialog.vue'
 export type { default as TransferItemType } from './transfer/transferItem.vue'
 export type { default as SearchableListPanelType } from './layout/SearchableListPanel.vue'
 export type { default as BaseMultipleInputType } from './form/BaseMultipleInput.vue'
+export type { default as FunctionHeaderType } from './layout/FunctionHeader.vue'
+export type { default as MainPanelType } from './layout/MainPanel.vue'

package/src/components/layout/FunctionHeader.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
-import { useRouter, useRoute } from 'vue-router'
 import { ArrowLeftBold } from '@element-plus/icons-vue'
-import { extractSubRoutes } from '@/utils/routeFormatters.ts'
 
 const props = defineProps({
   title: { type: String, required: false, default: '' },
@@ -13,21 +11,26 @@ const props = defineProps({
   depth: { type: Number, required: false, default: 1 },
 })
 
-const { push } = useRouter()
-const { path } = useRoute()
+const emit = defineEmits<{
+  back: [payload: { path?: string; [key: string]: unknown }]
+}>()
 
 const handleClick = () => {
-  const subdirectory = { path: extractSubRoutes(path, props.depth) }
+  const backPayload: { path?: string; [key: string]: unknown } = {}
+
   switch (typeof props.showBack) {
     case 'string':
-      push(props.showBack)
+      backPayload.path = props.showBack
       break
     case 'object':
-      push({ ...subdirectory, ...props.showBack })
+      Object.assign(backPayload, props.showBack)
       break
     default:
-      push(subdirectory)
+      // 當 showBack 為 true 時，發出預設的返回事件
+      backPayload.path = ''
   }
+
+  emit('back', backPayload)
 }
 </script>