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

package/lib/client/renderer/ChartRenderer.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartRenderer = void 0;
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _reactErrorBoundary() {
+  const data = require("react-error-boundary");
+  _reactErrorBoundary = function _reactErrorBoundary() {
+    return data;
+  };
+  return data;
+}
+var _block = require("../block");
+var _hooks = require("../hooks");
+var _locale = require("../locale");
+var _utils = require("../utils");
+var _ChartLibrary = require("./ChartLibrary");
+var _ChartRendererProvider = require("./ChartRendererProvider");
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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); }
+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 Paragraph = _antd().Typography.Paragraph,
+  Text = _antd().Typography.Text;
+const ChartRenderer = props => {
+  var _chart$useProps;
+  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation.t;
+  const _useContext = (0, _react2().useContext)(_block.ChartConfigContext),
+    setQueryData = _useContext.setData,
+    current = _useContext.current;
+  const _useContext2 = (0, _react2().useContext)(_ChartRendererProvider.ChartRendererContext),
+    query = _useContext2.query,
+    config = _useContext2.config,
+    collection = _useContext2.collection,
+    transform = _useContext2.transform;
+  const configuring = props.configuring,
+    runQuery = props.runQuery;
+  const general = (config === null || config === void 0 ? void 0 : config.general) || {};
+  const advanced = (config === null || config === void 0 ? void 0 : config.advanced) || {};
+  const schema = (0, _react().useFieldSchema)();
+  const currentSchema = schema || (current === null || current === void 0 ? void 0 : current.schema);
+  const fields = (0, _hooks.useFieldsWithAssociation)(collection);
+  const api = (0, _client().useAPIClient)();
+  const _useState = (0, _react2().useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  const _useRequest = (0, _client().useRequest)(query => api.request({
+      url: 'charts:query',
+      method: 'POST',
+      data: _objectSpread(_objectSpread({
+        uid: currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema['x-uid'],
+        collection
+      }, query), {}, {
+        dimensions: ((query === null || query === void 0 ? void 0 : query.dimensions) || []).map(item => {
+          const dimension = _objectSpread({}, item);
+          if (item.format && !item.alias) {
+            const _parseField = (0, _utils.parseField)(item.field),
+              alias = _parseField.alias;
+            dimension.alias = alias;
+          }
+          return dimension;
+        }),
+        measures: ((query === null || query === void 0 ? void 0 : query.measures) || []).map(item => {
+          const measure = _objectSpread({}, item);
+          if (item.aggregation && !item.alias) {
+            const _parseField2 = (0, _utils.parseField)(item.field),
+              alias = _parseField2.alias;
+            measure.alias = alias;
+          }
+          return measure;
+        })
+      })
+    }).then(res => {
+      var _res$data;
+      const data = (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.data) || [];
+      return (0, _utils.processData)(fields, data, {
+        t
+      });
+    }), {
+      manual: true,
+      onSuccess: data => {
+        setData(data);
+      },
+      onFinally(params, data, error) {
+        if (!configuring) {
+          return;
+        }
+        if (error) {
+          var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
+          const message = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$.map) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.call(_error$response$data$, error => error.message).join('\n');
+          setQueryData(message || error.message);
+          return;
+        }
+        setQueryData(data);
+      }
+    }),
+    runAsync = _useRequest.runAsync;
+  (0, _react2().useEffect)(() => {
+    setData([]);
+    const run = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(function* (query) {
+        var _query$measures;
+        if (query === null || query === void 0 ? void 0 : (_query$measures = query.measures) === null || _query$measures === void 0 ? void 0 : _query$measures.length // || (query?.sql?.fields && query?.sql?.clauses)
+        ) {
+          yield runAsync(query);
+        }
+      });
+      return function run(_x2) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    if (runQuery) {
+      runQuery.current = run;
+    }
+    run(query);
+  }, [query, runAsync, runQuery]);
+  const charts = (0, _ChartLibrary.useCharts)();
+  const chart = charts[config === null || config === void 0 ? void 0 : config.chartType];
+  const Component = chart === null || chart === void 0 ? void 0 : chart.component;
+  const locale = api.auth.getLocale();
+  const transformers = (0, _hooks.useFieldTransformer)(transform, locale);
+  const info = {
+    data,
+    general,
+    advanced,
+    fieldProps: Object.keys(data[0] || {}).reduce((props, name) => {
+      if (!props[name]) {
+        const field = (0, _utils.getField)(fields, name.split('.'));
+        const transformer = transformers[name];
+        props[name] = _objectSpread(_objectSpread({}, field), {}, {
+          transformer
+        });
+      }
+      return props;
+    }, {}),
+    locale
+  };
+  const componentProps = (chart === null || chart === void 0 ? void 0 : (_chart$useProps = chart.useProps) === null || _chart$useProps === void 0 ? void 0 : _chart$useProps.call(chart, info)) || info;
+  const C = () => Component ? _react2().default.createElement(_reactErrorBoundary().ErrorBoundary, {
+    onError: error => {
+      console.error(error);
+    },
+    FallbackComponent: ErrorFallback
+  }, _react2().default.createElement(Component, _objectSpread({}, componentProps))) : _react2().default.createElement(_antd().Empty, {
+    image: _antd().Empty.PRESENTED_IMAGE_SIMPLE,
+    description: t('Please configure chart')
+  });
+  return data && data.length ? _react2().default.createElement(C, null) : _react2().default.createElement(_antd().Empty, {
+    image: _antd().Empty.PRESENTED_IMAGE_SIMPLE,
+    description: t('Please configure and run query')
+  });
+};
+exports.ChartRenderer = ChartRenderer;
+ChartRenderer.Designer = function Designer() {
+  const _useChartsTranslation2 = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation2.t;
+  const _useContext3 = (0, _react2().useContext)(_block.ChartConfigContext),
+    setVisible = _useContext3.setVisible,
+    setCurrent = _useContext3.setCurrent;
+  const field = (0, _react().useField)();
+  const schema = (0, _react().useFieldSchema)();
+  const _useDesignable = (0, _client().useDesignable)(),
+    insertAdjacent = _useDesignable.insertAdjacent;
+  const _useCollection = (0, _client().useCollection)(),
+    name = _useCollection.name,
+    title = _useCollection.title;
+  return _react2().default.createElement(_client().GeneralSchemaDesigner, {
+    disableInitializer: true,
+    title: title || name
+  }, _react2().default.createElement(_client().SchemaSettings.Item, {
+    key: "configure",
+    onClick: () => {
+      setCurrent({
+        schema,
+        field,
+        collection: name
+      });
+      setVisible(true);
+    }
+  }, t('Configure')), _react2().default.createElement(_client().SchemaSettings.Item, {
+    key: "duplicate",
+    onClick: () => insertAdjacent('afterEnd', (0, _utils.createRendererSchema)(schema === null || schema === void 0 ? void 0 : schema['x-decorator-props']), {
+      wrap: _client().gridRowColWrap
+    })
+  }, t('Duplicate')), _react2().default.createElement(_client().SchemaSettings.BlockTitleItem, null), _react2().default.createElement(_client().SchemaSettings.Divider, null), _react2().default.createElement(_client().SchemaSettings.Remove
+  // removeParentsIfNoChildren
+  , {
+    // removeParentsIfNoChildren
+    breakRemoveOn: {
+      'x-component': 'ChartV2Block'
+    }
+  }));
+};
+const ErrorFallback = ({
+  error
+}) => {
+  const _useChartsTranslation3 = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation3.t;
+  return _react2().default.createElement("div", {
+    style: {
+      backgroundColor: 'white'
+    }
+  }, _react2().default.createElement(_antd().Result, {
+    status: "error",
+    title: t('Render Failed'),
+    subTitle: t('Please check the configuration.')
+  }, _react2().default.createElement(Paragraph, {
+    copyable: true
+  }, _react2().default.createElement(Text, {
+    type: "danger",
+    style: {
+      whiteSpace: 'pre-line',
+      textAlign: 'center'
+    }
+  }, error.message))));
+};

package/lib/client/renderer/ChartRendererProvider.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export declare type MeasureProps = {
+    field: string | string[];
+    aggregation?: string;
+    alias?: string;
+};
+export declare type DimensionProps = {
+    field: string | string[];
+    alias?: string;
+    format?: string;
+};
+export declare type TransformProps = {
+    field: string;
+    type: string;
+    format: string;
+};
+export declare type QueryProps = Partial<{
+    measures: MeasureProps[];
+    dimensions: DimensionProps[];
+    orders: {
+        field: string;
+        order: 'asc' | 'desc';
+    }[];
+    filter: any;
+    limit: number;
+    sql: {
+        fields?: string;
+        clauses?: string;
+    };
+}>;
+export declare type ChartRendererProps = {
+    collection: string;
+    query?: QueryProps;
+    config?: {
+        chartType: string;
+        general: any;
+        advanced: any;
+    };
+    transform?: TransformProps[];
+    mode?: 'builder' | 'sql';
+};
+export declare const ChartRendererContext: React.Context<ChartRendererProps>;
+export declare const ChartRendererProvider: React.FC<ChartRendererProps>;

package/lib/client/renderer/ChartRendererProvider.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartRendererProvider = exports.ChartRendererContext = 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;
+}
+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 ChartRendererContext = (0, _react().createContext)({});
+exports.ChartRendererContext = ChartRendererContext;
+const ChartRendererProvider = props => {
+  const collection = props.collection;
+  return _react().default.createElement(_client().MaybeCollectionProvider, {
+    collection: collection
+  }, _react().default.createElement(ChartRendererContext.Provider, {
+    value: _objectSpread({}, props)
+  }, props.children));
+};
+exports.ChartRendererProvider = ChartRendererProvider;

package/lib/client/renderer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ChartLibrary';
+export * from './ChartRenderer';
+export * from './ChartRendererProvider';
+export * from './library';

package/lib/client/renderer/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartLibrary = require("./ChartLibrary");
+Object.keys(_ChartLibrary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartLibrary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartLibrary[key];
+    }
+  });
+});
+var _ChartRenderer = require("./ChartRenderer");
+Object.keys(_ChartRenderer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartRenderer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartRenderer[key];
+    }
+  });
+});
+var _ChartRendererProvider = require("./ChartRendererProvider");
+Object.keys(_ChartRendererProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartRendererProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartRendererProvider[key];
+    }
+  });
+});
+var _library = require("./library");
+Object.keys(_library).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _library[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _library[key];
+    }
+  });
+});

package/lib/client/renderer/library/AntdLibrary.d.ts

@@ -0,0 +1,2 @@
+import { Charts } from '../ChartLibrary';
+export declare const AntdLibrary: Charts;

package/lib/client/renderer/library/AntdLibrary.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AntdLibrary = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../../locale");
+var _ChartLibrary = require("../ChartLibrary");
+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 AntdLibrary = {
+  statistic: {
+    name: (0, _locale.lang)('Statistic'),
+    component: _antd().Statistic,
+    schema: {
+      type: 'object',
+      properties: {
+        field: {
+          title: (0, _locale.lang)('Field'),
+          type: 'string',
+          'x-decorator': 'FormItem',
+          'x-component': 'Select',
+          'x-reactions': '{{ useChartFields }}',
+          required: true
+        },
+        title: {
+          title: (0, _locale.lang)('Title'),
+          type: 'string',
+          'x-decorator': 'FormItem',
+          'x-component': 'Input'
+        }
+      }
+    },
+    init: (fields, {
+      measures,
+      dimensions
+    }) => {
+      const _infer = (0, _ChartLibrary.infer)(fields, {
+          measures,
+          dimensions
+        }),
+        yField = _infer.yField;
+      return {
+        general: {
+          field: yField === null || yField === void 0 ? void 0 : yField.value,
+          title: yField === null || yField === void 0 ? void 0 : yField.label
+        }
+      };
+    },
+    useProps: ({
+      data,
+      fieldProps,
+      general,
+      advanced
+    }) => {
+      const record = data[0] || {};
+      const field = general === null || general === void 0 ? void 0 : general.field;
+      const props = fieldProps[field];
+      return _objectSpread(_objectSpread({
+        value: record[field],
+        formatter: props === null || props === void 0 ? void 0 : props.transformer
+      }, general), advanced);
+    },
+    reference: {
+      title: (0, _locale.lang)('Statistic'),
+      link: 'https://ant.design/components/statistic/'
+    }
+  },
+  table: {
+    name: (0, _locale.lang)('Table'),
+    component: _antd().Table,
+    useProps: ({
+      data,
+      fieldProps,
+      general,
+      advanced
+    }) => {
+      var _advanced$pagination;
+      const columns = data.length ? Object.keys(data[0]).map(item => {
+        var _fieldProps$item;
+        return {
+          title: ((_fieldProps$item = fieldProps[item]) === null || _fieldProps$item === void 0 ? void 0 : _fieldProps$item.label) || item,
+          dataIndex: item,
+          key: item
+        };
+      }) : [];
+      const dataSource = data.map(item => {
+        Object.keys(item).map(key => {
+          const props = fieldProps[key];
+          if (props === null || props === void 0 ? void 0 : props.transformer) {
+            item[key] = props.transformer(item[key]);
+          }
+        });
+        return item;
+      });
+      const pageSize = (advanced === null || advanced === void 0 ? void 0 : (_advanced$pagination = advanced.pagination) === null || _advanced$pagination === void 0 ? void 0 : _advanced$pagination.pageSize) || 10;
+      return _objectSpread(_objectSpread({
+        bordered: true,
+        size: 'middle',
+        pagination: dataSource.length < pageSize ? false : {
+          pageSize
+        },
+        dataSource,
+        columns
+      }, general), advanced);
+    },
+    reference: {
+      title: (0, _locale.lang)('Table'),
+      link: 'https://ant.design/components/table/'
+    }
+  }
+};
+exports.AntdLibrary = AntdLibrary;

package/lib/client/renderer/library/G2PlotLibrary.d.ts

@@ -0,0 +1,2 @@
+import { Charts } from '../ChartLibrary';
+export declare const G2PlotLibrary: Charts;