fix: fix issues of time limit (#533, #534)

Author: sheepzh

src/pages/app/components/Limit/LimitTable/index.tsx

@@ -37,17 +37,18 @@ const _default = defineComponent(() => {
     })
 
     const {
-        list,
+        list, table,
         changeEnabled, changeDelay, changeLocked
     } = useLimitTable()
 
     const historySort = useLocalStorage<Sort>('__limit_sort_default__', { prop: DEFAULT_SORT_COL, order: 'descending' })
 
     return () => (
         <ElTable
+            ref={table}
             border fit highlightCurrentRow
             style={{ width: "100%" }}
-            maxHeight="100%"
+            height="100%"
             data={list.value}
             defaultSort={historySort.value}
             onSort-change={(val: Sort) => historySort.value = { prop: val?.prop, order: val?.order }}

src/pages/app/components/Limit/context.ts

@@ -18,6 +18,7 @@ export type TestInstance = {
 }
 
 type Context = {
+    table: Ref<TableInstance | undefined>
     filter: Reactive<LimitFilterOption>
     list: Ref<timer.limit.Item[]>, refresh: NoArgCallback,
     deleteRow: ArgCallback<timer.limit.Item>
@@ -148,6 +149,7 @@ export const useLimitProvider = () => {
     const test = () => testInst.value?.show?.()
 
     useProvide<Context>(NAMESPACE, {
+        table,
         filter,
         list, refresh,
         deleteRow,
@@ -163,8 +165,8 @@ export const useLimitProvider = () => {
 
 export const useLimitFilter = (): Reactive<LimitFilterOption> => useProvider<Context, 'filter'>(NAMESPACE, "filter").filter
 
-export const useLimitTable = () => useProvider<Context, 'list' | 'refresh' | 'deleteRow' | 'changeEnabled' | 'changeDelay' | 'changeLocked'>(
-    NAMESPACE, 'list', 'refresh', 'deleteRow', 'changeEnabled', 'changeDelay', 'changeLocked'
+export const useLimitTable = () => useProvider<Context, 'list' | 'table' | 'refresh' | 'deleteRow' | 'changeEnabled' | 'changeDelay' | 'changeLocked'>(
+    NAMESPACE, 'list', 'table', 'refresh', 'deleteRow', 'changeEnabled', 'changeDelay', 'changeLocked'
 )
 
 export const useLimitBatch = () => useProvider<Context, 'batchDelete' | 'batchEnable' | 'batchDisable'>(