@visactor/vchart-theme-demo-component 0.0.1-alpha.4 → 0.0.1-alpha.5
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.
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/vchart-chart-hub-theme/charts.d.ts +2 -2
- package/cjs/vchart-chart-hub-theme/charts.js +7 -3
- package/cjs/vchart-chart-hub-theme/charts.js.map +1 -1
- package/cjs/vchart-chart-hub-theme/frame.d.ts +1 -2
- package/cjs/vchart-chart-hub-theme/frame.js +4 -4
- package/cjs/vchart-chart-hub-theme/frame.js.map +1 -1
- package/cjs/vchart-chart-hub-theme/index.d.ts +1 -1
- package/cjs/vchart-chart-hub-theme/index.js +3 -13
- package/cjs/vchart-chart-hub-theme/index.js.map +1 -1
- package/cjs/vchart-chart-hub-theme/style/style.css +1 -0
- package/cjs/vchart-chart-hub-theme/style/style.less +1 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/vchart-chart-hub-theme/charts.d.ts +2 -2
- package/esm/vchart-chart-hub-theme/charts.js +4 -4
- package/esm/vchart-chart-hub-theme/charts.js.map +1 -1
- package/esm/vchart-chart-hub-theme/frame.d.ts +1 -2
- package/esm/vchart-chart-hub-theme/frame.js +2 -4
- package/esm/vchart-chart-hub-theme/frame.js.map +1 -1
- package/esm/vchart-chart-hub-theme/index.d.ts +1 -1
- package/esm/vchart-chart-hub-theme/index.js +1 -3
- package/esm/vchart-chart-hub-theme/index.js.map +1 -1
- package/esm/vchart-chart-hub-theme/style/style.css +1 -0
- package/esm/vchart-chart-hub-theme/style/style.less +1 -0
- package/package.json +1 -1
package/cjs/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ChartHubThemePage } from './vchart-chart-hub-theme/index';
|
|
1
|
+
import { Frame as ChartHubThemePage } from './vchart-chart-hub-theme/index';
|
|
2
2
|
export { ChartHubThemePage };
|
package/cjs/index.js
CHANGED
|
@@ -9,7 +9,7 @@ const index_1 = require("./vchart-chart-hub-theme/index");
|
|
|
9
9
|
Object.defineProperty(exports, "ChartHubThemePage", {
|
|
10
10
|
enumerable: !0,
|
|
11
11
|
get: function() {
|
|
12
|
-
return index_1.
|
|
12
|
+
return index_1.Frame;
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,0DAA4E;AACnE,kGADS,aAAiB,OACT","file":"index.js","sourcesContent":["import { Frame as ChartHubThemePage } from './vchart-chart-hub-theme/index';\nexport { ChartHubThemePage };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
import '@arco-design/web-react/dist/css/arco.css';
|
|
3
|
+
export declare const Charts: () => React.JSX.Element;
|
|
@@ -8,9 +8,13 @@ var __importDefault = this && this.__importDefault || function(mod) {
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", {
|
|
10
10
|
value: !0
|
|
11
|
-
});
|
|
11
|
+
}), exports.Charts = void 0;
|
|
12
12
|
|
|
13
|
-
const react_1 = __importDefault(require("react")), react_device_detect_1 = require("react-device-detect"), chart_list_1 = require("./chart-list"), react_vchart_1 = require("@visactor/react-vchart"), vchart_1 = __importDefault(require("@visactor/vchart")), vchart_theme_1 = require("@visactor/vchart-theme"), semi_ui_1 = require("@douyinfe/semi-ui"), web_react_1 = require("@arco-design/web-react")
|
|
13
|
+
const react_1 = __importDefault(require("react")), react_device_detect_1 = require("react-device-detect"), chart_list_1 = require("./chart-list"), react_vchart_1 = require("@visactor/react-vchart"), vchart_1 = __importDefault(require("@visactor/vchart")), vchart_theme_1 = require("@visactor/vchart-theme"), semi_ui_1 = require("@douyinfe/semi-ui"), web_react_1 = require("@arco-design/web-react");
|
|
14
|
+
|
|
15
|
+
require("@arco-design/web-react/dist/css/arco.css");
|
|
16
|
+
|
|
17
|
+
const {Row: Row, Col: Col} = web_react_1.Grid, chartHeight = 400, gutter = 16;
|
|
14
18
|
|
|
15
19
|
vchart_1.default.ThemeManager.registerTheme("chart-hub-light", vchart_theme_1.chartHubLightTheme),
|
|
16
20
|
vchart_1.default.ThemeManager.setCurrentTheme("chart-hub-light");
|
|
@@ -37,4 +41,4 @@ const Charts = () => react_1.default.createElement(Row, {
|
|
|
37
41
|
})
|
|
38
42
|
}))))));
|
|
39
43
|
|
|
40
|
-
exports.
|
|
44
|
+
exports.Charts = Charts;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6DAA+C;AAC/C,6CAAsC;AACtC,yDAAmE;AACnE,8DAAsC;AACtC,yDAA4D;AAE5D,+CAAyC;AACzC,sDAA8C;AAC9C,oDAAkD;AAElD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAI,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,gBAAM,CAAC,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,iCAAkB,CAAC,CAAC;AACzE,gBAAM,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEhD,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,CACL,8BAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAChB,mBAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACvB,OAAO,CACL,8BAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAChD,8BAAC,cAAI,IAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACpF,8BAAC,qBAAe,IACd,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,MAAM,EAAE,WAAW,KAErB,OAAO,kCACF,KAAK,CAAC,MAAM,KACf,IAAI,EAAE,8BAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,MAEvD,CACG,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,MAAM,UAuBjB","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"]}
|
|
@@ -8,13 +8,13 @@ var __importDefault = this && this.__importDefault || function(mod) {
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", {
|
|
10
10
|
value: !0
|
|
11
|
-
});
|
|
11
|
+
}), exports.Frame = void 0;
|
|
12
12
|
|
|
13
13
|
const react_1 = __importDefault(require("react")), semi_ui_1 = require("@douyinfe/semi-ui"), semi_icons_1 = require("@douyinfe/semi-icons");
|
|
14
14
|
|
|
15
15
|
require("./style/style");
|
|
16
16
|
|
|
17
|
-
const
|
|
17
|
+
const charts_1 = require("./charts"), Frame = () => react_1.default.createElement("div", {
|
|
18
18
|
className: "rootSidenav"
|
|
19
19
|
}, react_1.default.createElement(semi_ui_1.Nav, {
|
|
20
20
|
mode: "horizontal",
|
|
@@ -45,7 +45,7 @@ const charts_jsx_1 = __importDefault(require("./charts.jsx")), Frame = () => rea
|
|
|
45
45
|
className: "right"
|
|
46
46
|
}, react_1.default.createElement("div", {
|
|
47
47
|
className: "frame1321317607"
|
|
48
|
-
}, react_1.default.createElement(
|
|
48
|
+
}, react_1.default.createElement(charts_1.Charts, null)))));
|
|
49
49
|
|
|
50
|
-
exports.
|
|
50
|
+
exports.Frame = Frame;
|
|
51
51
|
//# sourceMappingURL=frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/frame.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/vchart-chart-hub-theme/frame.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,qDAAgF;AAChF,yBAAuB;AACvB,qCAAkC;AAE3B,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QAC1B,8BAAC,aAAG,IACF,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B,EACD,MAAM,EACJ,uCAAK,SAAS,EAAC,KAAK;gBAClB,8BAAC,2BAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,8BAAC,2BAAc,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,GAAG;gBAC/D,8BAAC,qBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,GAAG;gBACnD,8BAAC,gBAAM,IACL,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,8GAA8G,EAClH,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,QAAQ,mBAGX,CACL,EAER,SAAS,EAAC,KAAK,GACV;QACP,uCAAK,SAAS,EAAC,MAAM;YACnB,uCAAK,SAAS,EAAC,OAAO;gBACpB,uCAAK,SAAS,EAAC,iBAAiB;oBAC9B,8BAAC,eAAM,OAAG,CACN,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,KAAK,SAkChB","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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export *
|
|
1
|
+
export * from './frame';
|
|
@@ -11,21 +11,11 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
|
|
|
11
11
|
}), Object.defineProperty(o, k2, desc);
|
|
12
12
|
} : function(o, m, k, k2) {
|
|
13
13
|
void 0 === k2 && (k2 = k), o[k2] = m[k];
|
|
14
|
-
}),
|
|
15
|
-
|
|
16
|
-
enumerable: !0,
|
|
17
|
-
value: v
|
|
18
|
-
});
|
|
19
|
-
} : function(o, v) {
|
|
20
|
-
o.default = v;
|
|
21
|
-
}), __importStar = this && this.__importStar || function(mod) {
|
|
22
|
-
if (mod && mod.__esModule) return mod;
|
|
23
|
-
var result = {};
|
|
24
|
-
if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
|
|
25
|
-
return __setModuleDefault(result, mod), result;
|
|
14
|
+
}), __exportStar = this && this.__exportStar || function(m, exports) {
|
|
15
|
+
for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
|
|
26
16
|
};
|
|
27
17
|
|
|
28
18
|
Object.defineProperty(exports, "__esModule", {
|
|
29
19
|
value: !0
|
|
30
|
-
}),
|
|
20
|
+
}), __exportStar(require("./frame"), exports);
|
|
31
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/vchart-chart-hub-theme/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB","file":"index.js","sourcesContent":["export * from './frame';\n"]}
|
package/esm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ChartHubThemePage } from './vchart-chart-hub-theme/index';
|
|
1
|
+
import { Frame as ChartHubThemePage } from './vchart-chart-hub-theme/index';
|
|
2
2
|
export { ChartHubThemePage };
|
package/esm/index.js
CHANGED
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,CAAC","file":"index.js","sourcesContent":["import { Frame as ChartHubThemePage } from './vchart-chart-hub-theme/index';\nexport { ChartHubThemePage };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
import '@arco-design/web-react/dist/css/arco.css';
|
|
3
|
+
export declare const Charts: () => React.JSX.Element;
|
|
@@ -14,11 +14,13 @@ import { Card } from "@douyinfe/semi-ui";
|
|
|
14
14
|
|
|
15
15
|
import { Grid } from "@arco-design/web-react";
|
|
16
16
|
|
|
17
|
+
import "@arco-design/web-react/dist/css/arco.css";
|
|
18
|
+
|
|
17
19
|
const {Row: Row, Col: Col} = Grid, chartHeight = 400, gutter = 16;
|
|
18
20
|
|
|
19
21
|
VChart.ThemeManager.registerTheme("chart-hub-light", chartHubLightTheme), VChart.ThemeManager.setCurrentTheme("chart-hub-light");
|
|
20
22
|
|
|
21
|
-
const Charts = () => React.createElement(Row, {
|
|
23
|
+
export const Charts = () => React.createElement(Row, {
|
|
22
24
|
gutter: 16
|
|
23
25
|
}, charts.map(((chart, i) => React.createElement(Col, {
|
|
24
26
|
span: 12,
|
|
@@ -38,6 +40,4 @@ const Charts = () => React.createElement(Row, {
|
|
|
38
40
|
options: Object.assign(Object.assign({}, chart.option), {
|
|
39
41
|
mode: isMobile ? "mobile-browser" : "desktop-browser"
|
|
40
42
|
})
|
|
41
|
-
}))))));
|
|
42
|
-
|
|
43
|
-
export default Charts;
|
|
43
|
+
}))))));
|
|
@@ -1 +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;
|
|
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"]}
|
|
@@ -6,9 +6,9 @@ import { IconFeishuLogo, IconHelpCircle, IconBell } from "@douyinfe/semi-icons";
|
|
|
6
6
|
|
|
7
7
|
import "./style/style";
|
|
8
8
|
|
|
9
|
-
import Charts from "./charts
|
|
9
|
+
import { Charts } from "./charts";
|
|
10
10
|
|
|
11
|
-
const Frame = () => React.createElement("div", {
|
|
11
|
+
export const Frame = () => React.createElement("div", {
|
|
12
12
|
className: "rootSidenav"
|
|
13
13
|
}, React.createElement(Nav, {
|
|
14
14
|
mode: "horizontal",
|
|
@@ -40,6 +40,4 @@ const Frame = () => React.createElement("div", {
|
|
|
40
40
|
}, React.createElement("div", {
|
|
41
41
|
className: "frame1321317607"
|
|
42
42
|
}, React.createElement(Charts, null)))));
|
|
43
|
-
|
|
44
|
-
export default Frame;
|
|
45
43
|
//# sourceMappingURL=frame.js.map
|
|
@@ -1 +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,MAAM,MAAM,
|
|
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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export *
|
|
1
|
+
export * from './frame';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/index.tsx"],"names":[],"mappings":"
|
|
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"]}
|