feat: open

Author: Wesley-0808

db/TDesign.db

@@ -35,6 +35,7 @@ onClose | Function |  | Typescript：`(context: DrawerCloseContext) => void`<br/
 onCloseBtnClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
 onConfirm | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
 onEscKeydown | Function |  | Typescript：`(context: { e: KeyboardEvent }) => void`<br/> | N
+onOpen | Function |  | Typescript：`() => void`<br/> | N
 onOverlayClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
 onSizeDragEnd | Function |  | Typescript：`(context: { e: MouseEvent; size: number  }) => void`<br/>trigger on size drag end | N
 
@@ -49,6 +50,7 @@ close | `(context: DrawerCloseContext)` | [see more ts definition](https://githu
 close-btn-click | `(context: { e: MouseEvent })` | \-
 confirm | `(context: { e: MouseEvent })` | \-
 esc-keydown | `(context: { e: KeyboardEvent })` | \-
+open | \- | \-
 overlay-click | `(context: { e: MouseEvent })` | \-
 size-drag-end | `(context: { e: MouseEvent; size: number  })` | trigger on size drag end
 
@@ -78,3 +80,5 @@ name | params | default | description
 -- | -- | -- | --
 options | \- | - | Typescript：`DrawerOptions`
 context | \- | - | Typescript：`AppContext`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts)
+
+插件返回值：`DrawerInstance`

packages/products/tdesign-vue-next/packages/components/drawer/drawer.en-US.md

@@ -71,6 +71,7 @@ onClose | Function |  | TS 类型：`(context: DrawerCloseContext) => void`<br/>
 onCloseBtnClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>如果关闭按钮存在，点击关闭按钮时触发该事件，同时触发关闭事件 | N
 onConfirm | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>如果“确认”按钮存在，则点击“确认”按钮时触发 | N
 onEscKeydown | Function |  | TS 类型：`(context: { e: KeyboardEvent }) => void`<br/>按下 ESC 键时触发 | N
+onOpen | Function |  | TS 类型：`() => void`<br/>抽屉打开时触发 | N
 onOverlayClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>如果蒙层存在，点击蒙层时触发 | N
 onSizeDragEnd | Function |  | TS 类型：`(context: { e: MouseEvent; size: number  }) => void`<br/>抽屉大小拖拽结束时触发，事件参数 `size` 在横向抽屉中表示宽度，在纵向抽屉中表示高度 | N
 
@@ -85,6 +86,7 @@ close | `(context: DrawerCloseContext)` | 关闭事件，取消按钮点击时
 close-btn-click | `(context: { e: MouseEvent })` | 如果关闭按钮存在，点击关闭按钮时触发该事件，同时触发关闭事件
 confirm | `(context: { e: MouseEvent })` | 如果“确认”按钮存在，则点击“确认”按钮时触发
 esc-keydown | `(context: { e: KeyboardEvent })` | 按下 ESC 键时触发
+open | \- | 抽屉打开时触发
 overlay-click | `(context: { e: MouseEvent })` | 如果蒙层存在，点击蒙层时触发
 size-drag-end | `(context: { e: MouseEvent; size: number  })` | 抽屉大小拖拽结束时触发，事件参数 `size` 在横向抽屉中表示宽度，在纵向抽屉中表示高度
 
@@ -114,3 +116,5 @@ update | `(props: DrawerOptions)` | \- | 更新抽屉内容
 -- | -- | -- | --
 options | \- | - | TS 类型：`DrawerOptions`
 context | \- | - | TS 类型：`AppContext`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts)
+
+插件返回值：`DrawerInstance`

packages/products/tdesign-vue-next/packages/components/drawer/drawer.md

@@ -121,6 +121,8 @@ export default {
   onConfirm: Function as PropType<TdDrawerProps['onConfirm']>,
   /** 按下 ESC 键时触发 */
   onEscKeydown: Function as PropType<TdDrawerProps['onEscKeydown']>,
+  /** 抽屉打开时触发 */
+  onOpen: Function as PropType<TdDrawerProps['onOpen']>,
   /** 如果蒙层存在，点击蒙层时触发 */
   onOverlayClick: Function as PropType<TdDrawerProps['onOverlayClick']>,
   /** 抽屉大小拖拽结束时触发，事件参数 `size` 在横向抽屉中表示宽度，在纵向抽屉中表示高度 */

packages/products/tdesign-vue-next/packages/components/drawer/props.ts

@@ -136,6 +136,10 @@ export interface TdDrawerProps {
    * 按下 ESC 键时触发
    */
   onEscKeydown?: (context: { e: KeyboardEvent }) => void;
+  /**
+   * 抽屉打开时触发
+   */
+  onOpen?: () => void;
   /**
    * 如果蒙层存在，点击蒙层时触发
    */
@@ -196,4 +200,4 @@ export interface DrawerCloseContext {
   e: MouseEvent | KeyboardEvent;
 }
 
-export type DrawerMethod = (options?: DrawerOptions, context?: AppContext) => void;
+export type DrawerMethod = (options?: DrawerOptions, context?: AppContext) => DrawerInstance;

packages/products/tdesign-vue-next/packages/components/drawer/type.ts

@@ -49225,6 +49225,43 @@
         "Array"
       ]
     },
+    {
+      "id": 1754230138,
+      "platform_framework": [
+        "1",
+        "2",
+        "4"
+      ],
+      "component": "Drawer",
+      "field_category": 2,
+      "field_name": "open",
+      "field_type": [],
+      "field_default_value": "",
+      "field_enum": "",
+      "field_desc_zh": "抽屉打开时触发",
+      "field_desc_en": null,
+      "field_required": 0,
+      "event_input": "",
+      "create_time": "2025-08-03 14:08:58",
+      "update_time": "2025-08-03 14:08:58",
+      "event_output": null,
+      "custom_field_type": null,
+      "syntactic_sugar": null,
+      "readonly": 1,
+      "html_attribute": 0,
+      "trigger_elements": "",
+      "deprecated": 0,
+      "version": "",
+      "test_description": null,
+      "support_default_value": 0,
+      "field_category_text": "Events",
+      "platform_framework_text": [
+        "Vue(PC)",
+        "React(PC)",
+        "Angular(PC)"
+      ],
+      "field_type_text": []
+    },
     {
       "id": 703,
       "platform_framework": [