@simplysm/solid 13.0.0-beta.44 → 13.0.0-beta.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type Component, type JSX } from "solid-js";
|
|
2
|
-
import * as
|
|
2
|
+
import type * as echartsType from "echarts";
|
|
3
3
|
export interface EchartsProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
option:
|
|
4
|
+
option: echartsType.EChartsOption;
|
|
5
5
|
loading?: boolean;
|
|
6
6
|
}
|
|
7
7
|
export declare const Echarts: Component<EchartsProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Echarts.d.ts","sourceRoot":"","sources":["../../../src/components/display/Echarts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Echarts.d.ts","sourceRoot":"","sources":["../../../src/components/display/Echarts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEvG,OAAO,KAAK,KAAK,WAAW,MAAM,SAAS,CAAC;AAI5C,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAsC3C,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { createEffect, onCleanup, splitProps } from "solid-js";
|
|
1
|
+
import { createEffect, createSignal, onCleanup, splitProps } from "solid-js";
|
|
2
2
|
import { createResizeObserver } from "@solid-primitives/resize-observer";
|
|
3
|
-
import * as echarts from "echarts";
|
|
4
3
|
import clsx from "clsx";
|
|
5
4
|
import { twMerge } from "tailwind-merge";
|
|
6
5
|
const baseClass = clsx("block", "size-full");
|
|
@@ -8,14 +7,20 @@ const Echarts = (props) => {
|
|
|
8
7
|
const [local, rest] = splitProps(props, ["option", "loading", "class"]);
|
|
9
8
|
let containerRef;
|
|
10
9
|
let chart;
|
|
10
|
+
const [ready, setReady] = createSignal(false);
|
|
11
11
|
createEffect(() => {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
void import("echarts").then((echarts) => {
|
|
13
|
+
chart = echarts.init(containerRef, null, { renderer: "svg" });
|
|
14
|
+
setReady(true);
|
|
15
|
+
});
|
|
16
|
+
onCleanup(() => chart == null ? void 0 : chart.dispose());
|
|
14
17
|
});
|
|
15
18
|
createEffect(() => {
|
|
19
|
+
if (!ready()) return;
|
|
16
20
|
chart.setOption(local.option);
|
|
17
21
|
});
|
|
18
22
|
createEffect(() => {
|
|
23
|
+
if (!ready()) return;
|
|
19
24
|
if (local.loading) {
|
|
20
25
|
chart.showLoading();
|
|
21
26
|
} else {
|
|
@@ -23,7 +28,7 @@ const Echarts = (props) => {
|
|
|
23
28
|
}
|
|
24
29
|
});
|
|
25
30
|
createResizeObserver(containerRef, () => {
|
|
26
|
-
chart.resize();
|
|
31
|
+
chart == null ? void 0 : chart.resize();
|
|
27
32
|
});
|
|
28
33
|
return /* @__PURE__ */ React.createElement("div", { "data-echarts": true, ref: containerRef, class: twMerge(baseClass, local.class), ...rest });
|
|
29
34
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/display/Echarts.tsx"],
|
|
4
|
-
"sourcesContent": ["import { type Component, createEffect, onCleanup, splitProps, type JSX } from \"solid-js\";\nimport { createResizeObserver } from \"@solid-primitives/resize-observer\";\nimport * as
|
|
5
|
-
"mappings": "AAAA,SAAyB,cAAc,WAAW,kBAA4B;
|
|
4
|
+
"sourcesContent": ["import { type Component, createEffect, createSignal, onCleanup, splitProps, type JSX } from \"solid-js\";\nimport { createResizeObserver } from \"@solid-primitives/resize-observer\";\nimport type * as echartsType from \"echarts\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport interface EchartsProps extends JSX.HTMLAttributes<HTMLDivElement> {\n option: echartsType.EChartsOption;\n loading?: boolean;\n}\n\nconst baseClass = clsx(\"block\", \"size-full\");\n\nexport const Echarts: Component<EchartsProps> = (props) => {\n const [local, rest] = splitProps(props, [\"option\", \"loading\", \"class\"]);\n let containerRef!: HTMLDivElement;\n let chart: echartsType.EChartsType | undefined;\n const [ready, setReady] = createSignal(false);\n\n // \uB9C8\uC6B4\uD2B8 \uC2DC echarts \uB3D9\uC801 \uB85C\uB4DC + \uCC28\uD2B8 \uCD08\uAE30\uD654\n createEffect(() => {\n void import(\"echarts\").then((echarts) => {\n chart = echarts.init(containerRef, null, { renderer: \"svg\" });\n setReady(true);\n });\n\n onCleanup(() => chart?.dispose());\n });\n\n // option \uBCC0\uACBD \uAC10\uC9C0\n createEffect(() => {\n if (!ready()) return;\n chart!.setOption(local.option);\n });\n\n // loading \uC0C1\uD0DC \uBCC0\uACBD \uAC10\uC9C0\n createEffect(() => {\n if (!ready()) return;\n if (local.loading) {\n chart!.showLoading();\n } else {\n chart!.hideLoading();\n }\n });\n\n // \uCEE8\uD14C\uC774\uB108 \uD06C\uAE30 \uBCC0\uACBD \uAC10\uC9C0\n createResizeObserver(containerRef, () => {\n chart?.resize();\n });\n\n return <div data-echarts ref={containerRef} class={twMerge(baseClass, local.class)} {...rest} />;\n};\n"],
|
|
5
|
+
"mappings": "AAAA,SAAyB,cAAc,cAAc,WAAW,kBAA4B;AAC5F,SAAS,4BAA4B;AAErC,OAAO,UAAU;AACjB,SAAS,eAAe;AAOxB,MAAM,YAAY,KAAK,SAAS,WAAW;AAEpC,MAAM,UAAmC,CAAC,UAAU;AACzD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,UAAU,WAAW,OAAO,CAAC;AACtE,MAAI;AACJ,MAAI;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAa,KAAK;AAG5C,eAAa,MAAM;AACjB,SAAK,OAAO,SAAS,EAAE,KAAK,CAAC,YAAY;AACvC,cAAQ,QAAQ,KAAK,cAAc,MAAM,EAAE,UAAU,MAAM,CAAC;AAC5D,eAAS,IAAI;AAAA,IACf,CAAC;AAED,cAAU,MAAM,+BAAO,SAAS;AAAA,EAClC,CAAC;AAGD,eAAa,MAAM;AACjB,QAAI,CAAC,MAAM,EAAG;AACd,UAAO,UAAU,MAAM,MAAM;AAAA,EAC/B,CAAC;AAGD,eAAa,MAAM;AACjB,QAAI,CAAC,MAAM,EAAG;AACd,QAAI,MAAM,SAAS;AACjB,YAAO,YAAY;AAAA,IACrB,OAAO;AACL,YAAO,YAAY;AAAA,IACrB;AAAA,EACF,CAAC;AAGD,uBAAqB,cAAc,MAAM;AACvC,mCAAO;AAAA,EACT,CAAC;AAED,SAAO,oCAAC,SAAI,gBAAY,MAAC,KAAK,cAAc,OAAO,QAAQ,WAAW,MAAM,KAAK,GAAI,GAAG,MAAM;AAChG;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplysm/solid",
|
|
3
|
-
"version": "13.0.0-beta.
|
|
3
|
+
"version": "13.0.0-beta.45",
|
|
4
4
|
"description": "심플리즘 패키지 - SolidJS 라이브러리",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"solid-tiptap": "^0.8.0",
|
|
48
48
|
"tailwind-merge": "^3.4.0",
|
|
49
49
|
"tailwindcss": "^3.4.19",
|
|
50
|
-
"@simplysm/core-browser": "13.0.0-beta.
|
|
51
|
-
"@simplysm/core-common": "13.0.0-beta.
|
|
50
|
+
"@simplysm/core-browser": "13.0.0-beta.45",
|
|
51
|
+
"@simplysm/core-common": "13.0.0-beta.45"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@solidjs/testing-library": "^0.8.10"
|