rayyy-vue-table-components 1.2.23 → 1.2.25

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     title?: string;
     showBack?: boolean | string | object;
     depth?: number;
+    maxHeight?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -15,6 +16,7 @@ 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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: string;
     title: string;
     showBack: boolean | string | object;
     depth: number;

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

@@ -470,6 +470,8 @@ export interface MainPanelProps {
   showBack?: boolean | string | object
   /** 返回深度 */
   depth?: number
+  /** 最大高度 */
+  maxHeight?: string
 }
 
 /** MainPanel 組件 Emits 類型 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.2.23",
+  "version": "1.2.25",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",
@@ -12,7 +12,6 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
-    "./dist/rayyy-vue-table-components.css": "./dist/rayyy-vue-table-components.css",
     "./tailwind-preset": "./tailwind-preset.js",
     "./types": {
       "types": "./src/types/index.ts",

package/src/components/items/FilterBtn.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref, useAttrs } from 'vue'
+import { ref, useAttrs } from 'vue'
 import { BaseBtn } from '@/components'
 import { Search, Filter } from '@element-plus/icons-vue'
 
@@ -25,14 +25,6 @@ const emit = defineEmits<{
 const resetValue = () => {
   emit('update:reset')
 }
-const computedDrawerSize = computed(() => {
-  if (props.drawerSize) {
-    return props.drawerSize
-  } else {
-    return '50%'
-  }
-})
-
 const submitFilter = () => {
   showDrawer.value = false
 }
@@ -58,7 +50,7 @@ const submitFilter = () => {
       </el-icon>
     </slot>
   </base-btn>
-  <el-drawer v-model="showDrawer" append-to-body :size="computedDrawerSize">
+  <el-drawer v-model="showDrawer" append-to-body :size="drawerSize">
     <template #header>
       <div class="flex justify-center text-base text-black font-semibold">
         <span>查詢條件</span>

package/src/components/layout/MainPanel.vue

@@ -6,11 +6,13 @@ const props = withDefaults(
     title?: string
     showBack?: boolean | string | object
     depth?: number
+    maxHeight?: string
   }>(),
   {
     title: '',
     showBack: false,
     depth: 1,
+    maxHeight: 'calc(100vh-120px)',
   },
 )
 </script>
@@ -18,7 +20,7 @@ const props = withDefaults(
 <template>
   <function-header :title="props.title" :showBack="props.showBack" :depth="props.depth" />
 
-  <el-scrollbar class="max-h-[calc(100vh-120px)] max-w-[100vw] overflow-auto">
+  <el-scrollbar :class="`max-h-[${props.maxHeight}] max-w-screen overflow-auto`">
     <div v-if="$slots.searchBar" class="px-4 pt-1.5">
       <slot name="searchBar" />
     </div>
@@ -33,5 +35,3 @@ const props = withDefaults(
     <slot name="footer" />
   </div>
 </template>
-
-

package/src/components/layout/SearchableListPanel.vue

@@ -50,7 +50,7 @@ const changePageSize = (limit: number) => {
         :show-filter="showAllFeatures || showFilter"
         :show-search="showAllFeatures || showSearch"
         :badge-value="badgeValue"
-        :filterDrawerSize="filterDrawerSize"
+        :filter-drawer-size="filterDrawerSize"
         @keydown:enter="search"
         @update:clear="clearable"
       >

package/src/types/components.d.ts

@@ -471,6 +471,8 @@ export interface MainPanelProps {
   showBack?: boolean | string | object
   /** 返回深度 */
   depth?: number
+  /** 最大高度 */
+  maxHeight?: string
 }
 
 /** MainPanel 組件 Emits 類型 */