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

package/lib/client/templates/FunnelTemplate.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.funnelTemplate = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartConfig = {
-  xField: '{{dimension}}',
-  yField: '{{metric}}',
-  seriesField: '{{category}}',
-  legend: false
-};
-const funnelTemplate = {
-  description: '1 「Unordered Noun」 field, 1 「Numeric」 field',
-  type: 'Funnel',
-  title: 'Funnel',
-  iconId: 'icon-funnel',
-  group: 1,
-  renderComponent: 'G2Plot',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {
-      dimension: {
-        required: true,
-        type: 'string',
-        title: '{{t("Sector label / Dimensional",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      metric: {
-        required: true,
-        type: 'string',
-        title: '{{t("Funnel Layer Width/Metrics",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      category: {
-        type: 'string',
-        title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      jsonConfig: {
-        type: 'void',
-        'x-component': 'div',
-        properties: {
-          template: {
-            required: true,
-            title: '{{t("JSON config",{ns:"charts"})}}',
-            type: 'string',
-            default: _json().default.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: {
-                minRows: 8,
-                maxRows: 16
-              }
-            },
-            description: '{{jsonConfigDesc("Funnel | G2Plot","https://g2plot.antv.antgroup.com/api/plots/funnel")}}',
-            'x-validator': {
-              json5: true
-            }
-          }
-        }
-      }
-    }
-  }
-};
-exports.funnelTemplate = funnelTemplate;

package/lib/client/templates/LineTemplate.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lineTemplate = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartConfig = {
-  yField: '{{metric}}',
-  xField: '{{dimension}}',
-  seriesField: '{{category}}',
-  xAxis: {
-    //type: 'time',
-  },
-  yAxis: {
-    // label: {
-    //   formatter: '{{(v) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`)}}',
-    // },
-  }
-};
-const lineTemplate = {
-  description: '1 「Time」 or 「Order Noun」 field, 1 「Value」 field',
-  type: 'Line',
-  title: 'Line',
-  iconId: 'icon-line',
-  group: 2,
-  renderComponent: 'G2Plot',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {
-      dimension: {
-        required: true,
-        type: 'string',
-        title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      metric: {
-        required: true,
-        type: 'string',
-        title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      category: {
-        type: 'string',
-        title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      jsonConfig: {
-        type: 'void',
-        'x-component': 'div',
-        properties: {
-          template: {
-            required: true,
-            title: '{{t("JSON config",{ns:"charts"})}}',
-            type: 'string',
-            default: _json().default.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: {
-                minRows: 8,
-                maxRows: 16
-              }
-            },
-            description: '{{jsonConfigDesc("Line | G2Plot","https://g2plot.antv.antgroup.com/api/plots/line")}}',
-            'x-validator': {
-              json5: true
-            }
-          }
-        }
-      }
-    }
-  }
-};
-exports.lineTemplate = lineTemplate;

package/lib/client/templates/PieTemplate.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pieTemplate = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartConfig = {
-  appendPadding: 10,
-  angleField: '{{metric}}',
-  colorField: '{{dimension}}',
-  radius: 0.9,
-  label: {
-    type: 'inner',
-    offset: '-30%',
-    content: '{{({percent}) => `${(percent * 100).toFixed(0)}%`}}',
-    style: {
-      fontSize: 14,
-      textAlign: 'center'
-    }
-  },
-  interactions: [{
-    type: 'element-active'
-  }]
-};
-const pieTemplate = {
-  description: '1 「Time」 or 「Order Noun」 field, 1 「Value」 field',
-  title: 'Pie',
-  type: 'Pie',
-  iconId: 'icon-pie',
-  group: 2,
-  renderComponent: 'G2Plot',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {
-      dimension: {
-        required: true,
-        type: 'string',
-        title: '{{t("Sector label / Dimensional",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      metric: {
-        required: true,
-        type: 'string',
-        title: '{{t("Sector Angle / Metric",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      jsonConfig: {
-        type: 'void',
-        'x-component': 'div',
-        properties: {
-          template: {
-            required: true,
-            title: '{{t("JSON config",{ns:"charts"})}}',
-            type: 'string',
-            default: _json().default.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: {
-                minRows: 8,
-                maxRows: 16
-              }
-            },
-            description: '{{jsonConfigDesc("Pie | G2Plot","https://g2plot.antv.antgroup.com/api/plots/pie")}}',
-            'x-validator': {
-              json5: true
-            }
-          }
-        }
-      }
-    }
-  }
-};
-exports.pieTemplate = pieTemplate;

package/lib/client/templates/RadarTemplate.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.radarTemplate = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartConfig = {
-  xField: '{{dimension}}',
-  yField: '{{metric}}',
-  appendPadding: [0, 10, 0, 10],
-  xAxis: {
-    tickLine: null
-  },
-  yAxis: {
-    label: false,
-    grid: {
-      alternateColor: 'rgba(0, 0, 0, 0.04)'
-    }
-  },
-  // 开启辅助点
-  point: {
-    size: 2
-  },
-  area: {}
-};
-const radarTemplate = {
-  description: '1~ 2 「Unordered Noun」 fields, 1 「Numeric」 field',
-  type: 'Radar',
-  title: 'Radar',
-  iconId: 'icon-radar',
-  group: 1,
-  renderComponent: 'G2Plot',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {
-      dimension: {
-        required: true,
-        type: 'string',
-        title: '{{t("Branch Tags/Dimensions",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      metric: {
-        required: true,
-        type: 'string',
-        title: '{{t("Branch Length/Metrics",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      jsonConfig: {
-        type: 'void',
-        'x-component': 'div',
-        properties: {
-          template: {
-            required: true,
-            title: '{{t("JSON config",{ns:"charts"})}}',
-            type: 'string',
-            default: _json().default.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: {
-                minRows: 8,
-                maxRows: 16
-              }
-            },
-            description: '{{jsonConfigDesc("Radar | G2Plot","https://g2plot.antv.antgroup.com/api/plots/radar")}}',
-            'x-validator': {
-              json5: true
-            }
-          }
-        }
-      }
-    }
-  }
-};
-exports.radarTemplate = radarTemplate;

package/lib/client/templates/ScatterTemplate.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.scatterTemplate = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const chartConfig = {
-  appendPadding: 10,
-  xField: '{{metric}}',
-  yField: '{{dimension}}',
-  colorField: '{{category}}',
-  shape: 'circle',
-  size: 4,
-  yAxis: {
-    nice: true,
-    line: {
-      style: {
-        stroke: '#aaa'
-      }
-    }
-  },
-  xAxis: {
-    min: -100,
-    grid: {
-      line: {
-        style: {
-          stroke: '#eee'
-        }
-      }
-    },
-    line: {
-      style: {
-        stroke: '#aaa'
-      }
-    }
-  }
-};
-const scatterTemplate = {
-  description: '1 「Numeric」 field, 0~ 1 「Unordered Noun」 field',
-  type: 'Scatter',
-  title: 'Scatter',
-  iconId: 'icon-scatter',
-  group: 2,
-  renderComponent: 'G2Plot',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {
-      dimension: {
-        required: true,
-        type: 'string',
-        title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      metric: {
-        required: true,
-        type: 'string',
-        title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      category: {
-        type: 'string',
-        title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
-        'x-decorator': 'FormItem',
-        'x-component': 'Select',
-        enum: '{{dataSource}}'
-      },
-      jsonConfig: {
-        type: 'void',
-        'x-component': 'div',
-        properties: {
-          template: {
-            required: true,
-            title: '{{t("JSON config",{ns:"charts"})}}',
-            type: 'string',
-            default: _json().default.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: {
-                minRows: 8,
-                maxRows: 16
-              }
-            },
-            description: '{{jsonConfigDesc("Scatter | G2Plot","https://g2plot.antv.antgroup.com/api/plots/scatter")}}',
-            'x-validator': {
-              json5: true
-            }
-          }
-        }
-      }
-    }
-  }
-};
-exports.scatterTemplate = scatterTemplate;

package/lib/client/templates/TableTemplate.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tableTemplate = void 0;
-const validateJSON = {
-  validator: `{{(value, rule)=> {
-    if (!value) {
-      return '';
-    }
-    try {
-      const val = JSON5.parse(value);
-      if(!isNaN(val)) {
-        return false;
-      }
-      return true;
-    } catch(error) {
-      console.error(error);
-      return false;
-    }
-  }}}`,
-  message: '{{t("Invalid JSON format",{ ns: "charts" })}}'
-};
-const chartConfig = {
-  appendPadding: 10,
-  angleField: '{{metric}}',
-  colorField: '{{dimension}}',
-  radius: 0.9,
-  label: {
-    type: 'inner',
-    offset: '-30%',
-    content: '{{({percent}) => `${(percent * 100).toFixed(0)}%`}}',
-    style: {
-      fontSize: 14,
-      textAlign: 'center'
-    }
-  },
-  interactions: [{
-    type: 'element-active'
-  }]
-};
-const tableTemplate = {
-  title: '表格展示',
-  type: 'DataSetPreviewTable',
-  group: 2,
-  renderComponent: 'DataSetPreviewTable',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {}
-  }
-};
-exports.tableTemplate = tableTemplate;

package/lib/client/templates/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.templates = void 0;
-var _PieTemplate = require("./PieTemplate");
-var _BarTemplate = require("./BarTemplate");
-var _ColumnTemplate = require("./ColumnTemplate");
-var _LineTemplate = require("./LineTemplate");
-var _AreaTemplate = require("./AreaTemplate");
-var _ScatterTemplate = require("./ScatterTemplate");
-var _RadarTemplate = require("./RadarTemplate");
-var _FunnelTemplate = require("./FunnelTemplate");
-const templates = new Map();
-exports.templates = templates;
-templates.set('Pie', _PieTemplate.pieTemplate);
-templates.set('Line', _LineTemplate.lineTemplate);
-templates.set('Area', _AreaTemplate.areaTemplate);
-templates.set('Bar', _BarTemplate.barTemplate);
-templates.set('Column', _ColumnTemplate.columnTemplate);
-templates.set('Scatter', _ScatterTemplate.scatterTemplate);
-templates.set('Radar', _RadarTemplate.radarTemplate);
-templates.set('Funnel', _FunnelTemplate.funnelTemplate);
-// templates.set('DataSetPreviewTable', tableTemplate);

package/lib/client/utils.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateArray = exports.parseDataSetString = void 0;
-function _json() {
-  const data = _interopRequireDefault(require("json5"));
-  _json = function _json() {
-    return data;
-  };
-  return data;
-}
-function _shared() {
-  const data = require("@formily/shared");
-  _shared = function _shared() {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const validateArray = value => {
-  try {
-    value = _json().default.parse(value);
-  } catch (e) {
-    return 'Please input validate dataset';
-  }
-  if (Array.isArray(value)) {
-    if (value.every(item => {
-      return typeof item === 'object' && Object.keys(item).length > 1;
-    })) return true;
-  }
-  return 'Please input validate dataset';
-};
-exports.validateArray = validateArray;
-const parseDataSetString = str => {
-  const dataSetDataArray = _json().default.parse(str);
-  if (Array.isArray(dataSetDataArray)) {
-    if (dataSetDataArray.every(item => {
-      return typeof item === 'object' && Object.keys(item).length > 1;
-    })) dataSetDataArray.map(item => {
-      if (!(item !== null && item !== void 0 && item.id)) {
-        item.id = (0, _shared().uid)();
-      }
-      return item;
-    });
-  }
-  return dataSetDataArray;
-};
-exports.parseDataSetString = parseDataSetString;

package/lib/index.js

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

package/lib/locale/en-US.js

@@ -1,29 +0,0 @@
-"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/locale/es-ES.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  "Edit": "Editar",
-  "Delete": "Borrar",
-  "Cancel": "Cancelar",
-  "Submit": "Enviar",
-  "Actions": "Acciones",
-  "Title": "Título",
-  "Enable": "Activar",
-  "Chart": "Chart",
-  "Charts": "Charts",
-  "Queries": "Consultas",
-  "Select chart query": "Seleccionar consulta de chart",
-  "Select query data": "Seleccionar datos de consulta",
-  "Type": "Tipo",
-  "Chart type": "Tipo de chart",
-  "Chart title": "Título del chart",
-  "Basic charts": "Basic charts",
-  "More charts": "Más charts",
-  "Chart config": "Chart config",
-  "Add query": "Añadir consulta",
-  "Edit query": "Editar consulta",
-  "Invalid JSON format,must be an object array.": "Formato JSON no válido, debe ser una matriz de objetos.",
-  "Area": "Área",
-  "Bar": "Barra",
-  "Column": "Columna",
-  "Funnel": "Embudo",
-  "Line": "Línea",
-  "Pie": "Tarta",
-  "Radar": "Radar",
-  "Scatter": "Dispersión",
-  "Edit chart block": "Editar bloque de chart",
-  "Chart preview": "Vista previa de charts",
-  "Delete queries": "Eliminar consultas",
-  "Delete query": "Eliminar consulta",
-  "Add chart query": "Añadir consulta de chart",
-  "Add SQL query": "Añadir consulta SQL",
-  "Add JSON query": "Añadir consulta JSON",
-  "Data preview": "Vista previa de datos",
-  "Category axis / Dimension": "Eje de categorías / Dimensión",
-  "Value axis / Metrics": "Eje de valor / Métrica",
-  "JSON config": "JSON config",
-  "Create chart block": "Crear bloque de charts",
-  "Invalid JSON format": "Formato JSON no válido",
-  "Json config references": "Referencias JSON config",
-  "Sector Angle / Metric": "Sector Angle / Metric",
-  "Sector label / Dimensional": "Etiqueta de sector / Dimensional",
-  "Color legend / Dimensional": "Leyenda de color / Dimensional",
-  "Funnel Layer Width/Metrics": "Anchura de la capa del embudo / Métrica",
-  "Branch Tags/Dimensions": "Etiquetas de rama / Dimensión",
-  "Branch Length/Metrics": "Longitud de rama / Métrica",
-  "Please check the chart config": "Please check the chart config"
-};
-exports.default = _default;