@cuvp1225/antd 0.2.89 → 0.2.90

package/lib/cjs/components/LineChart.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const LineChart: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/lib/cjs/components/LineChart.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineChart = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const baseLineCharts_1 = tslib_1.__importDefault(require("../components/echartsCommon/baseLineCharts"));
+const LineChart = (_a) => {
+    var props = tslib_1.__rest(_a, []);
+    console.log("新的折线图组件", props);
+    return (react_1.default.createElement(baseLineCharts_1.default, null));
+};
+exports.LineChart = LineChart;

package/lib/cjs/components/echartsCommon/baseLineCharts.d.ts

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

package/lib/cjs/components/echartsCommon/baseLineCharts.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const echarts = tslib_1.__importStar(require("echarts"));
+const BaseLineChart = () => {
+    const chartRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        // 初始化图表
+        const myChart = echarts.init(chartRef.current);
+        // 配置项
+        const option = {
+            title: {
+                text: '简单折线图示例'
+            },
+            tooltip: {},
+            xAxis: {
+                type: 'category',
+                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [{
+                    name: '销量',
+                    type: 'line',
+                    data: [150, 230, 224, 218, 135, 147, 260]
+                }]
+        };
+        // 使用配置项显示图表
+        myChart.setOption(option);
+        // 组件卸载时销毁图表
+        return () => {
+            myChart.dispose();
+        };
+    }, []);
+    return (react_1.default.createElement("div", { ref: chartRef, style: { width: '100%', height: '400px' } }));
+};
+exports.default = BaseLineChart;

package/lib/cjs/components/index.d.ts

@@ -42,3 +42,4 @@ export { Image } from './image';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
+export { LineChart } from './LineChart';

package/lib/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = exports.Alert = exports.Tree = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Pagination = exports.Badge = exports.Divider = exports.Calendar = exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
+exports.LineChart = exports.Progress = exports.Alert = exports.Tree = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Pagination = exports.Badge = exports.Divider = exports.Calendar = exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //以下组件都从antd中导出，解决下述组件卡顿问题
@@ -122,3 +122,6 @@ Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { r
 var progress_1 = require("./progress");
 Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
 //export {Affix} from './affix';
+//import * as echarts from 'echarts';
+var LineChart_1 = require("./LineChart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return LineChart_1.LineChart; } });

package/lib/esm/components/LineChart.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const LineChart: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/lib/esm/components/LineChart.js

@@ -0,0 +1,8 @@
+import { __rest } from "tslib";
+import React from 'react';
+import BaseLineChart from '../components/echartsCommon/baseLineCharts';
+export const LineChart = (_a) => {
+    var props = __rest(_a, []);
+    console.log("新的折线图组件", props);
+    return (React.createElement(BaseLineChart, null));
+};

package/lib/esm/components/echartsCommon/baseLineCharts.d.ts

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

package/lib/esm/components/echartsCommon/baseLineCharts.js

@@ -0,0 +1,36 @@
+import React, { useEffect, useRef } from 'react';
+import * as echarts from 'echarts';
+const BaseLineChart = () => {
+    const chartRef = useRef(null);
+    useEffect(() => {
+        // 初始化图表
+        const myChart = echarts.init(chartRef.current);
+        // 配置项
+        const option = {
+            title: {
+                text: '简单折线图示例'
+            },
+            tooltip: {},
+            xAxis: {
+                type: 'category',
+                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [{
+                    name: '销量',
+                    type: 'line',
+                    data: [150, 230, 224, 218, 135, 147, 260]
+                }]
+        };
+        // 使用配置项显示图表
+        myChart.setOption(option);
+        // 组件卸载时销毁图表
+        return () => {
+            myChart.dispose();
+        };
+    }, []);
+    return (React.createElement("div", { ref: chartRef, style: { width: '100%', height: '400px' } }));
+};
+export default BaseLineChart;

package/lib/esm/components/index.d.ts

@@ -42,3 +42,4 @@ export { Image } from './image';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
+export { LineChart } from './LineChart';

package/lib/esm/components/index.js

@@ -71,3 +71,5 @@ export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
 //export {Affix} from './affix';
+//import * as echarts from 'echarts';
+export { LineChart } from './LineChart';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.2.89",
+  "version": "0.2.90",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -54,5 +54,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "72d2a57fd37fed44b304292d913347ab65e617a2"
+  "gitHead": "b68fe501cce00407392e5af8b14ea44727ff09c6"
 }