rayyy-vue-table-components 1.2.16 → 1.2.17

package/dist/src/components/SearchBar.vue.d.ts

@@ -17,9 +17,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "keydown:enter": (data: string) => any;
     "update:clear": () => any;
+    "update:resetFilter": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onKeydown:enter"?: ((data: string) => any) | undefined;
     "onUpdate:clear"?: (() => any) | undefined;
+    "onUpdate:resetFilter"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/items/FilterBtn.vue.d.ts

@@ -10,7 +10,13 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:reset": () => any;
+    "update:submit": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:reset"?: (() => any) | undefined;
+    "onUpdate:submit"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/package.json

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

package/src/components/SearchBar.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import BaseInput from '@/components/items/BaseInput.vue'
-import { Search } from '@element-plus/icons-vue'
 import FilterBtn from '@/components/items/FilterBtn.vue'
 
 defineProps<{
@@ -14,6 +13,7 @@ defineProps<{
 const emits = defineEmits<{
   (e: 'keydown:enter', data: string): void
   (e: 'update:clear'): void
+  (e: 'update:resetFilter'): void
 }>()
 
 const keyword = ref('')
@@ -24,6 +24,9 @@ const doSearch = () => {
 const clearableClick = () => {
   emits('update:clear')
 }
+const resetFilter = () => {
+  emits('update:resetFilter')
+}
 </script>
 
 <template>
@@ -44,7 +47,7 @@ const clearableClick = () => {
       </div>
 
       <div class="filter-customer" v-if="showFilter">
-        <filter-btn :badge-value="badgeValue">
+        <filter-btn :badge-value="badgeValue" @update:reset="resetFilter">
           <slot name="filterBody" />
         </filter-btn>
       </div>

package/src/components/items/FilterBtn.vue

@@ -3,7 +3,7 @@ import { computed, ref } from 'vue'
 import { useWindowSize } from '@vueuse/core'
 import { BaseBtn } from '@/components'
 import { Search, Filter } from '@element-plus/icons-vue'
-import { layoutStore } from '@/stores/layoutStore.ts'
+
 
 const { width } = useWindowSize()
 
@@ -17,8 +17,13 @@ function onClickBtn() {
   showDrawer.value = !showDrawer.value
 }
 
+const emit = defineEmits<{
+  (e: 'update:reset'): void
+  (e: 'update:submit'): void
+}>()
+
 const resetValue = () => {
-  layoutStore.filterDrawerResetClick()
+  emit('update:reset')
 }
 const computedDrawerSize = computed(() => {
   if (width.value > 1200) {