From 6821ce5fbfba80a3ae2e36e46b707863d2ec0af3 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 1 Mar 2024 15:13:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor):=20=E6=96=B0=E5=A2=9Edata-source-p?=
 =?UTF-8?q?anel-search=20slot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/Editor.vue                               | 4 ++++
 packages/editor/src/index.ts                                 | 1 +
 packages/editor/src/layouts/sidebar/Sidebar.vue              | 5 +++++
 .../src/layouts/sidebar/data-source/DataSourceListPanel.vue  | 3 +++
 packages/editor/src/type.ts                                  | 1 +
 5 files changed, 14 insertions(+)

diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index 40804512..5e9a48e3 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -56,6 +56,10 @@
           <template #data-source-panel-tool="{ data }">
             <slot name="data-source-panel-tool" :data="data"></slot>
           </template>
+
+          <template #data-source-panel-search>
+            <slot name="data-source-panel-search"></slot>
+          </template>
         </Sidebar>
       </slot>
     </template>
diff --git a/packages/editor/src/index.ts b/packages/editor/src/index.ts
index 2c1b4428..de723af2 100644
--- a/packages/editor/src/index.ts
+++ b/packages/editor/src/index.ts
@@ -73,6 +73,7 @@ export { default as EventSelect } from './fields/EventSelect.vue';
 export { default as KeyValue } from './fields/KeyValue.vue';
 export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
 export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
+export { default as DataSourceConfigPanel } from './layouts/sidebar/data-source/DataSourceConfigPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 export { default as ContentMenu } from './components/ContentMenu.vue';
diff --git a/packages/editor/src/layouts/sidebar/Sidebar.vue b/packages/editor/src/layouts/sidebar/Sidebar.vue
index 3b75de67..a3b6104b 100644
--- a/packages/editor/src/layouts/sidebar/Sidebar.vue
+++ b/packages/editor/src/layouts/sidebar/Sidebar.vue
@@ -96,6 +96,11 @@
           <slot v-if="config.$key === 'data-source'" name="data-source-panel-tool" :data="data"></slot>
           <component v-else-if="config.slots?.DataSourcePanelTool" :is="config.slots.DataSourcePanelTool" />
         </template>
+
+        <template #data-source-panel-search v-if="config.$key === 'data-source' || config.slots?.dataSourcePanelSearch">
+          <slot v-if="config.$key === 'data-source'" name="data-source-panel-search"></slot>
+          <component v-else-if="config.slots?.dataSourcePanelSearch" :is="config.slots.dataSourcePanelSearch" />
+        </template>
       </component>
     </div>
   </div>
diff --git a/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue b/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
index 782873a0..9b99952d 100644
--- a/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
@@ -20,11 +20,14 @@
           ></ToolButton>
         </div>
       </TMagicPopover>
+
+      <slot name="data-source-panel-search"></slot>
     </div>
 
     <!-- 数据源列表 -->
     <DataSourceList @edit="editHandler" @remove="removeHandler"></DataSourceList>
   </TMagicScrollbar>
+
   <DataSourceConfigPanel
     ref="editDialog"
     :disabled="!editable"
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index b76db567..64173559 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -81,6 +81,7 @@ export interface CodeBlockListSlots {
 
 export interface DataSourceListSlots {
   'data-source-panel-tool'(props: { data: any }): any;
+  'data-source-panel-search'(props: {}): any;
 }
 
 export interface LayerNodeSlots {