ronds-metadata 1.3.90 → 1.3.91

package/README.md

@@ -1,25 +1,25 @@
-# ronds-metadata
-
-# 使用前准备
-
-在使用之前，推荐学习[容知的元数据规则](http://172.16.0.8:5000/oo/r/634418027609242111)
-
-# 安装及使用
-
-## 安装
-
-```
-yarn add ronds-metadata
-```
-
-## 使用
-
-### 引入所需组件
-
-在代码中 import 需要的组件并按照文档说明使用
-
-```
-import { MetadataFrom, MetadataEdit, JsonView, JsonEdit } from 'ronds-metadata';
-
-import { JsonMetadataProvider } from 'ronds-metadata/es/framework/metadata/index';
-```
+# ronds-metadata
+
+# 使用前准备
+
+在使用之前，推荐学习[容知的元数据规则](http://172.16.0.8:5000/oo/r/634418027609242111)
+
+# 安装及使用
+
+## 安装
+
+```
+yarn add ronds-metadata
+```
+
+## 使用
+
+### 引入所需组件
+
+在代码中 import 需要的组件并按照文档说明使用
+
+```
+import { MetadataFrom, MetadataEdit, JsonView, JsonEdit } from 'ronds-metadata';
+
+import { JsonMetadataProvider } from 'ronds-metadata/es/framework/metadata/index';
+```

package/es/api/index.d.ts

@@ -16,6 +16,8 @@ export default class Api implements IAPI {
     SaveMetadata(data: any, metadataTag: string): Promise<any>;
     GetMetadataObjList(data: any): Promise<any>;
     GetEnumDataByUrl(url: string, method: 'get' | 'post', body?: any): Promise<any>;
+    GetTableColumn(namespace: string, sql: string): Promise<any>;
+    GetPbMetaData(data: any): Promise<any>;
     GetGraphStatus(data: any): Promise<{
         data: {
             statusList: any[];
@@ -25,5 +27,13 @@ export default class Api implements IAPI {
     StopGraphRun(data: any): Promise<{
         success: boolean;
     }>;
-    getKafkaInfo(): Promise<any>;
+    getAllFieldFromTable(data: any): Promise<{
+        name: string;
+        belong: string;
+    }[]>;
+    getAllTableFromSchema(data: any): Promise<{
+        name: string;
+        belong: string;
+    }[]>;
+    getSubdirFromNs(namespace: string): Promise<void>;
 }

package/es/api/index.js

@@ -5,12 +5,12 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2024-08-20 11:46:17
+ * @LastEditTime: 2026-04-13 11:32:41
  */
 import { guid, md5 } from '../utils';
 import { addInterceptor, HttpHelper } from '../framework/http';
 var http = new HttpHelper();
-var token = 'Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IkMyMTJFMjI1NTcwNjRDQTE3M0U2NjkxRjM4QzFDOEEyIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3MjQyMDkyNzMsImV4cCI6MTcyNDQ2ODQ3MywiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTcyNDIwOTI3MiwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3MjQyMDkyNzMsInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.t-AeiGQDr2N4PgLGHI6HRjwhTlSAt7TjtDVQgMBCVJgf31L9lKzuiakfXukTNzeXz0qHTeJOBmJL8Q-Lhlz_Khd-pr4fsaBP6qI8NWcLan1hZPWgms5mbsJukLOIvUVWxZGxJ501yxdQLJIZPwX6CfvXzCWfIeF8SQJ8c4d_zXWrpdJBHfmX8vl4Ut7hOX5IC9Sn79uoe-0-96aI8Ltv07iHdTAJSH3Y4svh_jwEt34-oBmT3daZ0iWvfuNx0QFYGiW6lN-kALIbnEOpphA3mHtwtUpB2RtG6BGCTJZGraT-7Fmboks34y6C1ApJzO221x4-_VZGa5hwwvZttkxzlw';
+var token = 'Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IjM5MjczQkE4OTczNkVFQUFFMjk5QTcwQTEzREFGRkUxIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3NzYwNDcyMDYsImV4cCI6MTc3NjMwNjQwNiwiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTc3NjA0NzIwNiwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3NzYwNDcyMDYsInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.tp5VbexSKzxpdqzW2YTcDtFuGPicGUBvDM8S6xClfvFzPfvYylNvq6QiEDSUk27Qo0L7mY-vaYPB8WRcnaX0kMPX9OKjLyPqyxZcQ9fiRM4IazM4S-Vawxu80B3v0Y-pWPwcW_YEDUIoq9t_5tqpLkm0WdGA2mRmTq99mvrpjy8EQ5Q0IWzSyhs7JDN2k-zm9DajOO-2JSbQanqvimeaMFiu1ubSQRmZ139u0IhZr4AlKncHB53qE-NOHWvc4xZWjXsGyHQRc0sc9KN0hIpGmYQCrrNF_Q_TfJk29S1FJW4WA5DKvJPneQ9QR7ujbulsgC_ZpLZzrikb-7lxfZn9EQ';
 addInterceptor(function (httpClient) {
   httpClient.interceptors.request.use(function (_config) {
     if (!_config.headers) {
@@ -35,14 +35,14 @@ var Api = /*#__PURE__*/function () {
   }
   _createClass(Api, [{
     key: "GetMetadataList",
-    value:
+    value: (
     /**
      * 获取元数据列表
      * @param keyWords
      * @returns
      */
     function () {
-      var _GetMetadataList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyWords) {
+      var _GetMetadataList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyWords) {
         var _res$data;
         var param, url, res;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -81,10 +81,11 @@ var Api = /*#__PURE__*/function () {
      * @param metadataId
      * @returns
      */
+    )
   }, {
     key: "GetMetadataDetailById",
-    value: function () {
-      var _GetMetadataDetailById = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(metadataId) {
+    value: (function () {
+      var _GetMetadataDetailById = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(metadataId) {
         var url, res;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -105,11 +106,11 @@ var Api = /*#__PURE__*/function () {
         return _GetMetadataDetailById.apply(this, arguments);
       }
       return GetMetadataDetailById;
-    }() /** 添加元数据 */
+    }() /** 添加元数据 */)
   }, {
     key: "SaveMetadata",
-    value: function () {
-      var _SaveMetadata = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, metadataTag) {
+    value: (function () {
+      var _SaveMetadata = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, metadataTag) {
         var param, url, res;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -137,10 +138,11 @@ var Api = /*#__PURE__*/function () {
       }
       return SaveMetadata;
     }() // 获取元数据的值
+    )
   }, {
     key: "GetMetadataObjList",
     value: function () {
-      var _GetMetadataObjList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
+      var _GetMetadataObjList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
         var url, res;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -165,7 +167,7 @@ var Api = /*#__PURE__*/function () {
   }, {
     key: "GetEnumDataByUrl",
     value: function () {
-      var _GetEnumDataByUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url, method, body) {
+      var _GetEnumDataByUrl = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url, method, body) {
         var res, _res;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -195,14 +197,67 @@ var Api = /*#__PURE__*/function () {
         return _GetEnumDataByUrl.apply(this, arguments);
       }
       return GetEnumDataByUrl;
+    }() // 获取表字段定义
+  }, {
+    key: "GetTableColumn",
+    value: function () {
+      var _GetTableColumn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(namespace, sql) {
+        var url, res;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              url = "/dataset-web/source/columns";
+              _context6.next = 3;
+              return http.post(url, {
+                namespace: namespace,
+                sql: sql && Buffer.from(sql).toString('base64')
+              });
+            case 3:
+              res = _context6.sent;
+              return _context6.abrupt("return", res.data);
+            case 5:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      function GetTableColumn(_x9, _x0) {
+        return _GetTableColumn.apply(this, arguments);
+      }
+      return GetTableColumn;
+    }() // 获取Kafka的pb信息
+  }, {
+    key: "GetPbMetaData",
+    value: function () {
+      var _GetPbMetaData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
+        var url, res;
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              url = "/dataset-web/source/kafka/protobuf/info";
+              _context7.next = 3;
+              return http.post(url, data);
+            case 3:
+              res = _context7.sent;
+              return _context7.abrupt("return", res.data);
+            case 5:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      function GetPbMetaData(_x1) {
+        return _GetPbMetaData.apply(this, arguments);
+      }
+      return GetPbMetaData;
     }() // 获取元数据的值
   }, {
     key: "GetGraphStatus",
     value: function () {
-      var _GetGraphStatus = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data) {
+      var _GetGraphStatus = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(data) {
         var nodes, _execInfo, i, obj;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               idx++;
               nodes = data.nodes;
@@ -214,7 +269,7 @@ var Api = /*#__PURE__*/function () {
                 };
                 _execInfo.push(obj);
               }
-              return _context6.abrupt("return", {
+              return _context8.abrupt("return", {
                 data: {
                   statusList: _execInfo,
                   status: idx === 2 ? 0 : 1
@@ -222,11 +277,11 @@ var Api = /*#__PURE__*/function () {
               });
             case 5:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6);
+        }, _callee8);
       }));
-      function GetGraphStatus(_x9) {
+      function GetGraphStatus(_x10) {
         return _GetGraphStatus.apply(this, arguments);
       }
       return GetGraphStatus;
@@ -234,54 +289,154 @@ var Api = /*#__PURE__*/function () {
   }, {
     key: "StopGraphRun",
     value: function () {
-      var _StopGraphRun = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _StopGraphRun = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               idx = 0;
-              return _context7.abrupt("return", {
+              return _context9.abrupt("return", {
                 success: true
               });
             case 2:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7);
+        }, _callee9);
       }));
-      function StopGraphRun(_x10) {
+      function StopGraphRun(_x11) {
         return _StopGraphRun.apply(this, arguments);
       }
       return StopGraphRun;
     }() // 通过扩展规则获取枚举类型的值
   }, {
-    key: "getKafkaInfo",
+    key: "getAllFieldFromTable",
     value: function () {
-      var _getKafkaInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-        var url, res;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _getAllFieldFromTable = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(data) {
+        return _regeneratorRuntime.wrap(function _callee0$(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
-              url = '/wx/dataset-web/source/kafka/queue:Kafka:24-kafka:raw.TraitData/message/byte';
-              _context8.next = 3;
-              return http.post(encodeURI(url), {}, {}, {
-                responseType: 'arraybuffer',
-                headers: {
-                  'Content-Type': 'application/protobuf'
-                }
-              });
-            case 3:
-              res = _context8.sent;
-              return _context8.abrupt("return", res.successed ? res.data : []);
-            case 5:
+              if (!(data.tableName === 'bussiness_device_image')) {
+                _context0.next = 4;
+                break;
+              }
+              return _context0.abrupt("return", [{
+                name: 'id',
+                belong: 'bussiness_device_image'
+              }, {
+                name: 'name',
+                belong: 'bussiness_device_image'
+              }, {
+                name: 'age',
+                belong: 'bussiness_device_image'
+              }]);
+            case 4:
+              if (!(data.tableName === 'bussiness_device_screenshot')) {
+                _context0.next = 8;
+                break;
+              }
+              return _context0.abrupt("return", [{
+                name: 'id',
+                belong: 'bussiness_device_screenshot'
+              }, {
+                name: 'url',
+                belong: 'bussiness_device_screenshot'
+              }, {
+                name: 'image',
+                belong: 'bussiness_device_screenshot'
+              }]);
+            case 8:
+              if (!(data.tableName === 'kkk')) {
+                _context0.next = 10;
+                break;
+              }
+              return _context0.abrupt("return", [{
+                name: 'k1',
+                belong: 'kkk'
+              }, {
+                name: 'k2',
+                belong: 'kkk'
+              }, {
+                name: 'k3',
+                belong: 'kkk'
+              }]);
+            case 10:
+              return _context0.abrupt("return", []);
+            case 11:
             case "end":
-              return _context8.stop();
+              return _context0.stop();
           }
-        }, _callee8);
+        }, _callee0);
+      }));
+      function getAllFieldFromTable(_x12) {
+        return _getAllFieldFromTable.apply(this, arguments);
+      }
+      return getAllFieldFromTable;
+    }() // 通过扩展规则获取枚举类型的值
+  }, {
+    key: "getAllTableFromSchema",
+    value: function () {
+      var _getAllTableFromSchema = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee1(data) {
+        return _regeneratorRuntime.wrap(function _callee1$(_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
+            case 0:
+              if (!(data.schemaName === 'auth')) {
+                _context1.next = 4;
+                break;
+              }
+              return _context1.abrupt("return", [{
+                name: 'table1',
+                belong: 'auth'
+              }, {
+                name: 'table2',
+                belong: 'auth'
+              }, {
+                name: 'table3',
+                belong: 'auth'
+              }]);
+            case 4:
+              if (!(data.schemaName === 'public')) {
+                _context1.next = 6;
+                break;
+              }
+              return _context1.abrupt("return", [{
+                name: 'table4',
+                belong: 'public'
+              }, {
+                name: 'table5',
+                belong: 'public'
+              }, {
+                name: 'table6',
+                belong: 'public'
+              }]);
+            case 6:
+              return _context1.abrupt("return", []);
+            case 7:
+            case "end":
+              return _context1.stop();
+          }
+        }, _callee1);
+      }));
+      function getAllTableFromSchema(_x13) {
+        return _getAllTableFromSchema.apply(this, arguments);
+      }
+      return getAllTableFromSchema;
+    }()
+  }, {
+    key: "getSubdirFromNs",
+    value: function () {
+      var _getSubdirFromNs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(namespace) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10);
       }));
-      function getKafkaInfo() {
-        return _getKafkaInfo.apply(this, arguments);
+      function getSubdirFromNs(_x14) {
+        return _getSubdirFromNs.apply(this, arguments);
       }
-      return getKafkaInfo;
+      return getSubdirFromNs;
     }()
   }]);
   return Api;

package/es/comps/Chart/bar/index.d.ts

@@ -0,0 +1,8 @@
+import { IChartConfig, IChartData } from '../type';
+interface IColumnChartProps {
+    data: IChartData[];
+    config?: IChartConfig;
+    theme?: string;
+}
+declare const ColumnChart: (props: IColumnChartProps) => JSX.Element;
+export default ColumnChart;

package/es/comps/Chart/bar/index.js

@@ -0,0 +1,136 @@
+import "antd/es/empty/style";
+import _Empty from "antd/es/empty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: wangxian
+ * @Date: 2025-01-23 15:29:54
+ * @LastEditTime: 2025-01-23 15:59:19
+ */
+import { Column } from '@antv/g2plot';
+import React from 'react';
+import { transXYData } from '../utils';
+import { tr } from '../../../framework/locale';
+var ColumnChart = function ColumnChart(props) {
+  var data = props.data,
+    theme = props.theme,
+    config = props.config;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isError = _React$useState2[0],
+    setIsError = _React$useState2[1];
+  var containerRef = React.useRef();
+  var chartRef = React.useRef();
+  var renderChart = React.useCallback(function () {
+    var _config$xFieldLabel, _config$yFieldLabel;
+    var _data = transXYData(data);
+    var _ylist = _data.map(function (item) {
+      return item.y;
+    });
+    var min = Math.min.apply(Math, _toConsumableArray(_ylist));
+    var max = Math.max.apply(Math, _toConsumableArray(_ylist));
+    chartRef.current = new Column(containerRef.current, _objectSpread(_objectSpread({}, config), {}, {
+      autoFit: true,
+      theme: theme,
+      data: [],
+      isGroup: !!(config === null || config === void 0 ? void 0 : config.group),
+      seriesField: (config === null || config === void 0 ? void 0 : config.group) ? 'name' : undefined,
+      padding: 'auto',
+      color: (config === null || config === void 0 ? void 0 : config.group) ? undefined : config === null || config === void 0 ? void 0 : config.color,
+      legend: config === null || config === void 0 ? void 0 : config.legend,
+      xField: 'x',
+      yField: 'y',
+      meta: {
+        y: {
+          type: 'linear'
+        }
+      },
+      xAxis: {
+        title: (config === null || config === void 0 ? void 0 : config.xFieldName) && {
+          text: (_config$xFieldLabel = config === null || config === void 0 ? void 0 : config.xFieldLabel) !== null && _config$xFieldLabel !== void 0 ? _config$xFieldLabel : config === null || config === void 0 ? void 0 : config.xFieldName,
+          position: 'center'
+        },
+        label: {
+          autoRotate: true,
+          style: {
+            textAlign: 'center',
+            fontSize: 10
+          }
+        }
+      },
+      yAxis: {
+        nice: true,
+        min: min,
+        max: max,
+        title: (config === null || config === void 0 ? void 0 : config.yFieldName) && {
+          text: (_config$yFieldLabel = config === null || config === void 0 ? void 0 : config.yFieldLabel) !== null && _config$yFieldLabel !== void 0 ? _config$yFieldLabel : config === null || config === void 0 ? void 0 : config.yFieldName,
+          position: 'center'
+        }
+      },
+      annotations: (config === null || config === void 0 ? void 0 : config.targetValue) && [{
+        type: 'line',
+        start: ['min', config === null || config === void 0 ? void 0 : config.targetValue],
+        end: ['max', config === null || config === void 0 ? void 0 : config.targetValue],
+        style: {
+          stroke: '#ff4d4f',
+          lineWidth: 2,
+          lineDash: [4, 4]
+        },
+        text: {
+          content: "\u76EE\u6807\u503C: ".concat(config === null || config === void 0 ? void 0 : config.targetValue),
+          position: 'end',
+          offsetX: -77,
+          style: {
+            fill: '#ff4d4f',
+            fontSize: 12
+          }
+        }
+      }],
+      label: (config === null || config === void 0 ? void 0 : config.isShowValue) && {
+        position: 'top',
+        layout: [{
+          type: 'hide-overlap'
+        }],
+        style: {
+          fill: '#666',
+          fontSize: 12
+        },
+        formatter: function formatter(item) {
+          return "".concat(item.y);
+        }
+      }
+    }));
+    chartRef.current.render();
+  }, [data, config]);
+  React.useEffect(function () {
+    if (containerRef.current) {
+      renderChart();
+    }
+    return function () {
+      if (chartRef.current) {
+        chartRef.current.destroy();
+        chartRef.current = undefined;
+      }
+    };
+  }, [data, config]);
+  React.useEffect(function () {
+    try {
+      var _data = transXYData(data);
+      chartRef.current.changeData(_data);
+      setIsError(false);
+    } catch (error) {
+      setIsError(true);
+    }
+  }, [data]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isError ? /*#__PURE__*/React.createElement(_Empty, {
+    description: tr('参数有误')
+  }) : /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }));
+};
+export default ColumnChart;

package/es/comps/Chart/constants.d.ts

@@ -0,0 +1,7 @@
+export declare enum ChartType {
+    LINE = "line",
+    BAR = "bar",
+    PIE = "pie",
+    AREA = "area",
+    DOT = "dot"
+}

package/es/comps/Chart/constants.js

@@ -0,0 +1,8 @@
+export var ChartType;
+(function (ChartType) {
+  ChartType["LINE"] = "line";
+  ChartType["BAR"] = "bar";
+  ChartType["PIE"] = "pie";
+  ChartType["AREA"] = "area";
+  ChartType["DOT"] = "dot";
+})(ChartType || (ChartType = {}));

package/es/comps/Chart/index.d.ts

@@ -0,0 +1,9 @@
+import { IChartConfig, IChartData, IChartType } from './type';
+interface IChartItemProps {
+    type: IChartType;
+    config?: IChartConfig;
+    data: IChartData[];
+    refreshKey?: any;
+}
+declare const ChartItem: (props: IChartItemProps) => JSX.Element;
+export default ChartItem;

package/es/comps/Chart/index.js

@@ -0,0 +1,31 @@
+import "antd/es/empty/style";
+import _Empty from "antd/es/empty";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import LineChart from './line';
+import ColumnChart from './bar';
+import PieChart from './pie';
+import { tr } from '../../framework/locale';
+import { ChartType } from './constants';
+var ChartItem = function ChartItem(props) {
+  var type = props.type,
+    config = props.config,
+    data = props.data,
+    refreshKey = props.refreshKey;
+  var componentMap = React.useMemo(function () {
+    var _ref;
+    return _ref = {}, _defineProperty(_ref, ChartType.LINE, LineChart), _defineProperty(_ref, ChartType.BAR, ColumnChart), _defineProperty(_ref, ChartType.PIE, PieChart), _ref;
+  }, []);
+  var Component = componentMap[type];
+  if (!Component) {
+    return /*#__PURE__*/React.createElement(_Empty, {
+      description: tr('未知类型图谱')
+    });
+  }
+  return /*#__PURE__*/React.createElement(Component, {
+    key: refreshKey,
+    config: config,
+    data: data
+  });
+};
+export default ChartItem;

package/es/comps/Chart/line/index.d.ts

@@ -0,0 +1,8 @@
+import { IChartConfig, IChartData } from '../type';
+interface ILineChartProps {
+    data: IChartData[];
+    config?: IChartConfig;
+    theme?: string;
+}
+declare const LineChart: (props: ILineChartProps) => JSX.Element;
+export default LineChart;