From 05b6dba336c1a9952e7d15f1bc7c6c56aac4b575 Mon Sep 17 00:00:00 2001
From: Harvey <laozhaochaguan@gmail.com>
Date: Sun, 9 Oct 2022 16:34:35 +0800
Subject: [PATCH] Update setting.d.ts

---
 packages/artplayer/types/setting.d.ts | 31 ++++++++++++++++-----------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/packages/artplayer/types/setting.d.ts b/packages/artplayer/types/setting.d.ts
index b91f31364..ee4120bc8 100644
--- a/packages/artplayer/types/setting.d.ts
+++ b/packages/artplayer/types/setting.d.ts
@@ -1,3 +1,13 @@
+type Props = {
+    $icon?: HTMLDivElement;
+    $html?: HTMLDivElement;
+    $tooltip?: HTMLDivElement;
+    $switch?: boolean;
+    $range?: HTMLInputElement;
+    $parentItem?: Setting;
+    $parentList?: Setting[];
+};
+
 export type Setting = {
     /**
      * Html string or html element of setting name
@@ -29,10 +39,15 @@ export type Setting = {
      */
     selector?: Setting[];
 
+    /**
+     * Wnen the setting was mounted
+     */
+    mounted?(panel: HTMLDivElement, item: Setting): void;
+
     /**
      * When selector item click
      */
-    onSelect?(item: Setting, element: HTMLDivElement, event: Event): void;
+    onSelect?(item: Setting & Props, element: HTMLDivElement, event: Event): void;
 
     /**
      * Custom switch item
@@ -42,7 +57,7 @@ export type Setting = {
     /**
      * When switch item click
      */
-    onSwitch?(item: Setting, element: HTMLDivElement, event: Event): void;
+    onSwitch?(item: Setting & Props, element: HTMLDivElement, event: Event): void;
 
     /**
      * Custom range item
@@ -52,18 +67,10 @@ export type Setting = {
     /**
      * When range item change
      */
-    onRange?(item: Setting, element: HTMLDivElement, event: Event): void;
+    onRange?(item: Setting & Props, element: HTMLDivElement, event: Event): void;
 
     /**
      * When range item change in real time
      */
-    onChange?(item: Setting, element: HTMLDivElement, event: Event): void;
-
-    $icon?: HTMLDivElement;
-    $html?: HTMLDivElement;
-    $tooltip?: HTMLDivElement;
-    $switch?: boolean;
-    $range?: HTMLInputElement;
-    $parentItem?: Setting;
-    $parentList?: Setting[];
+    onChange?(item: Setting & Props, element: HTMLDivElement, event: Event): void;
 };