@nocobase/plugin-data-visualization 0.11.1-alpha.5 → 0.12.0-alpha.2

package/lib/client/renderer/ChartRenderer.js

@@ -1,181 +0,0 @@
-"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 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 Paragraph = _antd().Typography.Paragraph,
-  Text = _antd().Typography.Text;
-const ChartRenderer = props => {
-  var _chart$useProps;
-  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
-    t = _useChartsTranslation.t;
-  const ctx = (0, _react2().useContext)(_ChartRendererProvider.ChartRendererContext);
-  const config = ctx.config,
-    transform = ctx.transform,
-    collection = ctx.collection,
-    service = ctx.service,
-    _data = ctx.data;
-  const fields = (0, _hooks.useFieldsWithAssociation)(collection);
-  const data = (0, _utils.processData)(fields, (service === null || service === void 0 ? void 0 : service.data) || _data || [], {
-    t
-  });
-  const general = (config === null || config === void 0 ? void 0 : config.general) || {};
-  const advanced = (config === null || config === void 0 ? void 0 : config.advanced) || {};
-  const api = (0, _client().useAPIClient)();
-  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')
-  });
-  if (service.loading) {
-    return _react2().default.createElement(_antd().Spin, null);
-  }
-  if (!(data && data.length)) {
-    return _react2().default.createElement(_antd().Empty, {
-      image: _antd().Empty.PRESENTED_IMAGE_SIMPLE,
-      description: t('Please configure and run query')
-    });
-  }
-  return _react2().default.createElement(C, null);
-};
-exports.ChartRenderer = ChartRenderer;
-ChartRenderer.Designer = function Designer() {
-  const _useChartsTranslation2 = (0, _locale.useChartsTranslation)(),
-    t = _useChartsTranslation2.t;
-  const _useContext = (0, _react2().useContext)(_block.ChartConfigContext),
-    setVisible = _useContext.setVisible,
-    setCurrent = _useContext.setCurrent;
-  const _useContext2 = (0, _react2().useContext)(_ChartRendererProvider.ChartRendererContext),
-    service = _useContext2.service;
-  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,
-        service,
-        data: service === null || service === void 0 ? void 0 : service.data
-      });
-      setVisible(true);
-    }
-  }, t('Configure')), _react2().default.createElement(_client().SchemaSettings.Item, {
-    key: "duplicate",
-    onClick: () => insertAdjacent('afterEnd', (0, _client().gridRowColWrap)((0, _utils.createRendererSchema)(schema === null || schema === void 0 ? void 0 : schema['x-decorator-props'])))
-  }, 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.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartRendererProvider = exports.ChartRendererContext = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
-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 _react2() {
-  const data = _interopRequireWildcard(require("react"));
-  _react2 = function _react2() {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../utils");
-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, _react2().createContext)({});
-exports.ChartRendererContext = ChartRendererContext;
-const ChartRendererProvider = props => {
-  const query = props.query,
-    config = props.config,
-    collection = props.collection,
-    transform = props.transform;
-  const schema = (0, _react().useFieldSchema)();
-  const api = (0, _client().useAPIClient)();
-  const service = (0, _client().useRequest)((collection, query) => new Promise((resolve, reject) => {
-    var _query$measures;
-    if (!(collection && query !== null && query !== void 0 && (_query$measures = query.measures) !== null && _query$measures !== void 0 && _query$measures.length)) return resolve(undefined);
-    api.request({
-      url: 'charts:query',
-      method: 'POST',
-      data: _objectSpread(_objectSpread({
-        uid: schema === null || schema === void 0 ? void 0 : schema['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;
-      resolve(res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.data);
-    }).catch(reject);
-  }), {
-    defaultParams: [collection, query]
-  });
-  return _react2().default.createElement(_client().MaybeCollectionProvider, {
-    collection: collection
-  }, _react2().default.createElement("div", {
-    className: (0, _css().css)`
-          .ant-card {
-            box-shadow: none;
-          }
-        `
-  }, _react2().default.createElement(ChartRendererContext.Provider, {
-    value: {
-      collection,
-      config,
-      transform,
-      service
-    }
-  }, props.children)));
-};
-exports.ChartRendererProvider = ChartRendererProvider;

package/lib/client/renderer/index.js

@@ -1,49 +0,0 @@
-"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

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

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

@@ -1,123 +0,0 @@
-"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 && 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

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