rayyy-vue-table-components 1.3.6 → 1.3.7

package/dist/src/components/layout/DetailLayout.vue.d.ts

@@ -15,9 +15,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:back": () => any;
     "update:saveEdit": (value: boolean) => any;
     "update:cancelEdit": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick:back"?: (() => any) | undefined;
     "onUpdate:saveEdit"?: ((value: boolean) => any) | undefined;
     "onUpdate:cancelEdit"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/layout/FilterLayout.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     mainTitle: string;
+    showBack?: boolean | string | object;
     filterTitle: string;
 };
 declare function __VLS_template(): {
@@ -12,9 +13,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:back": () => any;
     submitEmit: () => any;
     resetEmit: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick:back"?: (() => any) | undefined;
     onSubmitEmit?: (() => any) | undefined;
     onResetEmit?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/types/components.d.ts

@@ -498,6 +498,8 @@ export interface DetailLayoutEmits {
   (e: 'update:saveEdit', value: boolean): void
   /** 取消編輯事件 */
   (e: 'update:cancelEdit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** DetailLayout 組件實例類型 */
@@ -512,8 +514,10 @@ export interface DetailLayoutInstance {
 
 /** FilterLayout 組件 Props 類型 */
 export interface FilterLayoutProps {
-  /** 主要標題 */
+  /** 標題 */
   mainTitle: string
+  /** 是否顯示返回按鈕 */
+  showBack?: boolean | string | object
   /** 篩選標題 */
   filterTitle: string
 }
@@ -524,6 +528,8 @@ export interface FilterLayoutEmits {
   (e: 'submitEmit'): void
   /** 重置篩選事件 */
   (e: 'resetEmit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** FilterLayout 組件實例類型 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/components/layout/DetailLayout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MainPanel, BaseBtn } from '@/components'
+import { MainPanel, BaseBtn, SearchableListPanel } from '@/components'
 
 defineProps<{
   title: string
@@ -11,6 +11,7 @@ defineProps<{
 const emit = defineEmits<{
   (e: 'update:saveEdit', value: boolean): void
   (e: 'update:cancelEdit'): void
+  (e: 'click:back'): void
 }>()
 
 const saveDetailEdit = () => {
@@ -19,10 +20,13 @@ const saveDetailEdit = () => {
 const cancelDetailEdit = () => {
   emit('update:cancelEdit')
 }
+const handleBackClick = () => {
+  emit('click:back')
+}
 </script>
 
 <template>
-  <MainPanel :title="title" :show-back="showBack">
+  <MainPanel :title="title" :show-back="showBack" @click:back="handleBackClick">
     <template #main>
       <div class="detail-container" v-loading="pageLoading">
         <slot name="detailHeader"></slot>

package/src/components/layout/FilterLayout.vue

@@ -3,12 +3,14 @@ import { MainPanel, BaseBtn } from '@/components'
 
 defineProps<{
   mainTitle: string
+  showBack?: boolean | string | object
   filterTitle: string
 }>()
 
 const emit = defineEmits<{
   (e: 'submitEmit'): void
   (e: 'resetEmit'): void
+  (e: 'click:back'): void
 }>()
 
 const doFilter = () => {
@@ -17,10 +19,14 @@ const doFilter = () => {
 const resetFilter = () => {
   emit('resetEmit')
 }
+
+const handleBackClick = () => {
+  emit('click:back')
+}
 </script>
 
 <template>
-  <main-panel :title="mainTitle">
+  <MainPanel :title="mainTitle" :show-back="showBack" @click:back="handleBackClick">
     <template #main>
       <div class="filter-container">
         <div class="filter-header">{{ filterTitle }}</div>
@@ -34,7 +40,7 @@ const resetFilter = () => {
         <base-btn text="重設" type="primary" @click="resetFilter" />
       </div>
     </template>
-  </main-panel>
+  </MainPanel>
 </template>
 
 <style scoped>

package/src/types/components.d.ts

@@ -499,6 +499,8 @@ export interface DetailLayoutEmits {
   (e: 'update:saveEdit', value: boolean): void
   /** 取消編輯事件 */
   (e: 'update:cancelEdit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** DetailLayout 組件實例類型 */
@@ -513,8 +515,10 @@ export interface DetailLayoutInstance {
 
 /** FilterLayout 組件 Props 類型 */
 export interface FilterLayoutProps {
-  /** 主要標題 */
+  /** 標題 */
   mainTitle: string
+  /** 是否顯示返回按鈕 */
+  showBack?: boolean | string | object
   /** 篩選標題 */
   filterTitle: string
 }
@@ -525,6 +529,8 @@ export interface FilterLayoutEmits {
   (e: 'submitEmit'): void
   /** 重置篩選事件 */
   (e: 'resetEmit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** FilterLayout 組件實例類型 */