From a10a05ea80a3b7bd07eceb7d9f0f1cdccce401f5 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@163.com>
Date: Sun, 11 May 2025 22:46:46 +0800
Subject: [PATCH] feat: add AutoProbeList component and related functionality

- Introduced AutoProbeList.vue component for displaying a list layout of extract items.
- Added useAutoProbeList.ts for managing state and interactions with the Vuex store.
- Updated .gitignore to exclude local configuration files.
---
 frontend/crawlab-ui/.gitignore                      |  2 ++
 .../src/views/autoprobe/list/AutoProbeList.vue      |  9 +++++++++
 .../src/views/autoprobe/list/useAutoProbeList.ts    | 13 +++++++++++++
 3 files changed, 24 insertions(+)
 create mode 100644 frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue
 create mode 100644 frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts

diff --git a/frontend/crawlab-ui/.gitignore b/frontend/crawlab-ui/.gitignore
index 0e95d095..b0b51fa0 100644
--- a/frontend/crawlab-ui/.gitignore
+++ b/frontend/crawlab-ui/.gitignore
@@ -34,3 +34,5 @@ dist_local/
 
 stats.html
 .turbo
+
+*.local
diff --git a/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue b/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue
new file mode 100644
index 00000000..1cea8ebb
--- /dev/null
+++ b/frontend/crawlab-ui/src/views/autoprobe/list/AutoProbeList.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineOptions({ name: 'ClExtractList' });
+</script>
+
+<template>
+  <cl-list-layout
+    store-namespace="extract"
+  />
+</template>
diff --git a/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts b/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts
new file mode 100644
index 00000000..266c6345
--- /dev/null
+++ b/frontend/crawlab-ui/src/views/autoprobe/list/useAutoProbeList.ts
@@ -0,0 +1,13 @@
+import { useStore } from 'vuex';
+import { useList } from '@/layouts';
+
+const useAutoProbeList = () => {
+  const ns: ListStoreNamespace = 'extract';
+  const store = useStore();
+
+  return {
+    ...useList<ExtractPattern>(ns),
+  };
+};
+
+export default useAutoProbeList;