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

package/lib/client/locale/en-US.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  Edit: 'Edit',
+  Delete: 'Delete',
+  Cancel: 'Cancel',
+  Submit: 'Submit',
+  Actions: 'Actions',
+  Title: 'Title',
+  Enable: 'Enable',
+  'SAML manager': 'SAML manager',
+  'SAML Providers': 'SAML Providers',
+  'Redirect url': 'Redirect url',
+  'SP entity id': 'SP entity id',
+  'Add provider': 'Add',
+  'Edit provider': 'Edit',
+  'Client id': 'Client id',
+  'Entity id or issuer': 'Entity id or issuer',
+  'Login Url': 'Login Url',
+  'Public cert': 'Public cert',
+  'Delete provider': 'Delete',
+  'Are you sure you want to delete it?': 'Are you sure you want to delete it?',
+  'Sign in button name, which will be displayed on the sign in page': 'Sign in button name, which will be displayed on the sign in page'
+};
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+export declare const NAMESPACE = "charts-v2";
+export declare function lang(key: string): string;
+export declare function useChartsTranslation(): import("react-i18next").UseTranslationResponse<"charts-v2", undefined>;

package/lib/client/locale/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAMESPACE = void 0;
+exports.lang = lang;
+exports.useChartsTranslation = useChartsTranslation;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _reactI18next() {
+  const data = require("react-i18next");
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+  return data;
+}
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const NAMESPACE = 'charts-v2';
+exports.NAMESPACE = NAMESPACE;
+_client().i18n.addResources('zh-CN', NAMESPACE, _zhCN.default);
+// i18n.addResources('en-US', NAMESPACE, enUS);
+// i18n.addResources('ja-JP', NAMESPACE, jaJP);
+// i18n.addResources('ru-RU', NAMESPACE, ruRU);
+// i18n.addResources('tr-TR', NAMESPACE, trTR);
+function lang(key) {
+  return _client().i18n.t(key, {
+    ns: NAMESPACE
+  });
+}
+function useChartsTranslation() {
+  return (0, _reactI18next().useTranslation)(NAMESPACE);
+}

package/lib/client/locale/ja-JP.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/client/locale/ja-JP.js

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

package/lib/client/locale/pt-BR.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    Edit: string;
+    Delete: string;
+    Cancel: string;
+    Submit: string;
+    Actions: string;
+    Title: string;
+    Enable: string;
+    'SAML manager': string;
+    'SAML Providers': string;
+    'Redirect url': string;
+    'SP entity id': string;
+    'Add provider': string;
+    'Edit provider': string;
+    'Client id': string;
+    'Entity id or issuer': string;
+    'Login Url': string;
+    'Public cert': string;
+    'Delete provider': string;
+    'Are you sure you want to delete it?': string;
+    'Sign in button name, which will be displayed on the sign in page': string;
+};
+export default _default;

package/lib/client/locale/pt-BR.js

@@ -0,0 +1,29 @@
+"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/client/locale/ru-RU.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/client/locale/ru-RU.js

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

package/lib/client/locale/tr-TR.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/client/locale/tr-TR.js

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

package/lib/client/locale/zh-CN.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+    Edit: string;
+    Delete: string;
+    Cancel: string;
+    Submit: string;
+    Actions: string;
+    Title: string;
+    Enable: string;
+    Chart: string;
+    ChartV2: string;
+    Charts: string;
+    Configure: string;
+    Duplicate: string;
+    'Configure chart': string;
+    Transform: string;
+    'Chart type': string;
+    'JSON config': string;
+    Query: string;
+    Data: string;
+    'Run query': string;
+    Measures: string;
+    Dimensions: string;
+    Filter: string;
+    Sort: string;
+    Limit: string;
+    'Enable cache': string;
+    'TTL (second)': string;
+    Field: string;
+    Aggregation: string;
+    Alias: string;
+    Format: string;
+    'The first 10 records of the query result:': string;
+    'Please run query to retrive data.': string;
+    Type: string;
+    'Add field': string;
+    'Add chart': string;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    angleField: string;
+    colorField: string;
+    'Line Chart': string;
+    'Area Chart': string;
+    'Column Chart': string;
+    'Bar Chart': string;
+    'Pie Chart': string;
+    'Dual Axes Chart': string;
+    'Scatter Chart': string;
+    'Gauge Chart': string;
+    Statistic: string;
+    Currency: string;
+    Percent: string;
+    Exponential: string;
+    Abbreviation: string;
+    'Please configure and run query': string;
+    'Please configure chart': string;
+    'Are you sure to cancel?': string;
+    'You changes are not saved. If you click OK, your changes will be lost.': string;
+    'Same properties set in the form above will be overwritten by this JSON config.': string;
+    'Built-in': string;
+    'Config reference: ': string;
+    Table: string;
+    Sum: string;
+    Avg: string;
+    Count: string;
+    Min: string;
+    Max: string;
+    'Please select a chart type.': string;
+};
+export default _default;

package/lib/client/locale/zh-CN.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  Edit: '编辑',
+  Delete: '删除',
+  Cancel: '取消',
+  Submit: '提交',
+  Actions: '操作',
+  Title: '名称',
+  Enable: '启用',
+  Chart: '图表',
+  ChartV2: '图表V2',
+  Charts: '图表',
+  Configure: '配置',
+  Duplicate: '复制',
+  'Configure chart': '配置图表',
+  Transform: '数据转换',
+  'Chart type': '图表类型',
+  'JSON config': 'JSON 配置',
+  Query: '查询',
+  Data: '数据',
+  'Run query': '执行查询',
+  Measures: '度量',
+  Dimensions: '维度',
+  Filter: '过滤',
+  Sort: '排序',
+  Limit: '结果数量',
+  'Enable cache': '启用缓存',
+  'TTL (second)': '缓存时间 (秒)',
+  Field: '字段',
+  Aggregation: '聚合',
+  Alias: '别名',
+  Format: '格式',
+  'The first 10 records of the query result:': '查询结果的前 10 条记录：',
+  'Please run query to retrive data.': '请执行查询来获取数据。',
+  Type: '类型',
+  'Add field': '添加字段',
+  'Add chart': '添加图表',
+  xField: 'x轴字段',
+  yField: 'y轴字段',
+  seriesField: '分类字段',
+  angleField: '角度字段',
+  colorField: '颜色字段',
+  'Line Chart': '折线图',
+  'Area Chart': '面积图',
+  'Column Chart': '柱状图',
+  'Bar Chart': '条形图',
+  'Pie Chart': '饼图',
+  'Dual Axes Chart': '双轴图',
+  'Scatter Chart': '散点图',
+  'Gauge Chart': '仪表盘',
+  Statistic: '统计',
+  Currency: '货币',
+  Percent: '百分比',
+  Exponential: '科学记数法',
+  Abbreviation: '缩写',
+  'Please configure and run query': '请配置并执行数据查询',
+  'Please configure chart': '请配置图表',
+  'Are you sure to cancel?': '确定要取消吗？',
+  'You changes are not saved. If you click OK, your changes will be lost.': '您的更改尚未保存。如果您点击“确定”，您的更改将丢失。',
+  'Same properties set in the form above will be overwritten by this JSON config.': '上面表单中设置的相同属性将被JSON配置覆盖。',
+  'Built-in': '内置图表',
+  'Config reference: ': '配置参考: ',
+  Table: '表格',
+  Sum: '求和',
+  Avg: '平均值',
+  Count: '计数',
+  Min: '最小值',
+  Max: '最大值',
+  'Please select a chart type.': '请选择图表类型'
+};
+exports.default = _default;

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

@@ -0,0 +1,71 @@
+import { ISchema } from '@formily/react';
+import React from 'react';
+import { FieldOption } from '../hooks';
+import { QueryProps } from './ChartRendererProvider';
+/**
+ * @params {usePropsFunc} useProps - Accept the information that the chart component needs to render,
+ * process it and return the props of the chart component.
+ */
+export declare type usePropsFunc = (props: {
+    data: any[];
+    fieldProps: {
+        [field: string]: FieldOption & {
+            transformer: (val: any) => string;
+        };
+    };
+    general: any;
+    advanced: any;
+}) => any;
+export declare type ChartProps = {
+    name: string;
+    component: React.FC<any>;
+    schema?: ISchema;
+    useProps?: usePropsFunc;
+    init?: (fields: FieldOption[], query: {
+        measures?: QueryProps['measures'];
+        dimensions?: QueryProps['dimensions'];
+    }) => {
+        general?: any;
+        advanced?: any;
+    };
+    reference?: {
+        title: string;
+        link: string;
+    };
+};
+export declare type Charts = {
+    [type: string]: ChartProps;
+};
+export declare type ChartLibraries = {
+    [library: string]: {
+        enabled: boolean;
+        charts: Charts;
+    };
+};
+export declare const ChartLibraryContext: React.Context<ChartLibraries>;
+export declare const useCharts: () => Charts;
+export declare const useChartTypes: () => {
+    label: string;
+    children: (ChartProps & {
+        key: string;
+        label: string;
+        value: string;
+    })[];
+}[];
+export declare const useToggleChartLibrary: () => {
+    toggle: (library: string) => void;
+};
+export declare const ChartLibraryProvider: React.FC<{
+    name: string;
+    charts: Charts;
+}>;
+export declare const infer: (fields: FieldOption[], { measures, dimensions, }: {
+    measures?: QueryProps['measures'];
+    dimensions?: QueryProps['dimensions'];
+}) => {
+    xField: FieldOption;
+    yField: FieldOption;
+    seriesField: FieldOption;
+    yFields: FieldOption[];
+};
+export declare const commonInit: ChartProps['init'];

package/lib/client/renderer/ChartLibrary.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToggleChartLibrary = exports.useCharts = exports.useChartTypes = exports.infer = exports.commonInit = exports.ChartLibraryProvider = exports.ChartLibraryContext = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../locale");
+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 ChartLibraryContext = (0, _react().createContext)({});
+exports.ChartLibraryContext = ChartLibraryContext;
+const useCharts = () => {
+  const library = (0, _react().useContext)(ChartLibraryContext);
+  return Object.values(library).filter(l => l.enabled).reduce((charts, l) => _objectSpread(_objectSpread({}, charts), l.charts), {});
+};
+exports.useCharts = useCharts;
+const useChartTypes = () => {
+  const library = (0, _react().useContext)(ChartLibraryContext);
+  return Object.entries(library).filter(([_, l]) => l.enabled).reduce((charts, [name, l]) => {
+    const children = Object.entries(l.charts).map(([type, chart]) => _objectSpread(_objectSpread({}, chart), {}, {
+      key: type,
+      label: chart.name,
+      value: type
+    }));
+    return [...charts, {
+      label: (0, _locale.lang)(name),
+      children
+    }];
+  }, []);
+};
+exports.useChartTypes = useChartTypes;
+const useToggleChartLibrary = () => {
+  const ctx = (0, _react().useContext)(ChartLibraryContext);
+  return {
+    toggle: library => {
+      ctx[library].enabled = !ctx[library].enabled;
+    }
+  };
+};
+exports.useToggleChartLibrary = useToggleChartLibrary;
+const ChartLibraryProvider = props => {
+  const children = props.children,
+    charts = props.charts,
+    name = props.name;
+  const ctx = (0, _react().useContext)(ChartLibraryContext);
+  const library = _objectSpread(_objectSpread({}, ctx), {}, {
+    [name]: {
+      charts,
+      enabled: true
+    }
+  });
+  return _react().default.createElement(ChartLibraryContext.Provider, {
+    value: library
+  }, children);
+};
+exports.ChartLibraryProvider = ChartLibraryProvider;
+const infer = (fields, {
+  measures,
+  dimensions
+}) => {
+  let xField;
+  let yField;
+  let seriesField;
+  let yFields;
+  const getField = (fields, selected) => {
+    if (selected.alias) {
+      return fields.find(f => f.value === selected.alias);
+    }
+    const _parseField = (0, _utils.parseField)(selected.field),
+      alias = _parseField.alias;
+    return fields.find(f => f.value === alias);
+  };
+  if (measures === null || measures === void 0 ? void 0 : measures.length) {
+    yField = getField(fields, measures[0]);
+    yFields = measures.map(m => getField(fields, m));
+  }
+  if (dimensions) {
+    if (dimensions.length === 1) {
+      xField = getField(fields, dimensions[0]);
+    } else if (dimensions.length > 1) {
+      // If there is a time field, it is used as the x-axis field by default.
+      let xIndex;
+      dimensions.forEach((d, i) => {
+        const field = getField(fields, d);
+        if (['date', 'time', 'datetime'].includes(field === null || field === void 0 ? void 0 : field.type)) {
+          xField = field;
+          xIndex = i;
+        }
+      });
+      if (xIndex) {
+        // If there is a time field, the other field is used as the series field by default.
+        const index = xIndex === 0 ? 1 : 0;
+        seriesField = getField(fields, dimensions[index]);
+      } else {
+        xField = getField(fields, dimensions[0]);
+        seriesField = getField(fields, dimensions[1]);
+      }
+    }
+  }
+  return {
+    xField,
+    yField,
+    seriesField,
+    yFields
+  };
+};
+exports.infer = infer;
+const commonInit = (fields, {
+  measures,
+  dimensions
+}) => {
+  const _infer = infer(fields, {
+      measures,
+      dimensions
+    }),
+    xField = _infer.xField,
+    yField = _infer.yField,
+    seriesField = _infer.seriesField;
+  return {
+    general: {
+      xField: xField === null || xField === void 0 ? void 0 : xField.value,
+      yField: yField === null || yField === void 0 ? void 0 : yField.value,
+      seriesField: seriesField === null || seriesField === void 0 ? void 0 : seriesField.value
+    }
+  };
+};
+exports.commonInit = commonInit;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const ChartRenderer: React.FC<{
+    configuring?: boolean;
+    runQuery?: any;
+}> & {
+    Designer: React.FC;
+};