@nocobase/plugin-charts 0.11.1-alpha.5 → 0.12.0-alpha.1

package/lib/locale/fr-FR.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {};
-exports.default = _default;

package/lib/locale/ja-JP.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {};
-exports.default = _default;

package/lib/locale/pt-BR.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  Edit: 'Editar',
-  Delete: 'Delete',
-  Cancel: 'Cancelar',
-  Submit: 'Enviar',
-  Actions: 'Ações',
-  Title: 'Titulo',
-  Enable: 'Ativo',
-  'SAML manager': 'Gerenciador SAML',
-  'SAML Providers': 'Provedores SAML',
-  'Redirect url': 'URL de redirecionamento',
-  'SP entity id': 'ID de entidade do provedor de serviço (SP)',
-  'Add provider': 'Adicionar',
-  'Edit provider': 'Editar',
-  'Client id': 'ID do cliente',
-  'Entity id or issuer': 'ID de entidade ou emissor',
-  'Login Url': 'URL de login',
-  'Public cert': 'Certificado público',
-  'Delete provider': 'Excluir',
-  'Are you sure you want to delete it?': 'Tem certeza de que deseja excluí-lo?',
-  'Sign in button name, which will be displayed on the sign in page': 'Nome do botão de login, que será exibido na página de login'
-};
-exports.default = _default;

package/lib/locale/ru-RU.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {};
-exports.default = _default;

package/lib/locale/tr-TR.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {};
-exports.default = _default;

package/lib/locale/zh-CN.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  Edit: '编辑',
-  Delete: '删除',
-  Cancel: '取消',
-  Submit: '提交',
-  Actions: '操作',
-  Title: '名称',
-  Enable: '启用',
-  Chart: '图表',
-  Charts: '图表',
-  Queries: '查询列表',
-  'Select chart query': '选择图表数据',
-  'Select query data': '选择查询数据',
-  Type: '类型',
-  'Chart type': '图表类型',
-  'Chart title': '图表标题',
-  'Basic charts': '基础图表',
-  'More charts': '更多图表',
-  'Chart config': '图表配置',
-  'Add query': '添加查询',
-  'Edit query': '编辑查询',
-  'Invalid JSON format,must be an object array.': '无效的JSON格式，必须是对象数组。',
-  Area: '面积图',
-  Bar: '条形图',
-  Column: '柱状图',
-  Funnel: '漏斗图',
-  Line: '折线图',
-  Pie: '饼图',
-  Radar: '雷达图',
-  Scatter: '散点图',
-  'Edit chart block': '编辑图表区块',
-  'Chart preview': '图表预览',
-  'Delete queries': '删除查询列表',
-  'Delete query': '删除查询',
-  'Add chart query': '添加图表查询',
-  'Add SQL query': '添加SQL查询',
-  'Add JSON query': '添加JSON查询',
-  'Data preview': '数据预览',
-  'Category axis / Dimension': '类别轴 / 维度',
-  'Value axis / Metrics': '值轴 / 度量',
-  'JSON config': 'JSON 配置',
-  'Json config references': 'JSON配置参考',
-  'Create chart block': '创建图表区块',
-  'Invalid JSON format': '无效的JSON格式',
-  'Json config references: ': 'JSON配置参考: ',
-  'Sector Angle / Metric': '扇形角 / 度量',
-  'Sector label / Dimensional': '扇形标签 / 维度',
-  'Color legend / Dimensional': '颜色系列 / 维度',
-  'Funnel Layer Width/Metrics': '漏斗层宽度 / 度量',
-  'Branch Tags/Dimensions': '分支标签 / 维度',
-  'Branch Length/Metrics': '分支长度 / 度量',
-  'Please check the chart config': '请检查图表配置',
-  '1 「time」or 「Ordered Noun」 field,1 「Numerical」 field,1 「Unordered Noun」 field (optional)': '1 个「时间」或「有序名词」字段,1 个「数值」字段,1 个「无序名词」字段(可选)',
-  '1 「time」 or 「ordered noun」 field, 1 「value」 field, 0~ 1 「unordered noun」': '1 个「时间」或「有序名词」字段,1 个「数值」字段,0 ～ 1 个「无序名词」',
-  '1 「time」 or 「ordered noun」 field, 1 「value」 field, 0 to 1 「unordered noun」': '1 个「时间」或「有序名词」字段,1 个「数值」字段,0 ～ 1 个「无序名词」',
-  '1 「Unordered Noun」 field, 1 「Numeric」 field': '1 个「无序名词」字段,1 个「数值」字段',
-  '1 「Time」 or 「Order Noun」 field, 1 「Value」 field': '1 个「时间」或「有序名词」字段,1 个「数值」字段',
-  '1~ 2 「Unordered Noun」 fields, 1 「Numeric」 field': '1 ~ 2 个「无序名词」字段,1 个「数值」字段',
-  '1 「Numeric」 field, 0~ 1 「Unordered Noun」 field': '1 个「数值」字段,0 ~ 1 个「无序名词」字段',
-  'Chart (Old)': '图表 (旧)'
-};
-exports.default = _default;

package/lib/server/actions/chartsQueries.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validate = exports.listMetadata = exports.getData = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-var _query = require("../query");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 getData = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(function* (ctx, next) {
-    const filterByTk = ctx.action.params.filterByTk;
-    const r = ctx.db.getRepository('chartsQueries');
-    try {
-      const instance = yield r.findOne({
-        filterByTk
-      });
-      const result = yield _query.query[instance.type](instance.options, {
-        db: ctx.db,
-        skipError: true
-      });
-      if (typeof result === 'string') {
-        ctx.body = _json().default.parse(result);
-      } else {
-        ctx.body = result;
-      }
-    } catch (error) {
-      ctx.body = [];
-      ctx.logger.info('chartsQueries', error);
-    }
-    return next();
-  });
-  return function getData(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-exports.getData = getData;
-const validate = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(function* (ctx, next) {
-    const values = ctx.action.params.values;
-    ctx.body = {
-      errorMessage: ''
-    };
-    try {
-      yield _query.query.sql(values, {
-        db: ctx.db,
-        validateSQL: true
-      });
-    } catch (error) {
-      ctx.body = {
-        errorMessage: error.message
-      };
-    }
-    return next();
-  });
-  return function validate(_x3, _x4) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-exports.validate = validate;
-const listMetadata = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(function* (ctx, next) {
-    const r = ctx.db.getRepository('chartsQueries');
-    const items = yield r.find({
-      sort: '-id'
-    });
-    ctx.body = items.map(item => {
-      return {
-        id: item.id,
-        title: item.title,
-        type: item.type,
-        fields: item.fields
-      };
-    });
-    return next();
-  });
-  return function listMetadata(_x5, _x6) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-exports.listMetadata = listMetadata;

package/lib/server/actions/index.js

@@ -1 +0,0 @@
-"use strict";

package/lib/server/collections/chartsQueries.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _database() {
-  const data = require("@nocobase/database");
-  _database = function _database() {
-    return data;
-  };
-  return data;
-}
-var _default = (0, _database().defineCollection)({
-  namespace: 'charts.chartsQueries',
-  duplicator: 'optional',
-  name: 'chartsQueries',
-  fields: [{
-    name: 'title',
-    type: 'string'
-  }, {
-    name: 'type',
-    type: 'string'
-  }, {
-    name: 'options',
-    type: 'json'
-  }, {
-    name: 'fields',
-    type: 'json',
-    defaultValue: []
-  }]
-});
-exports.default = _default;

package/lib/server/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _plugin.default;
-  }
-});
-var _plugin = _interopRequireDefault(require("./plugin"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/server/plugin.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ChartsPlugin = void 0;
-function _server() {
-  const data = require("@nocobase/server");
-  _server = function _server() {
-    return data;
-  };
-  return data;
-}
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _path() {
-  const data = require("path");
-  _path = function _path() {
-    return data;
-  };
-  return data;
-}
-var _chartsQueries = require("./actions/chartsQueries");
-var _query = require("./query");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }); }; }
-class ChartsPlugin extends _server().Plugin {
-  constructor(...args) {
-    var _this;
-    super(...args);
-    _this = this;
-    this.syncFields = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (instance, {
-        transaction
-      }) {
-        var _data2;
-        const _data = yield _query.query[instance.type](instance.options, {
-          db: _this.db,
-          transaction,
-          validateSQL: true
-        });
-        let data;
-        if (typeof _data === 'string') {
-          data = _json().default.parse(_data);
-        } else {
-          data = _data;
-        }
-        const d = Array.isArray(data) ? (_data2 = data) === null || _data2 === void 0 ? void 0 : _data2[0] : data;
-        const fields = Object.keys(d || {}).map(f => {
-          return {
-            name: f
-          };
-        });
-        instance.set('fields', fields);
-      });
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-  }
-  afterAdd() {}
-  beforeLoad() {
-    this.app.db.on('chartsQueries.beforeCreate', this.syncFields);
-    this.app.db.on('chartsQueries.beforeUpdate', this.syncFields);
-  }
-  load() {
-    var _this2 = this;
-    return _asyncToGenerator(function* () {
-      yield _this2.db.import({
-        directory: (0, _path().resolve)(__dirname, 'collections')
-      });
-      _this2.app.resourcer.registerActionHandlers({
-        'chartsQueries:getData': _chartsQueries.getData,
-        'chartsQueries:listMetadata': _chartsQueries.listMetadata,
-        'chartsQueries:validate': _chartsQueries.validate
-      });
-      _this2.app.acl.registerSnippet({
-        name: 'pm.charts.queries',
-        actions: ['chartsQueries:*']
-      });
-      _this2.app.acl.allow('chartsQueries', 'getData', 'loggedIn');
-      _this2.app.acl.allow('chartsQueries', 'listMetadata', 'loggedIn');
-    })();
-  }
-  install(options) {
-    return _asyncToGenerator(function* () {})();
-  }
-  afterEnable() {
-    return _asyncToGenerator(function* () {})();
-  }
-  afterDisable() {
-    return _asyncToGenerator(function* () {})();
-  }
-  remove() {
-    return _asyncToGenerator(function* () {})();
-  }
-}
-exports.ChartsPlugin = ChartsPlugin;
-var _default = ChartsPlugin;
-exports.default = _default;

package/lib/server/query.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.query = exports.default = void 0;
-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; }
-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 query = {
-  api: function () {
-    var _api = _asyncToGenerator(function* (options) {
-      return [];
-    });
-    function api(_x) {
-      return _api.apply(this, arguments);
-    }
-    return api;
-  }(),
-  json: function () {
-    var _json = _asyncToGenerator(function* (options) {
-      return options.data || [];
-    });
-    function json(_x2) {
-      return _json.apply(this, arguments);
-    }
-    return json;
-  }(),
-  sql: function () {
-    var _sql = _asyncToGenerator(function* (options, {
-      db,
-      transaction,
-      skipError,
-      validateSQL
-    }) {
-      try {
-        // 分号截取，只取第一段
-        const sql = options.sql.trim().split(';').shift();
-        if (!sql) {
-          throw new Error('SQL is empty');
-        }
-        if (!/^select/i.test(sql) && !/^with([\s\S]+)select([\s\S]+)/i.test(sql)) {
-          throw new Error('Only select query allowed');
-        }
-        const _yield$db$sequelize$q = yield db.sequelize.query(sql, {
-            transaction
-          }),
-          _yield$db$sequelize$q2 = _slicedToArray(_yield$db$sequelize$q, 1),
-          data = _yield$db$sequelize$q2[0];
-        return data;
-      } catch (error) {
-        if (skipError) {
-          return [];
-        }
-        throw error;
-      }
-    });
-    function sql(_x3, _x4) {
-      return _sql.apply(this, arguments);
-    }
-    return sql;
-  }()
-};
-exports.query = query;
-var _default = query;
-exports.default = _default;

package/lib/server/shared/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.choicesTypeInterfaceArray = void 0;
-const choicesTypeInterfaceArray = ['radioGroup', 'select'];
-exports.choicesTypeInterfaceArray = choicesTypeInterfaceArray;

package/src/client/ChartBlockEngine.tsx

@@ -1,121 +0,0 @@
-import { useCompile, useRequest } from '@nocobase/client';
-import { Empty, Spin } from 'antd';
-import JSON5 from 'json5';
-import React, { useEffect, useState } from 'react';
-import { ChartBlockEngineDesigner } from './ChartBlockEngineDesigner';
-import chartRenderComponentsMap from './chartRenderComponents';
-import { lang } from './locale';
-import { templates } from './templates';
-
-export interface IQueryConfig {
-  id: number;
-}
-export interface IChartConfig {
-  type: string;
-  template: string;
-  metric: string;
-  dimension: string;
-  category?: string;
-  [key: string]: any;
-}
-
-export interface ChartBlockEngineMetaData {
-  query: IQueryConfig;
-  chart: IChartConfig;
-}
-
-const ChartRenderComponent = ({
-  chartBlockEngineMetaData,
-}: {
-  chartBlockEngineMetaData: ChartBlockEngineMetaData;
-}): JSX.Element => {
-  const compile = useCompile();
-  const chartType = chartBlockEngineMetaData.chart.type;
-  const renderComponent = templates.get(chartType)?.renderComponent;
-  const RenderComponent = chartRenderComponentsMap.get(renderComponent); //G2Plot | Echarts | D3 |Table
-  const chartConfig = chartBlockEngineMetaData.chart;
-  const { loading, dataSet, error } = useGetDataSet(chartBlockEngineMetaData.query.id);
-
-  const [currentConfig, setCurrentConfig] = useState<IChartConfig>({} as any);
-
-  useEffect(() => {
-    setCurrentConfig(chartConfig);
-  }, [JSON.stringify(chartConfig)]);
-
-  if (error) {
-    return (
-      <>
-        <Empty description={<span>{`May be this chart block's query data has been deleted,please check!`}</span>} />
-      </>
-    );
-  }
-
-  if (currentConfig.type !== chartConfig.type) {
-    return <></>;
-  }
-
-  switch (renderComponent) {
-    case 'G2Plot': {
-      const finalChartOptions = templates.get(chartType)?.defaultChartOptions;
-      let template;
-      try {
-        template = JSON5.parse(chartConfig?.template);
-      } catch (e) {
-        template = {};
-      }
-      const config = compile(
-        {
-          ...finalChartOptions,
-          ...template,
-          data: dataSet,
-        },
-        { ...chartConfig, category: chartConfig?.category ?? '' },
-      );
-      if (config && chartConfig) {
-        const { dimension, metric, category } = chartConfig;
-        if (!metric || !dimension) {
-          return <>{lang('Please check the chart config')}</>;
-        }
-      }
-      return <>{loading ? <Spin /> : <RenderComponent plot={chartConfig.type} config={config} />}</>;
-    }
-  }
-  return <></>;
-};
-
-export const useGetDataSet = (chartQueryId: number) => {
-  const { data, loading, error } = useRequest<{
-    data: any;
-  }>({
-    url: `/chartsQueries:getData/${chartQueryId}`,
-  });
-  const dataSet = data?.data;
-  return {
-    loading,
-    dataSet: dataSet,
-    error,
-  };
-};
-
-const ChartBlockEngine = ({ chartBlockEngineMetaData }: { chartBlockEngineMetaData: ChartBlockEngineMetaData }) => {
-  let renderComponent;
-  const chartType = chartBlockEngineMetaData?.chart?.type;
-
-  if (chartType) {
-    renderComponent = templates.get(chartType)?.renderComponent;
-  }
-
-  if (!chartType || !renderComponent) {
-    return <>{lang('Please check the chart config')}</>;
-  }
-
-  return (
-    <>
-      <ChartRenderComponent chartBlockEngineMetaData={chartBlockEngineMetaData} />
-    </>
-  );
-};
-
-ChartBlockEngine.Designer = ChartBlockEngineDesigner;
-
-export { ChartBlockEngine };