@nocobase/plugin-data-visualization 0.10.1-alpha.1

package/README.md

@@ -0,0 +1,88 @@
+# Data Visualization
+
+提供BI面板和数据可视化功能。
+
+## 介绍
+
+新版数据可视化插件以Collection为基础，提供了可视化的数据检索、图表配置面板，多个图表可以在同一区块内进行组织，支持以插件形式扩展和使用其他图表组件库。未来还计划支持SQL模式，单个及多个图表的时间、条件筛选，数据下钻，图表与数据区块联动等功能。
+
+## 图表区块
+
+<img src="https://s2.loli.net/2023/06/30/vTKZt9EXxS4Im5L.png"/>
+
+- 图表区块可以组织多个图表，区块中的图表可以像区块一样排列和拖拽。
+- 区块标题可以编辑。
+- 图表以Collection为基础，新建图表时需要选定一个Collection.
+- 有查看权限的Collection才可以用于配置图表，否则将会在选项中被隐藏。
+- 图表可以修改 (Configure), 复制 (Duplicate), 设置标题 (Edit block title).
+
+## 配置面板
+
+<img src="https://s2.loli.net/2023/06/30/75GMbhCcypHitkE.png"/>
+
+配置面板整体上分为三个区块：数据配置，图表配置，图表预览。
+
+### 数据配置
+
+<img src="https://s2.loli.net/2023/06/30/34fnM7i6SIPJgFm.png" width="500" />
+
+- 顶部下拉框代表当前正在配置的Collection，通过下拉菜单可以切换。
+- 配置完成后，点击"Run query"可以通过配置获取数据，"Data"面板会展示数据。
+
+#### 度量
+
+<img src="https://s2.loli.net/2023/06/30/xZwW6UR1klB4dCs.png" width="500" />
+
+度量字段，通常是图表需要展示的核心数据。度量数据可以通过聚合函数进行统计，支持常用的数据库统计函数`Sum`, `Count`, `Avg`, `Max`, `Min`. 度量字段可以有多个，可以设置别名。
+
+#### 维度
+
+<img src="https://s2.loli.net/2023/06/30/2eAHvGojmlL1YtQ.png" width="500" />
+
+维度字段，通常是图表数据分组的依据。对于日期类型字段，支持如图所示的格式化方式，格式化通过数据库函数实现（例如：MySQL对应`date_format`），其他类型数据格式化见[数据转换](数据转换)部分。
+
+> **维度格式化 (Dimensions Format) VS 数据转换 (Transform)**  
+> - 维度格式化发生在获取最终数据之前，数据分组按照维度格式化后的值进行，通常在按时间段筛选数据时有此需求。  
+> - 数据转换对响应数据做进一步处理，诸如可读性处理，以展现恰当的数据，数据转换在前端进行。
+
+#### 筛选
+
+<img src="https://s2.loli.net/2023/06/30/kvbHO5Y1fsiMm3E.png" width="500" />
+
+此处配置将对分组前的数据进行过滤。
+
+#### 排序 (Sort) 和限制 (Limit)
+
+<img src="https://s2.loli.net/2023/06/30/HCpiQ4qATcLeKUE.png" width="500" />
+
+目前图表允许的数据集条数上限为2000.
+
+#### 缓存
+
+<img src="https://s2.loli.net/2023/06/30/OY6JephtbcH4run.png" width="300" />
+
+开启缓存后，图表将展示缓存的数据。
+
+### 图表配置
+
+<img src="https://s2.loli.net/2023/06/30/KHaPvYsBxh7plGQ.png" width="500" />
+
+- 图表类型 (Chart Type) - 用于展示的图表类型，目前按图表库分组。如何使用其他图表库？
+- 基础配置 - 选择图表后，会出现相应的基础可视化配置，字段配置通常提供了下拉菜单供选择，选项中包含了Collection的基础字段和字段别名。
+- JSON配置 - 当基础配置不满足要求时，可以使用JSON配置其他图表属性。
+
+### 数据转换
+
+<img src="https://s2.loli.net/2023/06/30/yf82mYs6V1aCRIj.png" width="500" />
+
+使用数据转换可以对接口响应的数据做进一步处理，目前支持转换处理的数据类型为 `number`, `date`, `time`, `datetime`, 对于不属于支持的数据类型的字段，可以手动选择为这几个类型，以使用对应的转换方法。
+
+## 使用其他图表库
+
+```TypeScript
+import { ChartLibraryProvider } from '@nocobase/plugin-charts-v2/client';
+```
+
+图表插件提供了ChartLibraryProvider组件，组件接收以下属性:
+- name 图表库名字
+- charts 图表组件列表，参考`packages/plugins/charts-v2/src/client/renderer/library/G2PlotLibrary.tsx`

package/client.d.ts

@@ -0,0 +1,3 @@
+// @ts-nocheck
+export * from './lib/client';
+export { default } from './lib/client';

package/client.js

@@ -0,0 +1,65 @@
+'use strict';
+
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== 'function') return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== 'object' && typeof obj !== 'function')) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== 'default' && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+
+var _index = _interopRequireWildcard(require('./lib/client'));
+
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+var _exportNames = {};
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  },
+});
+
+Object.keys(_index).forEach(function (key) {
+  if (key === 'default' || key === '__esModule') return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    },
+  });
+});

package/lib/client/Settings.d.ts

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

package/lib/client/Settings.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Settings = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("@formily/antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _antd2() {
+  const data = require("antd");
+  _antd2 = function _antd2() {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function _classnames() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("./locale");
+var _renderer = require("./renderer");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Settings = () => {
+  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation.t;
+  const libraries = (0, _react().useContext)(_renderer.ChartLibraryContext);
+  const _useToggleChartLibrar = (0, _renderer.useToggleChartLibrary)(),
+    toggle = _useToggleChartLibrar.toggle;
+  const list = Object.entries(libraries).map(([library, {
+    enabled
+  }]) => {
+    return _react().default.createElement(_antd2().Button, {
+      key: library,
+      icon: enabled ? _react().default.createElement(_icons().CheckOutlined, null) : '',
+      className: (0, _classnames().default)((0, _css().css)`
+            margin: 8px 8px 8px 0;
+          `, enabled ? (0, _css().css)`
+                color: #40a9ff;
+                border-color: #40a9ff;
+              ` : ''),
+      onClick: () => toggle(library)
+    }, library);
+  });
+  return _react().default.createElement(_antd2().Card, null, _react().default.createElement(_antd().Form, {
+    layout: "vertical"
+  }, _react().default.createElement(_antd().FormItem, {
+    label: t('Enabled Chart Library')
+  }, list)));
+};
+exports.Settings = Settings;

package/lib/client/block/ChartBlock.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChartV2Block: React.FC;

package/lib/client/block/ChartBlock.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartV2Block = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _ChartConfigure = require("./ChartConfigure");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const ChartV2Block = props => {
+  const _useDesignable = (0, _client().useDesignable)(),
+    insertAdjacent = _useDesignable.insertAdjacent;
+  const _useState = (0, _react().useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  const _useState3 = (0, _react().useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    current = _useState4[0],
+    setCurrent = _useState4[1];
+  const _useState5 = (0, _react().useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  const _useState7 = (0, _react().useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    initialVisible = _useState8[0],
+    setInitialVisible = _useState8[1];
+  const _useState9 = (0, _react().useState)(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    searchValue = _useState10[0],
+    setSearchValue = _useState10[1];
+  return _react().default.createElement(_client().SchemaInitializerButtonContext.Provider, {
+    value: {
+      visible: initialVisible,
+      setVisible: setInitialVisible,
+      searchValue,
+      setSearchValue
+    }
+  }, _react().default.createElement(_ChartConfigure.ChartConfigContext.Provider, {
+    value: {
+      visible,
+      setVisible,
+      current,
+      setCurrent,
+      data,
+      setData
+    }
+  }, props.children, _react().default.createElement(_ChartConfigure.ChartConfigure, {
+    insert: (schema, options) => insertAdjacent('beforeEnd', schema, options)
+  })));
+};
+exports.ChartV2Block = ChartV2Block;

package/lib/client/block/ChartBlockDesigner.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChartV2BlockDesigner: React.FC;

package/lib/client/block/ChartBlockDesigner.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartV2BlockDesigner = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ChartV2BlockDesigner = () => {
+  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation.t;
+  return _react().default.createElement(_client().GeneralSchemaDesigner, {
+    title: t('Charts')
+  }, _react().default.createElement(_client().SchemaSettings.BlockTitleItem, null), _react().default.createElement(_client().SchemaSettings.Divider, null), _react().default.createElement(_client().SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
+exports.ChartV2BlockDesigner = ChartV2BlockDesigner;

package/lib/client/block/ChartBlockInitializer.d.ts

@@ -0,0 +1,6 @@
+import { ISchema } from '@formily/react';
+import React from 'react';
+export declare const ChartInitializers: () => React.JSX.Element;
+export declare const ChartV2BlockInitializer: React.FC<{
+    insert: (s: ISchema) => void;
+}>;

package/lib/client/block/ChartBlockInitializer.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartV2BlockInitializer = exports.ChartInitializers = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _shared() {
+  const data = require("@formily/shared");
+  _shared = function _shared() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+var _ChartConfigure = require("./ChartConfigure");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const itemWrap = _client().SchemaInitializer.itemWrap;
+const ConfigureButton = itemWrap(props => {
+  const _useContext = (0, _react().useContext)(_ChartConfigure.ChartConfigContext),
+    setVisible = _useContext.setVisible,
+    setCurrent = _useContext.setCurrent,
+    setData = _useContext.setData;
+  return _react().default.createElement(_client().SchemaInitializer.Item, _objectSpread(_objectSpread({}, props), {}, {
+    onClick: () => {
+      var _props$item;
+      setCurrent({
+        schema: {},
+        field: null,
+        collection: (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.name
+      });
+      setData([]);
+      setVisible(true);
+    }
+  }));
+});
+const ChartInitializers = () => {
+  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation.t;
+  const collections = (0, _client().useCollectionDataSourceItems)('Chart');
+  const _useACLRoleContext = (0, _client().useACLRoleContext)(),
+    allowAll = _useACLRoleContext.allowAll,
+    parseAction = _useACLRoleContext.parseAction;
+  const children = collections[0].children.filter(item => {
+    if (allowAll) {
+      return true;
+    }
+    const params = parseAction(`${item.name}:list`);
+    return params;
+  }).map(item => _objectSpread(_objectSpread({}, item), {}, {
+    component: ConfigureButton
+  }));
+  if (!children.length) {
+    // Leave a blank item to show the filter component
+    children.push({});
+  }
+  collections[0].children = children;
+  return _react().default.createElement(_client().SchemaInitializer.Button, {
+    icon: 'PlusOutlined',
+    items: collections,
+    dropdown: {
+      placement: 'bottomLeft'
+    }
+  }, t('Add chart'));
+};
+exports.ChartInitializers = ChartInitializers;
+const ChartV2BlockInitializer = props => {
+  const insert = props.insert;
+  return _react().default.createElement(_client().SchemaInitializer.Item, _objectSpread(_objectSpread({}, props), {}, {
+    icon: _react().default.createElement(_icons().LineChartOutlined, null),
+    onClick: () => {
+      insert({
+        type: 'void',
+        'x-component': 'CardItem',
+        'x-designer': 'ChartV2BlockDesigner',
+        properties: {
+          [(0, _shared().uid)()]: {
+            type: 'void',
+            'x-component': 'Grid',
+            'x-decorator': 'ChartV2Block',
+            'x-initializer': 'ChartInitializers'
+          }
+        }
+      });
+    }
+  }));
+};
+exports.ChartV2BlockInitializer = ChartV2BlockInitializer;

package/lib/client/block/ChartConfigure.d.ts

@@ -0,0 +1,33 @@
+import { ISchema } from '@formily/react';
+import React from 'react';
+export declare type ChartConfigCurrent = {
+    schema: ISchema;
+    field: any;
+    collection: string;
+};
+export declare type SelectedField = {
+    field: string | string[];
+    alias?: string;
+};
+export declare const ChartConfigContext: React.Context<{
+    visible: boolean;
+    setVisible?: (visible: boolean) => void;
+    current?: ChartConfigCurrent;
+    setCurrent?: (current: ChartConfigCurrent) => void;
+    data?: any[] | string;
+    setData?: (data: any[] | string) => void;
+}>;
+export declare const ChartConfigure: React.FC<{
+    insert: (s: ISchema, options: {
+        onSuccess: () => void;
+        wrap?: (schema: ISchema) => ISchema;
+    }) => void;
+}> & {
+    Renderer: React.FC<{
+        runQuery?: any;
+    }>;
+    Config: React.FC;
+    Query: React.FC;
+    Transform: React.FC;
+    Data: React.FC;
+};