@visactor/vchart-theme-demo-component 1.11.2 → 1.11.4

package/esm/vchart-chart-hub-theme/chart-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vchart-chart-hub-theme/chart-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;KACf;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;KACf;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,YAAY;KACnB;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,cAAc;KACrB;IACD;QACE,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,sBAAsB;KAC7B;IACD;QACE,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,wBAAwB;KAC/B;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO;KACd;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;KACf;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;KAClB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE;YACN,mBAAmB,EAAE,IAAI;SAC1B;KACF;CACF,CAAC","file":"chart-list.js","sourcesContent":["import type { IChartInfo } from '../interface';\nimport { areaSpec } from '../spec/area';\nimport { barGroupSpec } from '../spec/barGroup';\nimport { barGroupHorizontalSpec } from '../spec/barGroupHorizontal';\nimport { barStackedSpec } from '../spec/barStacked';\nimport { barStackedHorizontalSpec } from '../spec/barStackedHorizontal';\nimport { gaugeSpec } from '../spec/gauge';\nimport { horizontalBarSpec } from '../spec/horizontalBar';\nimport { indicatorSankeySpec } from '../spec/indicatorSankey';\nimport { lineSpec } from '../spec/line';\nimport { pieSpec } from '../spec/pie';\nimport { radarSpec } from '../spec/radar';\nimport { ringSpec } from '../spec/ring';\nimport { scatterSpec } from '../spec/scatter';\n\nexport const charts: IChartInfo[] = [\n  {\n    title: 'Line Chart',\n    spec: lineSpec\n  },\n  {\n    title: 'Area Chart',\n    spec: areaSpec\n  },\n  {\n    title: 'Grouped Bar Chart',\n    spec: barGroupSpec\n  },\n  {\n    title: 'Stacked Bar Chart',\n    spec: barStackedSpec\n  },\n  {\n    title: 'Horizontal Grouped Bar Chart',\n    spec: barGroupHorizontalSpec\n  },\n  {\n    title: 'Horizontal Stacked Bar Chart',\n    spec: barStackedHorizontalSpec\n  },\n  {\n    title: 'Pie Chart',\n    spec: pieSpec\n  },\n  {\n    title: 'Ring Chart',\n    spec: ringSpec\n  },\n  {\n    title: 'Gauge Chart',\n    spec: gaugeSpec\n  },\n  {\n    title: 'Horizontal Bar Chart',\n    spec: horizontalBarSpec\n  },\n  {\n    title: 'Scatter Chart',\n    spec: scatterSpec\n  },\n  {\n    title: 'Radar Chart',\n    spec: radarSpec\n  },\n  {\n    title: 'Indicator Sankey Chart',\n    spec: indicatorSankeySpec,\n    option: {\n      enableHtmlAttribute: true\n    }\n  }\n];\n"]}
+{"version":3,"sources":["../src/vchart-chart-hub-theme/chart-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,MAAM;KACjB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,MAAM;KACjB;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,UAAU;KACrB;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,YAAY;KACvB;IACD;QACE,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,eAAe;KAC1B;IACD;QACE,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,wBAAwB;QAC9B,QAAQ,EAAE,sBAAsB;KACjC;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,MAAM;KACjB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,OAAO;KAClB;IACD;QACE,KAAK,EAAE,sBAAsB;QAC7B,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE,eAAe;KAC1B;IACD;QACE,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,SAAS;KACpB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,OAAO;KAClB;IACD;QACE,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,mBAAmB;QACzB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE;YACN,mBAAmB,EAAE,IAAI;SAC1B;KACF;CACF,CAAC","file":"chart-list.js","sourcesContent":["import type { IChartInfo } from '../interface';\nimport { areaSpec } from '../spec/area';\nimport { barGroupSpec } from '../spec/barGroup';\nimport { barGroupHorizontalSpec } from '../spec/barGroupHorizontal';\nimport { barStackedSpec } from '../spec/barStacked';\nimport { barStackedHorizontalSpec } from '../spec/barStackedHorizontal';\nimport { gaugeSpec } from '../spec/gauge';\nimport { horizontalBarSpec } from '../spec/horizontalBar';\nimport { indicatorSankeySpec } from '../spec/indicatorSankey';\nimport { lineSpec } from '../spec/line';\nimport { pieSpec } from '../spec/pie';\nimport { radarSpec } from '../spec/radar';\nimport { ringSpec } from '../spec/ring';\nimport { scatterSpec } from '../spec/scatter';\n\nexport const charts: IChartInfo[] = [\n  {\n    title: 'Line Chart',\n    spec: lineSpec,\n    fileName: 'line'\n  },\n  {\n    title: 'Area Chart',\n    spec: areaSpec,\n    fileName: 'area'\n  },\n  {\n    title: 'Grouped Bar Chart',\n    spec: barGroupSpec,\n    fileName: 'barGroup'\n  },\n  {\n    title: 'Stacked Bar Chart',\n    spec: barStackedSpec,\n    fileName: 'barStacked'\n  },\n  {\n    title: 'Horizontal Grouped Bar Chart',\n    spec: barGroupHorizontalSpec,\n    fileName: 'horizontalBar'\n  },\n  {\n    title: 'Horizontal Stacked Bar Chart',\n    spec: barStackedHorizontalSpec,\n    fileName: 'barStackedHorizontal'\n  },\n  {\n    title: 'Pie Chart',\n    spec: pieSpec,\n    fileName: 'pie'\n  },\n  {\n    title: 'Ring Chart',\n    spec: ringSpec,\n    fileName: 'ring'\n  },\n  {\n    title: 'Gauge Chart',\n    spec: gaugeSpec,\n    fileName: 'gauge'\n  },\n  {\n    title: 'Horizontal Bar Chart',\n    spec: horizontalBarSpec,\n    fileName: 'horizontalBar'\n  },\n  {\n    title: 'Scatter Chart',\n    spec: scatterSpec,\n    fileName: 'scatter'\n  },\n  {\n    title: 'Radar Chart',\n    spec: radarSpec,\n    fileName: 'radar'\n  },\n  {\n    title: 'Indicator Sankey Chart',\n    spec: indicatorSankeySpec,\n    fileName: 'indicatorSankey',\n    option: {\n      enableHtmlAttribute: true\n    }\n  }\n];\n"]}

package/esm/vchart-chart-hub-theme/charts.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import '@arco-design/web-react/dist/css/arco.css';
-export declare const Charts: () => React.JSX.Element;
+export interface IProps {
+    language?: 'en' | 'zh';
+}
+export declare function Charts(props: IProps): React.JSX.Element;

package/esm/vchart-chart-hub-theme/charts.js

@@ -1,4 +1,30 @@
-import React from "react";
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+import React, { useCallback } from "react";
 
 import { isMobile } from "react-device-detect";
 
@@ -6,38 +32,54 @@ import { charts } from "./chart-list";
 
 import { VChart as VChartComponent } from "@visactor/react-vchart";
 
+import { i18n } from "./i18n";
+
 import VChart from "@visactor/vchart";
 
 import { chartHubLightTheme } from "@visactor/vchart-theme";
 
-import { Card } from "@douyinfe/semi-ui";
+import { Button, Card } from "@douyinfe/semi-ui";
 
 import { Grid } from "@arco-design/web-react";
 
 import "@arco-design/web-react/dist/css/arco.css";
 
-const {Row: Row, Col: Col} = Grid, chartHeight = 400, gutter = 16;
+const {Row: Row, Col: Col} = Grid, chartHeight = 400, gutter = 16, DEMO_SOURCE_PREFIX = "https://raw.githubusercontent.com/VisActor/vchart-theme/develop/packages/vchart-theme-demo-component/src/spec/";
 
 VChart.ThemeManager.registerTheme("chart-hub-light", chartHubLightTheme), VChart.ThemeManager.setCurrentTheme("chart-hub-light");
 
-export const Charts = () => React.createElement(Row, {
-    gutter: 16
-}, charts.map(((chart, i) => React.createElement(Col, {
-    span: 12,
-    key: i,
-    style: {
-        marginBottom: 16
-    }
-}, React.createElement(Card, {
-    className: "chartContainer",
-    bordered: !1,
-    headerLine: !0,
-    title: chart.title
-}, React.createElement(VChartComponent, {
-    spec: Object.assign(Object.assign({}, chart.spec), {
-        height: 400
-    }),
-    options: Object.assign(Object.assign({}, chart.option), {
-        mode: isMobile ? "mobile-browser" : "desktop-browser"
-    })
-}))))));
+export function Charts(props) {
+    const {language: language = "zh"} = props, onClick = useCallback((chartInfo => __awaiter(this, void 0, void 0, (function*() {
+        const {fileName: fileName, option: option} = chartInfo;
+        if (!fileName) return;
+        let url = `/vchart/playground?specUrl=${`${DEMO_SOURCE_PREFIX}${fileName}.ts`}`;
+        option && (url += `&initOption=${JSON.stringify(option)}`), window.open(url);
+    }))), []);
+    return React.createElement(Row, {
+        gutter: 16
+    }, charts.map(((chart, i) => React.createElement(Col, {
+        span: 12,
+        key: i,
+        style: {
+            marginBottom: 16
+        }
+    }, React.createElement(Card, {
+        className: "chartContainer",
+        bordered: !1,
+        headerLine: !0,
+        title: chart.title,
+        headerExtraContent: React.createElement(Button, {
+            size: "small",
+            onClick: () => {
+                onClick(chart);
+            }
+        }, i18n.link[language])
+    }, React.createElement(VChartComponent, {
+        spec: Object.assign(Object.assign({}, chart.spec), {
+            height: 400
+        }),
+        options: Object.assign(Object.assign({}, chart.option), {
+            mode: isMobile ? "mobile-browser" : "desktop-browser"
+        })
+    }))))));
+}

package/esm/vchart-chart-hub-theme/charts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAElD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACzE,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAChB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACvB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAChD,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACpF,oBAAC,eAAe,IACd,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,MAAM,EAAE,WAAW,KAErB,OAAO,kCACF,KAAK,CAAC,MAAM,KACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,MAEvD,CACG,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC","file":"charts.js","sourcesContent":["import React from 'react';\nimport { isMobile } from 'react-device-detect';\nimport { charts } from './chart-list';\nimport { VChart as VChartComponent } from '@visactor/react-vchart';\nimport VChart from '@visactor/vchart';\nimport { chartHubLightTheme } from '@visactor/vchart-theme';\n\nimport { Card } from '@douyinfe/semi-ui';\nimport { Grid } from '@arco-design/web-react';\nimport '@arco-design/web-react/dist/css/arco.css';\n\nconst { Row, Col } = Grid;\n\nconst chartHeight = 400;\n\nconst gutter = 16;\n\nVChart.ThemeManager.registerTheme('chart-hub-light', chartHubLightTheme);\nVChart.ThemeManager.setCurrentTheme('chart-hub-light');\n\nexport const Charts = () => {\n  return (\n    <Row gutter={gutter}>\n      {charts.map((chart, i) => {\n        return (\n          <Col span={12} key={i} style={{ marginBottom: 16 }}>\n            <Card className=\"chartContainer\" bordered={false} headerLine={true} title={chart.title}>\n              <VChartComponent\n                spec={{\n                  ...chart.spec,\n                  height: chartHeight\n                }}\n                options={{\n                  ...chart.option,\n                  mode: isMobile ? 'mobile-browser' : 'desktop-browser'\n                }}\n              />\n            </Card>\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n"]}
+{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAGlD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1B,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,MAAM,kBAAkB,GACtB,gHAAgH,CAAC;AAEnH,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACzE,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAMvD,MAAM,UAAU,MAAM,CAAC,KAAa;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAO,SAAqB,EAAE,EAAE;QAC1D,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,MAAM,OAAO,GAAG,GAAG,kBAAkB,GAAG,QAAQ,KAAK,CAAC;QACtD,IAAI,GAAG,GAAG,8BAA8B,OAAO,EAAE,CAAC;QAClD,IAAI,MAAM,EAAE;YACV,GAAG,IAAI,eAAe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;SAChD;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAChB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACvB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAChD,oBAAC,IAAI,IACH,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAChB,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,IAEA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CACb;gBAGX,oBAAC,eAAe,IACd,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,MAAM,EAAE,WAAW,KAErB,OAAO,kCACF,KAAK,CAAC,MAAM,KACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,MAEvD,CACG,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","file":"charts.js","sourcesContent":["import React, { useCallback } from 'react';\nimport { isMobile } from 'react-device-detect';\nimport { charts } from './chart-list';\nimport { VChart as VChartComponent } from '@visactor/react-vchart';\nimport { i18n } from './i18n';\nimport VChart from '@visactor/vchart';\nimport { chartHubLightTheme } from '@visactor/vchart-theme';\n\nimport { Button, Card } from '@douyinfe/semi-ui';\nimport { Grid } from '@arco-design/web-react';\nimport '@arco-design/web-react/dist/css/arco.css';\nimport type { IChartInfo } from '../interface';\n\nconst { Row, Col } = Grid;\nconst chartHeight = 400;\n\nconst gutter = 16;\n\nconst DEMO_SOURCE_PREFIX =\n  'https://raw.githubusercontent.com/VisActor/vchart-theme/develop/packages/vchart-theme-demo-component/src/spec/';\n\nVChart.ThemeManager.registerTheme('chart-hub-light', chartHubLightTheme);\nVChart.ThemeManager.setCurrentTheme('chart-hub-light');\n\nexport interface IProps {\n  language?: 'en' | 'zh';\n}\n\nexport function Charts(props: IProps) {\n  const { language = 'zh' } = props;\n\n  const onClick = useCallback(async (chartInfo: IChartInfo) => {\n    const { fileName, option } = chartInfo;\n    if (!fileName) {\n      return;\n    }\n    const specUrl = `${DEMO_SOURCE_PREFIX}${fileName}.ts`;\n    let url = `/vchart/playground?specUrl=${specUrl}`;\n    if (option) {\n      url += `&initOption=${JSON.stringify(option)}`;\n    }\n    window.open(url);\n  }, []);\n\n  return (\n    <Row gutter={gutter}>\n      {charts.map((chart, i) => {\n        return (\n          <Col span={12} key={i} style={{ marginBottom: 16 }}>\n            <Card\n              className=\"chartContainer\"\n              bordered={false}\n              headerLine={true}\n              title={chart.title}\n              headerExtraContent={\n                <Button\n                  size=\"small\"\n                  onClick={() => {\n                    onClick(chart);\n                  }}\n                >\n                  {i18n.link[language]}\n                </Button>\n              }\n            >\n              <VChartComponent\n                spec={{\n                  ...chart.spec,\n                  height: chartHeight\n                }}\n                options={{\n                  ...chart.option,\n                  mode: isMobile ? 'mobile-browser' : 'desktop-browser'\n                }}\n              />\n            </Card>\n          </Col>\n        );\n      })}\n    </Row>\n  );\n}\n"]}

package/esm/vchart-chart-hub-theme/frame.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import './style/style';
-export declare const Frame: () => React.JSX.Element;
+export declare function Frame(props: {
+    language?: 'zh' | 'en';
+}): React.JSX.Element;

package/esm/vchart-chart-hub-theme/frame.js

@@ -8,36 +8,40 @@ import "./style/style";
 
 import { Charts } from "./charts";
 
-export const Frame = () => React.createElement("div", {
-    className: "rootSidenav"
-}, React.createElement(Nav, {
-    mode: "horizontal",
-    header: {
-        text: "ChartHub Templates"
-    },
-    footer: React.createElement("div", {
-        className: "dIV"
-    }, React.createElement(IconFeishuLogo, {
-        size: "large",
-        className: "semiIconsFeishuLogo"
-    }), React.createElement(IconHelpCircle, {
-        size: "large",
-        className: "semiIconsHelpCircle"
-    }), React.createElement(IconBell, {
-        size: "large",
-        className: "semiIconsBell"
-    }), React.createElement(Avatar, {
-        size: "small",
-        src: "https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg",
-        color: "blue",
-        className: "avatar"
-    }, "示例")),
-    className: "nav"
-}), React.createElement("div", {
-    className: "main"
-}, React.createElement("div", {
-    className: "right"
-}, React.createElement("div", {
-    className: "frame1321317607"
-}, React.createElement(Charts, null)))));
+export function Frame(props) {
+    return React.createElement("div", {
+        className: "rootSidenav"
+    }, React.createElement(Nav, {
+        mode: "horizontal",
+        header: {
+            text: "ChartHub Templates"
+        },
+        footer: React.createElement("div", {
+            className: "dIV"
+        }, React.createElement(IconFeishuLogo, {
+            size: "large",
+            className: "semiIconsFeishuLogo"
+        }), React.createElement(IconHelpCircle, {
+            size: "large",
+            className: "semiIconsHelpCircle"
+        }), React.createElement(IconBell, {
+            size: "large",
+            className: "semiIconsBell"
+        }), React.createElement(Avatar, {
+            size: "small",
+            src: "https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg",
+            color: "blue",
+            className: "avatar"
+        }, "示例")),
+        className: "nav"
+    }), React.createElement("div", {
+        className: "main"
+    }, React.createElement("div", {
+        className: "right"
+    }, React.createElement("div", {
+        className: "frame1321317607"
+    }, React.createElement(Charts, {
+        language: props.language
+    })))));
+}
 //# sourceMappingURL=frame.js.map

package/esm/vchart-chart-hub-theme/frame.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vchart-chart-hub-theme/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,oBAAC,GAAG,IACF,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B,EACD,MAAM,EACJ,6BAAK,SAAS,EAAC,KAAK;gBAClB,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,GAAG;gBACnD,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,8GAA8G,EAClH,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,QAAQ,mBAGX,CACL,EAER,SAAS,EAAC,KAAK,GACV;QACP,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,OAAO;gBACpB,6BAAK,SAAS,EAAC,iBAAiB;oBAC9B,oBAAC,MAAM,OAAG,CACN,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC","file":"frame.js","sourcesContent":["import React from 'react';\nimport { Nav, Avatar } from '@douyinfe/semi-ui';\nimport { IconFeishuLogo, IconHelpCircle, IconBell } from '@douyinfe/semi-icons';\nimport './style/style';\nimport { Charts } from './charts';\n\nexport const Frame = () => {\n  return (\n    <div className=\"rootSidenav\">\n      <Nav\n        mode=\"horizontal\"\n        header={{\n          text: 'ChartHub Templates'\n        }}\n        footer={\n          <div className=\"dIV\">\n            <IconFeishuLogo size=\"large\" className=\"semiIconsFeishuLogo\" />\n            <IconHelpCircle size=\"large\" className=\"semiIconsHelpCircle\" />\n            <IconBell size=\"large\" className=\"semiIconsBell\" />\n            <Avatar\n              size=\"small\"\n              src=\"https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg\"\n              color=\"blue\"\n              className=\"avatar\"\n            >\n              示例\n            </Avatar>\n          </div>\n        }\n        className=\"nav\"\n      ></Nav>\n      <div className=\"main\">\n        <div className=\"right\">\n          <div className=\"frame1321317607\">\n            <Charts />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// export default Frame;\n"]}
+{"version":3,"sources":["../src/vchart-chart-hub-theme/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,UAAU,KAAK,CAAC,KAAiC;IACrD,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,oBAAC,GAAG,IACF,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B,EACD,MAAM,EACJ,6BAAK,SAAS,EAAC,KAAK;gBAClB,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,GAAG;gBACnD,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,8GAA8G,EAClH,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,QAAQ,mBAGX,CACL,EAER,SAAS,EAAC,KAAK,GACV;QACP,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,OAAO;gBACpB,6BAAK,SAAS,EAAC,iBAAiB;oBAC9B,oBAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAChC,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC","file":"frame.js","sourcesContent":["import React from 'react';\nimport { Nav, Avatar } from '@douyinfe/semi-ui';\nimport { IconFeishuLogo, IconHelpCircle, IconBell } from '@douyinfe/semi-icons';\nimport './style/style';\nimport { Charts } from './charts';\n\nexport function Frame(props: { language?: 'zh' | 'en' }) {\n  return (\n    <div className=\"rootSidenav\">\n      <Nav\n        mode=\"horizontal\"\n        header={{\n          text: 'ChartHub Templates'\n        }}\n        footer={\n          <div className=\"dIV\">\n            <IconFeishuLogo size=\"large\" className=\"semiIconsFeishuLogo\" />\n            <IconHelpCircle size=\"large\" className=\"semiIconsHelpCircle\" />\n            <IconBell size=\"large\" className=\"semiIconsBell\" />\n            <Avatar\n              size=\"small\"\n              src=\"https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg\"\n              color=\"blue\"\n              className=\"avatar\"\n            >\n              示例\n            </Avatar>\n          </div>\n        }\n        className=\"nav\"\n      ></Nav>\n      <div className=\"main\">\n        <div className=\"right\">\n          <div className=\"frame1321317607\">\n            <Charts language={props.language} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/esm/vchart-chart-hub-theme/i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const i18n: {
+    link: {
+        zh: string;
+        en: string;
+    };
+};

package/esm/vchart-chart-hub-theme/i18n.js

@@ -0,0 +1,7 @@
+export const i18n = {
+    link: {
+        zh: "试一试",
+        en: "Try It"
+    }
+};
+//# sourceMappingURL=i18n.js.map

package/esm/vchart-chart-hub-theme/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vchart-chart-hub-theme/i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,QAAQ;KACb;CACF,CAAC","file":"i18n.js","sourcesContent":["export const i18n = {\n  link: {\n    zh: '试一试',\n    en: 'Try It'\n  }\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vchart-theme-demo-component",
-  "version": "1.11.2",
+  "version": "1.11.4",
   "description": "theme demo page in vchart site",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -15,8 +15,8 @@
     "@douyinfe/semi-icons": "latest",
     "@douyinfe/semi-icons-lab": "latest",
     "@arco-design/web-react": "^2.32.2",
-    "@visactor/vchart-theme-utils": "1.11.2",
-    "@visactor/vchart-theme": "1.11.2",
+    "@visactor/vchart-theme-utils": "1.11.4",
+    "@visactor/vchart-theme": "1.11.4",
     "@visactor/vchart": "1.11.0",
     "@visactor/react-vchart": "1.11.0"
   },
@@ -38,10 +38,10 @@
     "@types/jest": "~29.5.0",
     "@types/offscreencanvas": "2019.6.4",
     "@types/node": "*",
-    "@internal/bundler": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/jest-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/bundler": "0.0.1",
+    "@internal/ts-config": "0.0.1",
+    "@internal/jest-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"