fix(drawer): modify the saas style (#3792)

Author: James-9696

examples/sites/demos/apis/drawer.js

@@ -194,6 +194,19 @@ export default {
           },
           mode: ['pc'],
           pcDemo: 'z-index'
+        },
+        {
+          name: 'tips-props',
+          type: 'ITipsProps',
+          typeAnchorName: 'ITipsProps',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '可自定义标题帮助提示信息',
+            'en-US': 'Customizable title help prompt information'
+          },
+          mode: ['pc'],
+          pcDemo: 'tips-props',
+          hideSaas: true
         }
       ],
       events: [
@@ -326,6 +339,15 @@ export default {
     }
   ],
   types: [
+    {
+      name: 'ITipsProps',
+      type: 'interface',
+      code: `interface ITipsProps {
+        content?: string
+        placement?: string
+        effect?: string
+      }`
+    },
     {
       name: 'IDrawerConfigs',
       type: 'interface',

examples/sites/demos/pc/app/drawer/webdoc/drawer.js

@@ -47,7 +47,8 @@ export default {
           '<p>通过 <code>tips-props</code> 属性可自定义标题帮助提示信息，具体属性配置参考 <a href="tooltip#tooltip">ToolTip 组件</a> 的 props 说明。</p>',
         'en-US': ''
       },
-      codeFiles: ['tips-props.vue']
+      codeFiles: ['tips-props.vue'],
+      hideSaas: true
     },
     {
       demoId: 'width',

packages/theme-saas/src/drawer/index.less

@@ -155,7 +155,7 @@
           @apply flex-none;
           @apply flex;
           @apply leading-6;
-          @apply p-4;
+          @apply px-6 py-4;
           @apply text-base;
           @apply items-center;