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

package/esm/spec/ring.js

@@ -0,0 +1,59 @@
+export const ringSpec = {
+    type: "pie",
+    data: [ {
+        id: "id0",
+        values: [ {
+            type: "Category 1",
+            value: "0.38"
+        }, {
+            type: "Category 2",
+            value: "0.26"
+        }, {
+            type: "Category 3",
+            value: "0.36"
+        } ]
+    } ],
+    valueField: "value",
+    categoryField: "type",
+    legends: {
+        visible: !0,
+        orient: "bottom"
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    pie: {
+        state: {
+            active: {
+                lineWidth: 0
+            }
+        }
+    },
+    label: {
+        formatMethod: (value, data) => ({
+            type: "rich",
+            text: [ {
+                text: `${data.value}\n`,
+                fontSize: 18,
+                fontWeight: "bold",
+                fill: "black"
+            }, {
+                text: data.type,
+                fill: "#595959"
+            } ]
+        })
+    },
+    indicator: {
+        visible: !0,
+        trigger: "none",
+        title: {
+            visible: !0,
+            style: {
+                text: "饼图",
+                fontSize: 30
+            }
+        }
+    }
+};
+//# sourceMappingURL=ring.js.map

package/esm/spec/ring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/ring.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;aACtC;SACF;KACF;IACD,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ;YACE,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,GAAG,EAAE;QACH,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;YACtC,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;wBACvB,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,MAAM;wBAClB,IAAI,EAAE,OAAO;qBACd;oBACD;wBACE,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,IAAI,EAAE,SAAS;qBAChB;iBACF;aACF,CAAC;QACJ,CAAC;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,EAAE;aACb;SACF;KACF;CACF,CAAC","file":"ring.js","sourcesContent":["export const ringSpec = {\n  type: 'pie',\n  data: [\n    {\n      id: 'id0',\n      values: [\n        { type: 'Category 1', value: '0.38' },\n        { type: 'Category 2', value: '0.26' },\n        { type: 'Category 3', value: '0.36' }\n      ]\n    }\n  ],\n  valueField: 'value',\n  categoryField: 'type',\n  legends: {\n    visible: true,\n    orient: 'bottom'\n  },\n  interactions: [\n    {\n      type: 'element-active-by-legend',\n      state: 'active'\n    }\n  ],\n  pie: {\n    state: {\n      active: {\n        lineWidth: 0\n      }\n    }\n  },\n  label: {\n    formatMethod: (value: any, data: any) => {\n      return {\n        type: 'rich',\n        text: [\n          {\n            text: `${data.value}\\n`,\n            fontSize: 18,\n            fontWeight: 'bold',\n            fill: 'black'\n          },\n          {\n            text: data.type,\n            fill: '#595959'\n          }\n        ]\n      };\n    }\n  },\n  indicator: {\n    visible: true,\n    trigger: 'none',\n    title: {\n      visible: true,\n      style: {\n        text: '饼图',\n        fontSize: 30\n      }\n    }\n  }\n};\n"]}

package/esm/spec/scatter.d.ts

@@ -0,0 +1,57 @@
+export declare const scatterSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            gender: string;
+            height: number;
+            weight: number;
+            age: number;
+        }[];
+    }[];
+    xField: string;
+    yField: string;
+    seriesField: string;
+    legends: {
+        visible: boolean;
+    };
+    crosshair: {
+        xField: {
+            visible: boolean;
+        };
+    };
+    interactions: {
+        type: string;
+        state: string;
+    }[];
+    tooltip: {
+        dimension: {
+            visible: boolean;
+        };
+    };
+    point: {
+        state: {
+            active: {
+                size: number;
+                fillOpacity: number;
+                strokeOpacity: number;
+                outerBorder: {
+                    lineWidth: number;
+                    strokeOpacity: number;
+                    distance: number;
+                };
+            };
+        };
+    };
+    axes: {
+        orient: string;
+        type: string;
+        zero: boolean;
+        domainLine: {
+            visible: boolean;
+        };
+        grid: {
+            visible: boolean;
+        };
+    }[];
+};

package/esm/spec/scatter.js

@@ -0,0 +1,153 @@
+export const scatterSpec = {
+    type: "scatter",
+    data: [ {
+        id: "barData",
+        values: [ {
+            gender: "female",
+            height: 156.5,
+            weight: 51.6,
+            age: 26
+        }, {
+            gender: "female",
+            height: 158,
+            weight: 59,
+            age: 22
+        }, {
+            gender: "female",
+            height: 159,
+            weight: 49.2,
+            age: 23
+        }, {
+            gender: "female",
+            height: 160,
+            weight: 63,
+            age: 31
+        }, {
+            gender: "female",
+            height: 162,
+            weight: 53.6,
+            age: 30
+        }, {
+            gender: "female",
+            height: 163,
+            weight: 59,
+            age: 17
+        }, {
+            gender: "female",
+            height: 168,
+            weight: 47.6,
+            age: 18
+        }, {
+            gender: "female",
+            height: 170,
+            weight: 69.8,
+            age: 26
+        }, {
+            gender: "female",
+            height: 170.2,
+            weight: 66.8,
+            age: 25
+        }, {
+            gender: "female",
+            height: 171,
+            weight: 75.2,
+            age: 27
+        }, {
+            gender: "male",
+            height: 171.5,
+            weight: 65.6,
+            age: 29
+        }, {
+            gender: "male",
+            height: 172,
+            weight: 71.8,
+            age: 15
+        }, {
+            gender: "male",
+            height: 175,
+            weight: 80.7,
+            age: 18
+        }, {
+            gender: "male",
+            height: 178,
+            weight: 72.6,
+            age: 19
+        }, {
+            gender: "male",
+            height: 180,
+            weight: 78.8,
+            age: 21
+        }, {
+            gender: "male",
+            height: 183,
+            weight: 74.8,
+            age: 25
+        }, {
+            gender: "male",
+            height: 184,
+            weight: 86.4,
+            age: 27
+        }, {
+            gender: "male",
+            height: 184,
+            weight: 78.4,
+            age: 23
+        }, {
+            gender: "male",
+            height: 185,
+            weight: 62,
+            age: 28
+        }, {
+            gender: "male",
+            height: 187,
+            weight: 91.6,
+            age: 50
+        } ]
+    } ],
+    xField: "height",
+    yField: "weight",
+    seriesField: "gender",
+    legends: {
+        visible: !0
+    },
+    crosshair: {
+        xField: {
+            visible: !1
+        }
+    },
+    interactions: [ {
+        type: "element-active-by-legend",
+        state: "active"
+    } ],
+    tooltip: {
+        dimension: {
+            visible: !1
+        }
+    },
+    point: {
+        state: {
+            active: {
+                size: 10,
+                fillOpacity: .6,
+                strokeOpacity: .6,
+                outerBorder: {
+                    lineWidth: 1,
+                    strokeOpacity: .2,
+                    distance: 2
+                }
+            }
+        }
+    },
+    axes: [ {
+        orient: "bottom",
+        type: "linear",
+        zero: !1,
+        domainLine: {
+            visible: !0
+        },
+        grid: {
+            visible: !1
+        }
+    } ]
+};
+//# sourceMappingURL=scatter.js.map

package/esm/spec/scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/scatter.ts"],"names":[],"mappings":"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","file":"scatter.js","sourcesContent":["export const scatterSpec = {\n  type: 'scatter',\n  data: [\n    {\n      id: 'barData',\n      values: [\n        {\n          gender: 'female',\n          height: 156.5,\n          weight: 51.6,\n          age: 26\n        },\n        {\n          gender: 'female',\n          height: 158,\n          weight: 59,\n          age: 22\n        },\n        {\n          gender: 'female',\n          height: 159,\n          weight: 49.2,\n          age: 23\n        },\n        {\n          gender: 'female',\n          height: 160,\n          weight: 63,\n          age: 31\n        },\n        {\n          gender: 'female',\n          height: 162,\n          weight: 53.6,\n          age: 30\n        },\n        {\n          gender: 'female',\n          height: 163,\n          weight: 59,\n          age: 17\n        },\n        {\n          gender: 'female',\n          height: 168,\n          weight: 47.6,\n          age: 18\n        },\n        {\n          gender: 'female',\n          height: 170,\n          weight: 69.8,\n          age: 26\n        },\n        {\n          gender: 'female',\n          height: 170.2,\n          weight: 66.8,\n          age: 25\n        },\n        {\n          gender: 'female',\n          height: 171,\n          weight: 75.2,\n          age: 27\n        },\n        {\n          gender: 'male',\n          height: 171.5,\n          weight: 65.6,\n          age: 29\n        },\n        {\n          gender: 'male',\n          height: 172,\n          weight: 71.8,\n          age: 15\n        },\n        {\n          gender: 'male',\n          height: 175,\n          weight: 80.7,\n          age: 18\n        },\n        {\n          gender: 'male',\n          height: 178,\n          weight: 72.6,\n          age: 19\n        },\n        {\n          gender: 'male',\n          height: 180,\n          weight: 78.8,\n          age: 21\n        },\n        {\n          gender: 'male',\n          height: 183,\n          weight: 74.8,\n          age: 25\n        },\n        {\n          gender: 'male',\n          height: 184,\n          weight: 86.4,\n          age: 27\n        },\n        {\n          gender: 'male',\n          height: 184,\n          weight: 78.4,\n          age: 23\n        },\n        {\n          gender: 'male',\n          height: 185,\n          weight: 62,\n          age: 28\n        },\n        {\n          gender: 'male',\n          height: 187,\n          weight: 91.6,\n          age: 50\n        }\n      ]\n    }\n  ],\n  xField: 'height',\n  yField: 'weight',\n  seriesField: 'gender',\n  legends: { visible: true },\n  crosshair: {\n    xField: { visible: false }\n  },\n  interactions: [\n    {\n      type: 'element-active-by-legend',\n      state: 'active'\n    }\n  ],\n  tooltip: {\n    dimension: { visible: false }\n  },\n  point: {\n    state: {\n      active: {\n        size: 10,\n        fillOpacity: 0.6,\n        strokeOpacity: 0.6,\n        outerBorder: {\n          lineWidth: 1,\n          strokeOpacity: 0.2,\n          distance: 2\n        }\n      }\n    }\n  },\n  axes: [\n    {\n      orient: 'bottom',\n      type: 'linear',\n      zero: false,\n      domainLine: { visible: true },\n      grid: { visible: false }\n    }\n  ]\n};\n"]}

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

@@ -0,0 +1,2 @@
+import type { IChartInfo } from '../interface';
+export declare const charts: IChartInfo[];

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

@@ -0,0 +1,70 @@
+import { areaSpec } from "../spec/area";
+
+import { barGroupSpec } from "../spec/barGroup";
+
+import { barGroupHorizontalSpec } from "../spec/barGroupHorizontal";
+
+import { barStackedSpec } from "../spec/barStacked";
+
+import { barStackedHorizontalSpec } from "../spec/barStackedHorizontal";
+
+import { gaugeSpec } from "../spec/gauge";
+
+import { horizontalBarSpec } from "../spec/horizontalBar";
+
+import { indicatorSankeySpec } from "../spec/indicatorSankey";
+
+import { lineSpec } from "../spec/line";
+
+import { pieSpec } from "../spec/pie";
+
+import { radarSpec } from "../spec/radar";
+
+import { ringSpec } from "../spec/ring";
+
+import { scatterSpec } from "../spec/scatter";
+
+export const charts = [ {
+    title: "Line Chart",
+    spec: lineSpec
+}, {
+    title: "Area Chart",
+    spec: areaSpec
+}, {
+    title: "Grouped Bar Chart",
+    spec: barGroupSpec
+}, {
+    title: "Stacked Bar Chart",
+    spec: barStackedSpec
+}, {
+    title: "Horizontal Grouped Bar Chart",
+    spec: barGroupHorizontalSpec
+}, {
+    title: "Horizontal Stacked Bar Chart",
+    spec: barStackedHorizontalSpec
+}, {
+    title: "Pie Chart",
+    spec: pieSpec
+}, {
+    title: "Ring Chart",
+    spec: ringSpec
+}, {
+    title: "Gauge Chart",
+    spec: gaugeSpec
+}, {
+    title: "Horizontal Bar Chart",
+    spec: horizontalBarSpec
+}, {
+    title: "Scatter Chart",
+    spec: scatterSpec
+}, {
+    title: "Radar Chart",
+    spec: radarSpec
+}, {
+    title: "Indicator Sankey Chart",
+    spec: indicatorSankeySpec,
+    option: {
+        enableHtmlAttribute: !0
+    }
+} ];
+//# sourceMappingURL=chart-list.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import '@arco-design/web-react/dist/css/arco.css';
+export declare const Charts: () => React.JSX.Element;

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

@@ -0,0 +1,43 @@
+import React from "react";
+
+import { isMobile } from "react-device-detect";
+
+import { charts } from "./chart-list";
+
+import { VChart as VChartComponent } from "@visactor/react-vchart";
+
+import VChart from "@visactor/vchart";
+
+import { chartHubLightTheme } from "@visactor/vchart-theme";
+
+import { 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;
+
+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"
+    })
+}))))));

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './style/style';
+export declare const Frame: () => React.JSX.Element;

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

@@ -0,0 +1,43 @@
+import React from "react";
+
+import { Nav, Avatar } from "@douyinfe/semi-ui";
+
+import { IconFeishuLogo, IconHelpCircle, IconBell } from "@douyinfe/semi-icons";
+
+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)))));
+//# sourceMappingURL=frame.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1 @@
+export * from './frame';

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

@@ -0,0 +1,2 @@
+export * from "./frame";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vchart-chart-hub-theme/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './frame';\n"]}

package/esm/vchart-chart-hub-theme/index.module.less

@@ -0,0 +1,129 @@
+.rootSidenav {
+  align-items: flex-start;
+  background: var(--semi-color-fill-0);
+  flex-direction: column;
+  overflow: hidden;
+  row-gap: 0;
+  display: flex;
+  color: var(--semi-color-text-0);
+  font-family: Inter;
+  font-size: 20px;
+  font-weight: 600;
+  letter-spacing: -0.6px;
+  line-height: 28px;
+  text-align: left;
+
+  .nav {
+    align-self: stretch;
+    height: 60px;
+
+    .navigationHeaderLogo {
+      align-items: flex-start;
+      column-gap: 0;
+      display: inline-flex;
+      flex-shrink: 0;
+
+      .semiIconsSemiLogo {
+        font-size: 36px;
+        color: var(--semi-color-text-0);
+      }
+    }
+
+    .dIV {
+      align-items: center;
+      column-gap: 16px;
+      display: inline-flex;
+      flex-shrink: 0;
+
+      .semiIconsFeishuLogo,
+      .semiIconsHelpCircle,
+      .semiIconsBell {
+        font-size: 20px;
+        color: var(--semi-color-text-2);
+      }
+
+      .avatar {
+        height: 32px;
+        width: 32px;
+      }
+    }
+  }
+
+  .main {
+    align-items: flex-start;
+    column-gap: 0;
+    display: flex;
+    flex-shrink: 0;
+    align-self: stretch;
+
+    .left {
+      height: calc(100vh - 60px);
+
+      .navItem,
+      .navItem5 {
+        width: 223px;
+
+        .iconIntro,
+        .iconRadio {
+          height: 20px;
+          position: relative;
+          width: 20px;
+        }
+      }
+
+      .navItem1,
+      .navItem2,
+      .navItem3,
+      .navItem4,
+      .navItem6,
+      .navItem7 {
+        width: 223px;
+
+        .iconHeart,
+        .iconCalendar,
+        .iconCheckbox,
+        .iconCalendar,
+        .iconList,
+        .iconToast {
+          height: 20px;
+          width: 20px;
+        }
+      }
+    }
+
+    .right {
+      height: calc(100vh - 60px);
+      overflow-y: auto;
+      align-items: flex-start;
+      display: flex;
+      flex-basis: 0;
+      flex-direction: column;
+      padding: 40px;
+      row-gap: 24px;
+      flex-grow: 1;
+
+      .item {
+        min-width: 90px;
+        vertical-align: middle;
+        flex-shrink: 0;
+      }
+
+      .frame1321317607 {
+        align-items: center;
+        border-radius: 12px;
+        display: flex;
+        flex-direction: row;
+        flex-shrink: 0;
+        color: var(--semi-color-disabled-text);
+        font-size: 14px;
+        letter-spacing: -0.14px;
+        line-height: 20px;
+
+        .yourContentHere {
+          vertical-align: middle;
+          min-width: 123px;
+        }
+      }
+    }
+  }
+}