rayyy-vue-table-components 1.3.6 → 1.3.8

package/dist/src/components/form/BaseInput.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Props = {
     readonly?: boolean;
     maxlength?: string | number;
     autocomplete?: string;
-    dataCy?: string;
+    showSearch?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (data: string | number | null | undefined) => any;

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

@@ -21,7 +21,7 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
   summaryMethod?: (param: {
-    columns: TableColumnCtx<Record<string, unknown>>[];
+    columns: TableColumnCtx<Record<string, unknown>>[]
     data: T[]
   }) => (string | VNode)[]
   /** 行樣式類名 */
@@ -67,7 +67,10 @@ export interface SortTableProps<T extends Record<string, unknown> = Record<strin
   /** 是否顯示溢出提示 */
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
-  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+  summaryMethod?: (param: {
+    columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]
+    data: T[]
+  }) => (string | import('vue').VNode)[]
   /** 行樣式類名 */
   sortTableRowClassName?: (data: { row: T; rowIndex: number }) => string
 }
@@ -117,7 +120,10 @@ export interface TitleTableProps<T extends Record<string, unknown> = Record<stri
   /** 是否顯示溢出提示 */
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
-  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+  summaryMethod?: (param: {
+    columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]
+    data: T[]
+  }) => (string | import('vue').VNode)[]
 }
 
 /** TitleTable 組件 Emits 類型 */
@@ -186,7 +192,6 @@ export interface BaseBtnInstance {
   $emit: BaseBtnEmits
 }
 
-
 // ==================== 對話框相關組件類型 ====================
 
 // ==================== BaseDialog 組件類型 ====================
@@ -248,7 +253,10 @@ export interface TransferDialogEmits<T = Record<string, unknown>> {
   /** 提交事件 */
   (e: 'update:submit', data: import('./index').TableColumn<T>[]): void
   /** checkbox 狀態變更事件 */
-  (e: 'update:checkChange', data: { columns: import('./index').TableColumn<T>[], checkList: string[] }): void
+  (
+    e: 'update:checkChange',
+    data: { columns: import('./index').TableColumn<T>[]; checkList: string[] },
+  ): void
 }
 
 /** TransferDialog 組件實例類型 */
@@ -284,7 +292,7 @@ export interface BaseInputProps {
   /** 自動完成 */
   autocomplete?: string
   /** 測試屬性 */
-  dataCy?: string
+  showSearch?: boolean
 }
 
 /** BaseInput 組件 Emits 類型 */
@@ -303,7 +311,6 @@ export interface BaseInputInstance {
   $emit: BaseInputEmits
 }
 
-
 // ==================== BaseMultipleInput 組件類型 ====================
 
 /** BaseMultipleInput 組件 Props 類型 */
@@ -314,8 +321,6 @@ export interface BaseMultipleInputProps {
   type?: string
   /** 驗證規則函數 */
   validateRule?: (inputString: string) => boolean
-  /** 測試屬性 */
-  dataCy?: string
 }
 
 /** BaseMultipleInput 組件 Emits 類型 */
@@ -498,6 +503,8 @@ export interface DetailLayoutEmits {
   (e: 'update:saveEdit', value: boolean): void
   /** 取消編輯事件 */
   (e: 'update:cancelEdit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** DetailLayout 組件實例類型 */
@@ -512,8 +519,10 @@ export interface DetailLayoutInstance {
 
 /** FilterLayout 組件 Props 類型 */
 export interface FilterLayoutProps {
-  /** 主要標題 */
+  /** 標題 */
   mainTitle: string
+  /** 是否顯示返回按鈕 */
+  showBack?: boolean | string | object
   /** 篩選標題 */
   filterTitle: string
 }
@@ -524,6 +533,8 @@ export interface FilterLayoutEmits {
   (e: 'submitEmit'): void
   /** 重置篩選事件 */
   (e: 'resetEmit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** FilterLayout 組件實例類型 */
@@ -636,7 +647,6 @@ export declare const BaseBtn: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** BaseDialog 組件定義 */
 export declare const BaseDialog: DefineComponent<
   BaseDialogProps,
@@ -685,7 +695,6 @@ export declare const BaseInput: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** BaseMultipleInput 組件定義 */
 export declare const BaseMultipleInput: DefineComponent<
   BaseMultipleInputProps,

package/package.json

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

package/src/components/form/BaseInput.vue

@@ -12,7 +12,7 @@ const props = defineProps<{
   readonly?: boolean
   maxlength?: string | number
   autocomplete?: string
-  dataCy?: string
+  showSearch?: boolean
 }>()
 
 const emits = defineEmits<{
@@ -47,7 +47,7 @@ const handlerClear = () => {
     clearable
     @clear="handlerClear"
   >
-    <template #prefix>
+    <template #prefix v-if="showSearch">
       <div class="text-text-border w-full h-full flex items-center justify-center text-lg">
         <el-icon><Search /></el-icon>
       </div>

package/src/components/form/BaseSelector.vue

@@ -34,7 +34,6 @@ const props = withDefaults(
     multiple?: boolean
     disabled?: boolean
     class?: string
-    dataCy?: string
   }>(),
   {
     modelValue: () => '',

package/src/components/items/SearchBar.vue

@@ -39,6 +39,7 @@ const resetFilter = () => {
         <base-input
           v-model="keyword"
           placeholder="請輸入關鍵字搜尋列表"
+          :show-word-limit="true"
           @keydown.enter="doSearch"
           @update:clearValue="clearableClick"
           class="search-input_inner"

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

@@ -22,7 +22,7 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
   summaryMethod?: (param: {
-    columns: TableColumnCtx<Record<string, unknown>>[];
+    columns: TableColumnCtx<Record<string, unknown>>[]
     data: T[]
   }) => (string | VNode)[]
   /** 行樣式類名 */
@@ -68,7 +68,10 @@ export interface SortTableProps<T extends Record<string, unknown> = Record<strin
   /** 是否顯示溢出提示 */
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
-  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+  summaryMethod?: (param: {
+    columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]
+    data: T[]
+  }) => (string | import('vue').VNode)[]
   /** 行樣式類名 */
   sortTableRowClassName?: (data: { row: T; rowIndex: number }) => string
 }
@@ -118,7 +121,10 @@ export interface TitleTableProps<T extends Record<string, unknown> = Record<stri
   /** 是否顯示溢出提示 */
   showOverFlowTooltip?: boolean
   /** 匯總方法 */
-  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+  summaryMethod?: (param: {
+    columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]
+    data: T[]
+  }) => (string | import('vue').VNode)[]
 }
 
 /** TitleTable 組件 Emits 類型 */
@@ -187,7 +193,6 @@ export interface BaseBtnInstance {
   $emit: BaseBtnEmits
 }
 
-
 // ==================== 對話框相關組件類型 ====================
 
 // ==================== BaseDialog 組件類型 ====================
@@ -249,7 +254,10 @@ export interface TransferDialogEmits<T = Record<string, unknown>> {
   /** 提交事件 */
   (e: 'update:submit', data: import('./index').TableColumn<T>[]): void
   /** checkbox 狀態變更事件 */
-  (e: 'update:checkChange', data: { columns: import('./index').TableColumn<T>[], checkList: string[] }): void
+  (
+    e: 'update:checkChange',
+    data: { columns: import('./index').TableColumn<T>[]; checkList: string[] },
+  ): void
 }
 
 /** TransferDialog 組件實例類型 */
@@ -285,7 +293,7 @@ export interface BaseInputProps {
   /** 自動完成 */
   autocomplete?: string
   /** 測試屬性 */
-  dataCy?: string
+  showSearch?: boolean
 }
 
 /** BaseInput 組件 Emits 類型 */
@@ -304,7 +312,6 @@ export interface BaseInputInstance {
   $emit: BaseInputEmits
 }
 
-
 // ==================== BaseMultipleInput 組件類型 ====================
 
 /** BaseMultipleInput 組件 Props 類型 */
@@ -315,8 +322,6 @@ export interface BaseMultipleInputProps {
   type?: string
   /** 驗證規則函數 */
   validateRule?: (inputString: string) => boolean
-  /** 測試屬性 */
-  dataCy?: string
 }
 
 /** BaseMultipleInput 組件 Emits 類型 */
@@ -499,6 +504,8 @@ export interface DetailLayoutEmits {
   (e: 'update:saveEdit', value: boolean): void
   /** 取消編輯事件 */
   (e: 'update:cancelEdit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** DetailLayout 組件實例類型 */
@@ -513,8 +520,10 @@ export interface DetailLayoutInstance {
 
 /** FilterLayout 組件 Props 類型 */
 export interface FilterLayoutProps {
-  /** 主要標題 */
+  /** 標題 */
   mainTitle: string
+  /** 是否顯示返回按鈕 */
+  showBack?: boolean | string | object
   /** 篩選標題 */
   filterTitle: string
 }
@@ -525,6 +534,8 @@ export interface FilterLayoutEmits {
   (e: 'submitEmit'): void
   /** 重置篩選事件 */
   (e: 'resetEmit'): void
+  /** 返回按鈕點擊事件 */
+  (e: 'click:back'): void
 }
 
 /** FilterLayout 組件實例類型 */
@@ -637,7 +648,6 @@ export declare const BaseBtn: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** BaseDialog 組件定義 */
 export declare const BaseDialog: DefineComponent<
   BaseDialogProps,
@@ -686,7 +696,6 @@ export declare const BaseInput: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** BaseMultipleInput 組件定義 */
 export declare const BaseMultipleInput: DefineComponent<
   BaseMultipleInputProps,