From a403e224397eff7a87e76526d05eb15118c07115 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Sun, 18 Dec 2022 09:44:01 +0800
Subject: [PATCH] fix: hide add tab button

---
 .../src/schema-component/antd/page/Page.tsx   | 94 ++++++++++---------
 1 file changed, 48 insertions(+), 46 deletions(-)

diff --git a/packages/core/client/src/schema-component/antd/page/Page.tsx b/packages/core/client/src/schema-component/antd/page/Page.tsx
index f3d1c29a9b..3baa9f62e8 100644
--- a/packages/core/client/src/schema-component/antd/page/Page.tsx
+++ b/packages/core/client/src/schema-component/antd/page/Page.tsx
@@ -163,53 +163,55 @@ export const Page = (props) => {
                     }, 50);
                   }}
                   tabBarExtraContent={
-                    <Button
-                      className={css`
-                        border-color: rgb(241, 139, 98) !important;
-                        color: rgb(241, 139, 98) !important;
-                      `}
-                      type={'dashed'}
-                      onClick={async () => {
-                        const values = await FormDialog(t('Add tab'), () => {
-                          return (
-                            <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>
-                              <FormLayout layout={'vertical'}>
-                                <SchemaComponent
-                                  schema={{
-                                    properties: {
-                                      title: {
-                                        title: t('Tab name'),
-                                        'x-component': 'Input',
-                                        'x-decorator': 'FormItem',
-                                        required: true,
+                    dn.designable && (
+                      <Button
+                        className={css`
+                          border-color: rgb(241, 139, 98) !important;
+                          color: rgb(241, 139, 98) !important;
+                        `}
+                        type={'dashed'}
+                        onClick={async () => {
+                          const values = await FormDialog(t('Add tab'), () => {
+                            return (
+                              <SchemaComponentOptions scope={options.scope} components={{ ...options.components }}>
+                                <FormLayout layout={'vertical'}>
+                                  <SchemaComponent
+                                    schema={{
+                                      properties: {
+                                        title: {
+                                          title: t('Tab name'),
+                                          'x-component': 'Input',
+                                          'x-decorator': 'FormItem',
+                                          required: true,
+                                        },
+                                        icon: {
+                                          title: t('Icon'),
+                                          'x-component': 'IconPicker',
+                                          'x-decorator': 'FormItem',
+                                        },
                                       },
-                                      icon: {
-                                        title: t('Icon'),
-                                        'x-component': 'IconPicker',
-                                        'x-decorator': 'FormItem',
-                                      },
-                                    },
-                                  }}
-                                />
-                              </FormLayout>
-                            </SchemaComponentOptions>
-                          );
-                        }).open({
-                          initialValues: {},
-                        });
-                        const { title, icon } = values;
-                        dn.insertBeforeEnd({
-                          type: 'void',
-                          title,
-                          'x-icon': icon,
-                          'x-component': 'Grid',
-                          'x-initializer': 'BlockInitializers',
-                          properties: {},
-                        });
-                      }}
-                    >
-                      Add tab
-                    </Button>
+                                    }}
+                                  />
+                                </FormLayout>
+                              </SchemaComponentOptions>
+                            );
+                          }).open({
+                            initialValues: {},
+                          });
+                          const { title, icon } = values;
+                          dn.insertBeforeEnd({
+                            type: 'void',
+                            title,
+                            'x-icon': icon,
+                            'x-component': 'Grid',
+                            'x-initializer': 'BlockInitializers',
+                            properties: {},
+                          });
+                        }}
+                      >
+                        Add tab
+                      </Button>
+                    )
                   }
                 >
                   {fieldSchema.mapProperties((schema) => {