refactor(core): [CORE-21] generate compatible public and editor declarations

packages/artplayer/public/setting.ts

@@ -0,0 +1,95 @@
+import type Artplayer from './artplayer'
+
+export interface SettingOption extends Omit<Setting, 'html' | 'icon' | 'tooltip'> {
+  html: string
+  icon: string | undefined
+  tooltip: string | undefined
+  $item: HTMLDivElement
+  $icon: HTMLDivElement | undefined
+  $html: HTMLDivElement
+  $tooltip: HTMLDivElement | undefined
+  $switch: HTMLDivElement | undefined
+  $range: HTMLInputElement | undefined
+  $parent: SettingOption | undefined
+  $parents: SettingOption[]
+  $option: SettingOption[]
+  $events: Array<() => void>
+  $formatted: boolean
+}
+
+export interface Setting {
+  /**
+   * Html string or html element of setting name
+   */
+  html: string | HTMLElement
+
+  /**
+   * Html string or html element of setting icon
+   */
+  icon?: string | HTMLElement
+
+  /**
+   * The width of setting
+   */
+  width?: number
+
+  /**
+   * The tooltip of setting
+   */
+  tooltip?: string | HTMLElement
+
+  /**
+   * Whether the default is selected
+   */
+  default?: boolean
+
+  /**
+   * Custom selector list
+   */
+  selector?: Setting[]
+
+  /**
+   * When the setting was mounted
+   */
+  mounted?: (this: Artplayer, panel: HTMLDivElement, item: Setting) => void
+
+  /**
+   * When selector item click
+   */
+  onSelect?: (this: Artplayer, item: SettingOption, element: HTMLDivElement, event: Event) => void
+
+  /**
+   * Custom switch item
+   */
+  switch?: boolean
+
+  /**
+   * When switch item click
+   */
+  onSwitch?: (this: Artplayer, item: SettingOption, element: HTMLDivElement, event: Event) => void
+
+  /**
+   * Custom range item
+   */
+  range?: [value?: number, min?: number, max?: number, step?: number]
+
+  /**
+   * When range item change
+   */
+  onRange?: (this: Artplayer, item: SettingOption, element: HTMLDivElement, event: Event) => void
+
+  /**
+   * When range item change in real time
+   */
+  onChange?: (this: Artplayer, item: SettingOption, element: HTMLDivElement, event: Event) => void
+
+  /**
+   * When range item change in real time
+   */
+  onClick?: (this: Artplayer, item: SettingOption, element: HTMLDivElement, event: Event) => void
+
+  /**
+   * Allow custom properties
+   */
+  [key: string]: any
+}