wargerm 0.4.31 → 0.4.32

package/dist/components/Wcharts/WaterLevelCharts/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type IConfig = {
+    maxHeight?: number;
+    markline: number[];
+    imgWidth?: number;
+    imgHeight?: number;
+};
+export default function WaterLevelCharts(config: IConfig): JSX.Element;
+export {};

package/dist/index.d.ts

@@ -28,4 +28,5 @@ export { default as Cascader } from './components/Cascader';
 export { default as WebsocketHeart } from './components/WebsocketHeart';
 export { default as VideoPlayer } from './components/VideoPlayer';
 export { default as Video } from './components/Video';
-export { default as LineEcharts } from './components/LineEcharts';
+export { default as LineEcharts } from './components/Wcharts/LineEcharts';
+export { default as WaterLevelCharts } from './components/Wcharts/WaterLevelCharts';

package/dist/index.esm.js

@@ -54,7 +54,7 @@ import HlsJsPlayer from 'xgplayer-hls.js';
 import { isEmpty } from 'lodash';
 import ReactEChartsCore from 'echarts-for-react/lib/core';
 import * as echarts from 'echarts/core';
-import { use, registerTheme } from 'echarts/core';
+import { use, registerTheme, graphic } from 'echarts/core';
 import { BarChart, LineChart, PieChart, RadarChart, PictorialBarChart, CustomChart } from 'echarts/charts';
 import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, LegendPlainComponent, MarkLineComponent, LegendScrollComponent, PolarComponent, GraphicComponent, ToolboxComponent } from 'echarts/components';
 import { CanvasRenderer } from 'echarts/renderers';
@@ -12252,4 +12252,194 @@ function LineEcharts(_ref2) {
   });
 }
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, index$1 as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Select, Index$a as Swiper, WSwitch as Switch, index$2 as TabelCard, Table, Index$6 as TreeSelect, index$4 as Video, index$3 as VideoPlayer, Index$5 as WDatePicker, WForm$1 as WForm, WebsocketHeart };
+var waterBlock = "data:image/png;base64,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";
+
+var option = function option(config) {
+  var markline = config.markline;
+  var maxHeight = config.maxHeight ? config.maxHeight : config.markline[0] + 2;
+  return {
+    grid: {
+      top: '2%',
+      bottom: 1,
+      left: 20,
+      right: 20,
+      containLabel: true
+    },
+    xAxis: [{
+      type: 'category',
+      axisLabel: {
+        formatter: '{value}',
+        // interval: 0,
+        fontSize: calcWidth(24),
+        color: '#ccf8fb',
+        margin: 20
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      data: ['']
+    }],
+    yAxis: [{
+      nameTextStyle: {
+        fontSize: 16,
+        color: '#CBDDFF'
+      },
+      max: maxHeight,
+      min: 0,
+      boundaryGap: [1, 1],
+      type: 'value',
+      axisLabel: {
+        // fontSize: calcWidth(24),
+        // color: '#ccf8fb',
+        // margin: 20,
+        show: false
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641',
+          type: 'dotted',
+          opacity: 0.02,
+          width: 1
+        }
+      },
+      splitNumber: 5
+    }],
+    graphic: {
+      elements: [{
+        type: 'image',
+        left: '-2px',
+        bottom: '-2px',
+        z: 10,
+        // bounding: "raw",
+        origin: [0, 0],
+        style: {
+          image: waterBlock,
+          width: config.imgWidth || 557,
+          height: config.imgHeight || 250
+        }
+      } // {
+      //   type: "text",
+      //   right: 0,
+      //   top: "10%",
+      //   left: "10%",
+      //   z: 5,
+      //   style: {
+      //     text: "堤坝高度：" + maxHeight + "m",
+      //     fill: "#FFF",
+      //     fontSize: 16,
+      //   },
+      // },
+      ]
+    },
+    series: [{
+      type: 'bar',
+      data: [markline[2]],
+      barCategoryGap: '-100%',
+      itemStyle: {
+        color: new graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: 'rgba(81, 190, 246, 0.4)'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 84, 197,0.5)'
+        }])
+      },
+      markLine: {
+        silent: true,
+        data: [{
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ffbf27'
+          },
+          name: '保证水位',
+          yAxis: markline[0],
+          lineStyle: {
+            type: 'solid',
+            color: '#ffbf27',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ff1c1c'
+          },
+          name: '警戒水位',
+          yAxis: markline[1],
+          lineStyle: {
+            type: 'solid',
+            color: '#ff1c1c',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#16a8cb'
+          },
+          name: '当前水位',
+          yAxis: markline[2],
+          lineStyle: {
+            type: 'solid',
+            color: '#16a8cb',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#2c7df6'
+          },
+          name: '设防水位',
+          yAxis: markline[3],
+          lineStyle: {
+            type: 'solid',
+            color: '#2c7df6',
+            width: 1
+          },
+          symbol: 'none'
+        }]
+      }
+    }]
+  };
+};
+
+function WaterLevelCharts(config) {
+  return /*#__PURE__*/React.createElement(ReactECharts, {
+    option: option(config),
+    style: {
+      height: '100%'
+    }
+  });
+}
+
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, index$1 as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Select, Index$a as Swiper, WSwitch as Switch, index$2 as TabelCard, Table, Index$6 as TreeSelect, index$4 as Video, index$3 as VideoPlayer, Index$5 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart };

package/dist/index.js

@@ -12311,6 +12311,196 @@ function LineEcharts(_ref2) {
   });
 }
 
+var waterBlock = "data:image/png;base64,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";
+
+var option = function option(config) {
+  var markline = config.markline;
+  var maxHeight = config.maxHeight ? config.maxHeight : config.markline[0] + 2;
+  return {
+    grid: {
+      top: '2%',
+      bottom: 1,
+      left: 20,
+      right: 20,
+      containLabel: true
+    },
+    xAxis: [{
+      type: 'category',
+      axisLabel: {
+        formatter: '{value}',
+        // interval: 0,
+        fontSize: calcWidth(24),
+        color: '#ccf8fb',
+        margin: 20
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      data: ['']
+    }],
+    yAxis: [{
+      nameTextStyle: {
+        fontSize: 16,
+        color: '#CBDDFF'
+      },
+      max: maxHeight,
+      min: 0,
+      boundaryGap: [1, 1],
+      type: 'value',
+      axisLabel: {
+        // fontSize: calcWidth(24),
+        // color: '#ccf8fb',
+        // margin: 20,
+        show: false
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641',
+          type: 'dotted',
+          opacity: 0.02,
+          width: 1
+        }
+      },
+      splitNumber: 5
+    }],
+    graphic: {
+      elements: [{
+        type: 'image',
+        left: '-2px',
+        bottom: '-2px',
+        z: 10,
+        // bounding: "raw",
+        origin: [0, 0],
+        style: {
+          image: waterBlock,
+          width: config.imgWidth || 557,
+          height: config.imgHeight || 250
+        }
+      } // {
+      //   type: "text",
+      //   right: 0,
+      //   top: "10%",
+      //   left: "10%",
+      //   z: 5,
+      //   style: {
+      //     text: "堤坝高度：" + maxHeight + "m",
+      //     fill: "#FFF",
+      //     fontSize: 16,
+      //   },
+      // },
+      ]
+    },
+    series: [{
+      type: 'bar',
+      data: [markline[2]],
+      barCategoryGap: '-100%',
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: 'rgba(81, 190, 246, 0.4)'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 84, 197,0.5)'
+        }])
+      },
+      markLine: {
+        silent: true,
+        data: [{
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ffbf27'
+          },
+          name: '保证水位',
+          yAxis: markline[0],
+          lineStyle: {
+            type: 'solid',
+            color: '#ffbf27',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ff1c1c'
+          },
+          name: '警戒水位',
+          yAxis: markline[1],
+          lineStyle: {
+            type: 'solid',
+            color: '#ff1c1c',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#16a8cb'
+          },
+          name: '当前水位',
+          yAxis: markline[2],
+          lineStyle: {
+            type: 'solid',
+            color: '#16a8cb',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#2c7df6'
+          },
+          name: '设防水位',
+          yAxis: markline[3],
+          lineStyle: {
+            type: 'solid',
+            color: '#2c7df6',
+            width: 1
+          },
+          symbol: 'none'
+        }]
+      }
+    }]
+  };
+};
+
+function WaterLevelCharts(config) {
+  return /*#__PURE__*/React__default['default'].createElement(ReactECharts, {
+    option: option(config),
+    style: {
+      height: '100%'
+    }
+  });
+}
+
 exports.AutoScroll = Index$9;
 exports.Breadcrumb = Index$b;
 exports.Button = WButton;
@@ -12339,4 +12529,5 @@ exports.Video = index$4;
 exports.VideoPlayer = index$3;
 exports.WDatePicker = Index$5;
 exports.WForm = WForm$1;
+exports.WaterLevelCharts = WaterLevelCharts;
 exports.WebsocketHeart = WebsocketHeart;

package/package.json

@@ -1,88 +1,88 @@
-{
-  "private": false,
-  "name": "wargerm",
-  "version": "0.4.31",
-  "scripts": {
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.umd.min.js",
-  "typings": "dist/index.d.ts",
-  "author": "jinly2",
-  "license": "MIT",
-  "keywords": [
-    "React",
-    "Component"
-  ],
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "repository": {
-    "type": "git",
-    "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
-    "branch": "main"
-  },
-  "files": [
-    "dist",
-    "es",
-    "lib",
-    "index.css"
-  ],
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "dependencies": {
-    "@ant-design/pro-form": "^1.49.3",
-    "@ant-design/pro-table": "^2.58.1",
-    "animate.css": "^4.1.1",
-    "react-countup": "^6.0.0",
-    "react-dom": "^17.0.2",
-    "echarts": "^5.2.2",
-    "echarts-for-react": "^3.0.2",
-    "swiper": "^6.7.0",
-    "xgplayer": "^2.31.6",
-    "xgplayer-flv": "^2.5.1",
-    "xgplayer-flv.js": "^2.3.0",
-    "xgplayer-hls": "^2.5.2",
-    "xgplayer-hls.js": "^2.6.1"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": ">=4.2.0",
-    "antd": ">=4.7.0",
-    "classnames": ">=2.2.0",
-    "echarts": "^5.2.2",
-    "echarts-for-react": "^3.0.2",
-    "lodash": ">=4.0.0",
-    "react": ">=17.0.0"
-  },
-  "devDependencies": {
-    "@ant-design/icons": "^4.6.4",
-    "@types/lodash": "^4.14.173",
-    "@types/react-dom": "^17.0.11",
-    "@umijs/test": "^3.0.5",
-    "antd": "^4.16.13",
-    "babel-plugin-import": "^1.13.3",
-    "classnames": "^2.3.1",
-    "dumi": "^1.1.31",
-    "father-build": "^1.19.1",
-    "gh-pages": "^3.0.0",
-    "lint-staged": "^10.0.7",
-    "prettier": "^1.19.1",
-    "react": "^16.12.0",
-    "yorkie": "^2.0.0"
-  }
-}
+{
+  "private": false,
+  "name": "wargerm",
+  "version": "0.4.32",
+  "scripts": {
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "unpkg": "dist/index.umd.min.js",
+  "typings": "dist/index.d.ts",
+  "author": "jinly2",
+  "license": "MIT",
+  "keywords": [
+    "React",
+    "Component"
+  ],
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
+    "branch": "main"
+  },
+  "files": [
+    "dist",
+    "es",
+    "lib",
+    "index.css"
+  ],
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/pro-form": "^1.49.3",
+    "@ant-design/pro-table": "^2.58.1",
+    "animate.css": "^4.1.1",
+    "react-countup": "^6.0.0",
+    "react-dom": "^17.0.2",
+    "echarts": "^5.2.2",
+    "echarts-for-react": "^3.0.2",
+    "swiper": "^6.7.0",
+    "xgplayer": "^2.31.6",
+    "xgplayer-flv": "^2.5.1",
+    "xgplayer-flv.js": "^2.3.0",
+    "xgplayer-hls": "^2.5.2",
+    "xgplayer-hls.js": "^2.6.1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=4.2.0",
+    "antd": ">=4.7.0",
+    "classnames": ">=2.2.0",
+    "echarts": "^5.2.2",
+    "echarts-for-react": "^3.0.2",
+    "lodash": ">=4.0.0",
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^4.6.4",
+    "@types/lodash": "^4.14.173",
+    "@types/react-dom": "^17.0.11",
+    "@umijs/test": "^3.0.5",
+    "antd": "^4.16.13",
+    "babel-plugin-import": "^1.13.3",
+    "classnames": "^2.3.1",
+    "dumi": "^1.1.31",
+    "father-build": "^1.19.1",
+    "gh-pages": "^3.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^1.19.1",
+    "react": "^16.12.0",
+    "yorkie": "^2.0.0"
+  }
+}