From 6279079cc8a5a68b831de2716780fe8e55a5b11c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=A3=E5=BD=AC?= <rongbin.arb@alibaba-inc.com>
Date: Mon, 14 Jun 2021 16:31:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Esettings=20pane?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/settings-primary-pane.tsx          | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
index ec3aed989..44aa8ea82 100644
--- a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
+++ b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
@@ -118,6 +118,7 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
 
   render() {
     const { settings } = this.main;
+    const editor = globalContext.get(Editor);
     if (!settings) {
       // 未选中节点，提示选中 或者 显示根节点设置
       return (
@@ -140,7 +141,7 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
     }
 
     if (!settings.isSameComponent) {
-      // todo: future support 获取设置项交集编辑
+      // TODO: future support 获取设置项交集编辑
       return (
         <div className="lc-settings-main">
           <div className="lc-settings-notice">
@@ -179,7 +180,19 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
         matched = true;
       }
       return (
-        <Tab.Item className="lc-settings-tab-item" title={<Title title={field.title} />} key={field.name}>
+        <Tab.Item
+          className="lc-settings-tab-item"
+          title={<Title title={field.title} />}
+          key={field.name}
+          onClick={
+            () => {
+              editor?.emit('skeleton.settingsPane.change', {
+                name: field.name,
+                title: field.title,
+              });
+            }
+          }
+        >
           <SkeletonContext.Consumer>
             {(skeleton) => {
               if (skeleton) {