@nocobase/plugin-charts 0.9.1-alpha.2

package/lib/client/ChartQueryMetadataProvider.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartQueryMetadataContext = exports.ChartQueryMetadataProvider = exports.ChartQueryMetadataContext = void 0;
+
+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 _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    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 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); }); }; }
+
+const ChartQueryMetadataContext = (0, _react().createContext)({
+  refresh: () => {},
+  data: []
+});
+exports.ChartQueryMetadataContext = ChartQueryMetadataContext;
+
+const ChartQueryMetadataProvider = props => {
+  var _service$data;
+
+  const api = (0, _client().useAPIClient)();
+  const options = {
+    resource: 'chartsQueries',
+    action: 'listMetadata',
+    params: {
+      paginate: false,
+      sort: ['-id']
+    }
+  };
+  const location = (0, _reactRouterDom().useLocation)();
+  const service = (0, _client().useRequest)(options, {
+    manual: true
+  });
+  const isAdminPage = location.pathname.startsWith('/admin');
+  const token = api.auth.getToken() || '';
+  (0, _react().useEffect)(() => {
+    if (isAdminPage && token) {
+      service.run();
+    }
+  }, [isAdminPage, token]);
+
+  const refresh = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(function* () {
+      const _yield$api$request = yield api.request(options),
+            data = _yield$api$request.data;
+
+      service.mutate(data);
+      return (data === null || data === void 0 ? void 0 : data.data) || [];
+    });
+
+    return function refresh() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  if (service.loading) {
+    return _react().default.createElement(_antd().Spin, null);
+  }
+
+  return _react().default.createElement(ChartQueryMetadataContext.Provider, {
+    value: {
+      refresh,
+      data: (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.data
+    }
+  }, props.children);
+};
+
+exports.ChartQueryMetadataProvider = ChartQueryMetadataProvider;
+
+const useChartQueryMetadataContext = () => {
+  return (0, _react().useContext)(ChartQueryMetadataContext);
+};
+
+exports.useChartQueryMetadataContext = useChartQueryMetadataContext;

package/lib/client/DataSetPreviewTable.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ queryId, fields }: {
+    queryId: number;
+    fields: any;
+}) => JSX.Element;
+export default _default;

package/lib/client/DataSetPreviewTable.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+var _ChartBlockEngine = require("./ChartBlockEngine");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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; }
+
+var _default = ({
+  queryId,
+  fields
+}) => {
+  const _useGetDataSet = (0, _ChartBlockEngine.useGetDataSet)(queryId),
+        dataSet = _useGetDataSet.dataSet,
+        loading = _useGetDataSet.loading,
+        error = _useGetDataSet.error;
+
+  const columns = {};
+
+  if (fields) {
+    var _iterator = _createForOfIteratorHelper(fields),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        const field = _step.value;
+        columns[field.name] = {
+          type: 'void',
+          title: field.name,
+          'x-component': 'TableV2.Column',
+          'x-component-props': {// width: 200,
+          },
+          properties: {
+            [field.name]: {
+              type: 'string',
+              'x-component': 'Input',
+              'x-read-pretty': true
+            }
+          }
+        };
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+
+  const schema = {
+    type: 'void',
+    properties: {
+      input: {
+        type: 'array',
+        'x-component': 'TableV2',
+        'x-component-props': {
+          rowKey: 'id',
+          scroll: {
+            y: 300
+          }
+        },
+        default: dataSet,
+        properties: columns
+      }
+    }
+  };
+
+  if (error) {
+    return _react().default.createElement(_react().default.Fragment, null, _react().default.createElement(_antd().Empty, {
+      description: _react().default.createElement("span", null, "May be this chart block's query data has been deleted,please check!")
+    }));
+  }
+
+  if (loading) return _react().default.createElement(_react().default.Fragment, null, _react().default.createElement(_antd().Spin, null));
+  return _react().default.createElement(_client().SchemaComponentProvider, {
+    scope: {
+      dataSet
+    },
+    components: {
+      TableV2: _client().TableV2,
+      Input: _client().Input,
+      FormItem: _client().FormItem
+    }
+  }, _react().default.createElement(_client().BlockSchemaComponentProvider, null, _react().default.createElement(_client().SchemaComponent, {
+    schema: schema
+  })));
+};
+
+exports.default = _default;

package/lib/client/Icons.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/client/Icons.js

@@ -0,0 +1,226 @@
+"use strict";
+
+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;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const RadarChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M523 573.5c-3.9 0.7-7.9 1.1-12 1.1-5.3 0-10.4-0.6-15.2-1.8l-62.2 189.7 167.4-76L523 573.5z"
+}), _react().default.createElement("path", {
+  d: "M398.3 767.3l68.9-210.1c-6.4-6-11.5-13.3-15-21.4l-192.6 52.7L398.3 767.3z"
+}), _react().default.createElement("path", {
+  d: "M528 448.9c4.1 1.1 8 2.6 11.7 4.5l72.5-61.8L528 263.7 528 448.9z"
+}), _react().default.createElement("path", {
+  d: "M259.6 555.4 447.3 504c0.4-4.2 1.3-8.3 2.5-12.2L270.9 373.4 259.6 555.4z"
+}), _react().default.createElement("path", {
+  d: "M655.5 396.7l208.3 185.7 30.2 4.8c4.8-24.6 7.4-49.9 7.4-75.9 0-95.9-34.6-183.7-92-251.6L655.5 396.7z"
+}), _react().default.createElement("path", {
+  d: "M794.4 563.4 630.9 417.7l-67 57.1c5.6 8.3 9.3 18 10.6 28.4L794.4 563.4z"
+}), _react().default.createElement("path", {
+  d: "M496 448.4 496 239.6l-218.8 99.6 189.4 125.4C474.7 456.8 484.8 451.1 496 448.4z"
+}), _react().default.createElement("path", {
+  d: "M619.3 713.3 420 803.8l-19.1 81.6c35 10.3 72.1 15.9 110.4 15.9 74.4 0 143.9-20.8 203-56.9L619.3 713.3z"
+}), _react().default.createElement("path", {
+  d: "M648.7 699.5l92.3 127.2c63.3-46.2 112.2-111 138.6-186.4L648.7 699.5z"
+}), _react().default.createElement("path", {
+  d: "M386.2 804 226.1 597.7l-87.9 27.4c34.9 114.7 121.3 207 232.2 250L386.2 804z"
+}), _react().default.createElement("path", {
+  d: "M226.9 564.3 240.2 353l-64.4-40.5c-34.6 58.2-54.4 126.2-54.4 198.8 0 28.4 3 56.2 8.8 82.9L226.9 564.3z"
+}), _react().default.createElement("path", {
+  d: "M842.8 609.8l-272.7-74.7c-4 9.5-10.1 17.9-17.9 24.4l77.3 112.1L842.8 609.8z"
+}), _react().default.createElement("path", {
+  d: "M528 205.4l108.8 165.2 151-134.5c-67-67.3-158.4-110.2-259.7-114.5L528.1 205.4z"
+}), _react().default.createElement("path", {
+  d: "M245.7 318.4l250.3-114 0-82.8c-125 4.8-234.8 68.5-302.8 164L245.7 318.4z"
+}));
+
+const FunnelChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M533.6 784.5c6.6 16.4-1.3 35-17.6 41.7l0 0c-16.4 6.6-35-1.3-41.7-17.6L129.9 236c-6.6-16.4 1.3-35 17.6-41.7l0 0c16.4-6.6 35 1.3 41.7 17.6L533.6 784.5z"
+}), _react().default.createElement("path", {
+  d: "M536 812.2c-6.9 16.3-25.7 23.9-41.9 17l0 0c-16.3-6.9-23.9-25.7-17-41.9l357.6-575.7c6.9-16.3 25.7-23.9 41.9-17l0 0c16.3 6.9 23.9 25.7 17 41.9L536 812.2z"
+}), _react().default.createElement("path", {
+  d: "M895.4 224c0 17.7-14.3 32-32 32l-704 0c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l704 0C881 192 895.4 206.3 895.4 224L895.4 224z"
+}), _react().default.createElement("path", {
+  d: "M278.6 384l465 0 0 64-465 0 0-64Z"
+}), _react().default.createElement("path", {
+  d: "M391.6 576l232.5 0 0 64-232.5 0 0-64Z"
+}));
+
+const ScatterChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z"
+}), _react().default.createElement("path", {
+  d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z"
+}), _react().default.createElement("path", {
+  d: "M745.6 765.9"
+}), _react().default.createElement("path", {
+  d: "M307.6 244.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M560 479.2m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M391.9 387.7m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M540.4 244.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M732.9 292.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M792.9 717.9m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M307.6 527.2m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}), _react().default.createElement("path", {
+  d: "M439.9 662.4m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"
+}));
+
+const ColumnChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z"
+}), _react().default.createElement("path", {
+  d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z"
+}), _react().default.createElement("path", {
+  d: "M745.6 765.9"
+}), _react().default.createElement("path", {
+  d: "M342.1 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L278.7 489c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L342.1 734.3z"
+}), _react().default.createElement("path", {
+  d: "M493.8 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L430.4 387c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L493.8 734.3z"
+}), _react().default.createElement("path", {
+  d: "M797.3 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L733.9 234.5c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L797.3 734.3z"
+}), _react().default.createElement("path", {
+  d: "M645.5 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7l0-97.2c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L645.5 734.3z"
+}));
+
+const BarChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M131.072 156.16c0-17.92 14.336-31.744 31.744-31.744 17.92 0 31.744 14.336 31.744 31.744v712.192c0 17.92-14.336 31.744-31.744 31.744-17.92 0-31.744-14.336-31.744-31.744V156.16zM292.864 338.944c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h245.248c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-245.248zM292.864 490.496c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744H640c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-347.136zM292.864 794.112c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h499.712c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-499.712zM292.864 642.56c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h97.28c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-97.28z"
+}));
+
+const LineChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z"
+}), _react().default.createElement("path", {
+  d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z"
+}), _react().default.createElement("path", {
+  d: "M307.1 686.3c-12.4 12.4-32.4 12.4-44.8 0l0 0c-12.4-12.4-12.4-32.4 0-44.8l173.4-173.4c12.4-12.4 32.4-12.4 44.8 0l0 0c12.4 12.4 12.4 32.4 0 44.8L307.1 686.3z"
+}), _react().default.createElement("path", {
+  d: "M608.8 640c-12.4 12.4-32.4 12.4-44.8 0l0 0c-12.4-12.4-12.4-32.4 0-44.8l212.7-212.7c12.4-12.4 32.4-12.4 44.8 0l0 0c12.4 12.4 12.4 32.4 0 44.8L608.8 640z"
+}), _react().default.createElement("path", {
+  d: "M608 595.3c12.4 12.4 12.4 32.4 0 44.8l0 0c-12.4 12.4-32.4 12.4-44.8 0L436 512.8c-12.4-12.4-12.4-32.4 0-44.8l0 0c12.4-12.4 32.4-12.4 44.8 0L608 595.3z"
+}));
+
+const PieChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M489.7 511 489 511 489 126.9c-201 12.3-360.1 179.2-360.1 383.3 0 212.1 171.9 384 384 384 106.5 0 202.9-43.4 272.5-113.4L489.7 511z"
+}), _react().default.createElement("path", {
+  d: "M773.1 237.2l6-6c-62.7-59.6-143.5-95.8-228.2-104l0 304.7L773.1 237.2z"
+}), _react().default.createElement("path", {
+  d: "M819.5 281.6 564.1 505.1 822 739c3-4 5.9-8.1 8.7-12.3 41.4-61.3 65.6-135.2 65.6-214.7C896.3 425.6 867.7 345.8 819.5 281.6z"
+}));
+
+const AreaChart = () => _react().default.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  viewBox: "0 0 1024 1024"
+}, _react().default.createElement("path", {
+  d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z"
+}), _react().default.createElement("path", {
+  d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z"
+}), _react().default.createElement("path", {
+  d: "M830.6 338.2 830.6 338.2c0.9-9.2-2.1-18.6-9.1-25.7-12.4-12.4-32.4-12.4-44.8 0L586 503.3 480.8 398.1c-6.2-6.2-14.4-9.3-22.5-9.3-8.1 0-16.3 3.1-22.5 9.3L262.4 571.5c-6 6-9.1 13.8-9.3 21.6 0 0.1 0 0.1 0 0.2l0 111.8c0 35.3 28.7 64 64 64l449.7 0c33.8 0 61.4-26.1 63.8-59.3l0 0 0-0.2c0.1-1.5 0.2-3 0.2-4.5L830.8 593.3c0-0.3-0.1-0.7-0.2-1L830.6 338.2z"
+}));
+
+_client().Icon.register({
+  'icon-area': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: AreaChart
+  }, props)),
+  'icon-pie': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: PieChart
+  }, props)),
+  'icon-radar': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: RadarChart
+  }, props)),
+  'icon-funnel': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: FunnelChart
+  }, props)),
+  'icon-line': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: LineChart
+  }, props)),
+  'icon-bar': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: BarChart
+  }, props)),
+  'icon-column': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: ColumnChart
+  }, props)),
+  'icon-scatter': props => _react().default.createElement(_client().Icon, _objectSpread({
+    component: ScatterChart
+  }, props))
+});

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

@@ -0,0 +1,2 @@
+declare const chartRenderComponentsMap: Map<any, any>;
+export default chartRenderComponentsMap;

package/lib/client/chartRenderComponents/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _DataSetPreviewTable = _interopRequireDefault(require("../DataSetPreviewTable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const chartRenderComponentsMap = new Map();
+chartRenderComponentsMap.set('G2Plot', _client().G2Plot);
+chartRenderComponentsMap.set('DataSetPreviewTable', _DataSetPreviewTable.default);
+var _default = chartRenderComponentsMap;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+declare const useFieldsById: (queryId: number) => {
+    fields: any[];
+};
+export { useFieldsById };

package/lib/client/hooks/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldsById = void 0;
+
+var _ChartQueryMetadataProvider = require("../ChartQueryMetadataProvider");
+
+function _react() {
+  const data = require("react");
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const useFieldsById = queryId => {
+  const _useState = (0, _react().useState)([]),
+        _useState2 = _slicedToArray(_useState, 2),
+        fields = _useState2[0],
+        setFields = _useState2[1];
+
+  const ctx = (0, _ChartQueryMetadataProvider.useChartQueryMetadataContext)();
+  (0, _react().useEffect)(() => {
+    const chartQueryList = ctx === null || ctx === void 0 ? void 0 : ctx.data;
+
+    if (chartQueryList && Array.isArray(chartQueryList)) {
+      const currentQuery = chartQueryList.find(chartQuery => chartQuery.id === queryId);
+      setFields(currentQuery === null || currentQuery === void 0 ? void 0 : currentQuery.fields);
+    }
+  }, [queryId]);
+  return {
+    fields
+  };
+};
+
+exports.useFieldsById = useFieldsById;

package/lib/client/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './Icons';
+declare const _default: React.NamedExoticComponent<object>;
+export default _default;