build: add back umd, drop csp, share type between vue2/3

src/global.ts

@@ -0,0 +1,7 @@
+import "echarts";
+import ECharts, * as exported from "./index";
+
+export default {
+  ...ECharts,
+  ...exported
+};

src/index.d.ts

@@ -1,30 +1,44 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import type { Ref, DefineComponent } from "vue-demi";
+import type { Ref, DefineComponent, InjectionKey } from "vue-demi";
 import type {
   Option,
+  Theme,
   InitOptions,
   UpdateOptions,
+  LoadingOptions,
   EChartsType,
-  Emits
+  Emits,
+  ThemeInjection,
+  InitOptionsInjection,
+  UpdateOptionsInjection,
+  LoadingOptionsInjection
 } from "./types";
 
-declare const LOADING_OPTIONS_KEY = "ecLoadingOptions";
-declare const THEME_KEY = "ecTheme";
-declare const INIT_OPTIONS_KEY = "ecInitOptions";
-declare const UPDATE_OPTIONS_KEY = "ecUpdateOptions";
+declare const THEME_KEY: InjectionKey<ThemeInjection>;
+declare const INIT_OPTIONS_KEY: InjectionKey<InitOptionsInjection>;
+declare const UPDATE_OPTIONS_KEY: InjectionKey<UpdateOptionsInjection>;
+declare const LOADING_OPTIONS_KEY: InjectionKey<LoadingOptionsInjection>;
 
 declare type ChartProps = {
-  loading?: boolean;
-  loadingOptions?: Record<string, unknown>;
-  autoresize?: boolean;
-  option?: Option;
-  theme?: string | Record<string, unknown>;
+  theme?: Theme;
   initOptions?: InitOptions;
   updateOptions?: UpdateOptions;
+  loadingOptions?: LoadingOptions;
+  option?: Option;
+  autoresize?: boolean;
+  loading?: boolean;
   group?: string;
   manualUpdate?: boolean;
 };
 
+// convert Emits to Props
+// click => onClick
+declare type ChartEventProps = {
+  [key in keyof Emits as key extends string
+    ? `on${Capitalize<key>}`
+    : never]?: Emits[key];
+};
+
 type MethodNames =
   | "getWidth"
   | "getHeight"
@@ -46,18 +60,15 @@ type MethodNames =
 declare type ChartMethods = Pick<EChartsType, MethodNames>;
 
 declare const Chart: DefineComponent<
-  ChartProps,
+  ChartProps & ChartEventProps,
   {
     root: Ref<HTMLElement | undefined>;
     chart: Ref<EChartsType | undefined>;
   },
   {},
   {},
-  ChartMethods,
-  {},
-  {},
-  Emits
+  ChartMethods
 >;
 
 export default Chart;
-export { INIT_OPTIONS_KEY, LOADING_OPTIONS_KEY, THEME_KEY, UPDATE_OPTIONS_KEY };
+export { THEME_KEY, INIT_OPTIONS_KEY, UPDATE_OPTIONS_KEY, LOADING_OPTIONS_KEY };

src/types.ts

@@ -1,6 +1,6 @@
 import { init } from "echarts/core";
 
-import type { SetOptionOpts, ECElementEvent, ElementEvent } from "echarts";
+import type { SetOptionOpts, ECElementEvent, ElementEvent } from "echarts/core";
 import type { Ref } from "vue-demi";
 
 export type Injection<T> = T | null | Ref<T | null> | { value: T | null };
@@ -37,6 +37,7 @@ export type LoadingOptions = {
   lineWidth?: number;
   zlevel?: number;
 };
+export type LoadingOptionsInjection = Injection<LoadingOptions>;
 
 type MouseEventName =
   | "click"

src/wc.ts

@@ -26,21 +26,9 @@ export function register(): boolean {
     // if the browser doesn't support native classes.
     const reg = new Function(
       "tag",
-      `class EChartsElement extends HTMLElement {
-  __dispose = null;
-
-  disconnectedCallback() {
-    if (this.__dispose) {
-      this.__dispose();
-      this.__dispose = null;
-    }
-  }
-}
-
-if (customElements.get(tag) == null) {
-  customElements.define(tag, EChartsElement);
-}
-`
+      // Use esbuild repl to keep build process simple
+      // https://esbuild.github.io/try/#dAAwLjIzLjAALS1taW5pZnkAY2xhc3MgRUNoYXJ0c0VsZW1lbnQgZXh0ZW5kcyBIVE1MRWxlbWVudCB7CiAgX19kaXNwb3NlID0gbnVsbDsKCiAgZGlzY29ubmVjdGVkQ2FsbGJhY2soKSB7CiAgICBpZiAodGhpcy5fX2Rpc3Bvc2UpIHsKICAgICAgdGhpcy5fX2Rpc3Bvc2UoKTsKICAgICAgdGhpcy5fX2Rpc3Bvc2UgPSBudWxsOwogICAgfQogIH0KfQoKaWYgKGN1c3RvbUVsZW1lbnRzLmdldCh0YWcpID09IG51bGwpIHsKICBjdXN0b21FbGVtZW50cy5kZWZpbmUodGFnLCBFQ2hhcnRzRWxlbWVudCk7Cn0K
+      "class EChartsElement extends HTMLElement{__dispose=null;disconnectedCallback(){this.__dispose&&(this.__dispose(),this.__dispose=null)}}customElements.get(tag)==null&&customElements.define(tag,EChartsElement);"
     );
     reg(TAG_NAME);
   } catch (e) {