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

package/src/client/templates/BarTemplate.tsx

@@ -1,80 +0,0 @@
-import JSON5 from 'json5';
-
-const chartConfig = {
-  appendPadding: 10,
-  isGroup: true,
-  yField: '{{dimension}}',
-  xField: '{{metric}}',
-  seriesField: '{{category}}',
-  label: {
-    // 可手动配置 label 数据标签位置
-    position: 'middle', // 'top', 'bottom', 'middle',
-    // 配置样式
-    style: {
-      fill: '#FFFFFF',
-      opacity: 0.6,
-    },
-  },
-  xAxis: {
-    label: {
-      autoHide: true,
-      autoRotate: false,
-    },
-  },
-};
-export const barTemplate = {
-  description: '1 「time」 or 「ordered noun」 field, 1 「value」 field, 0~ 1 「unordered noun」',
-  type: 'Bar',
-  title: 'Bar',
-  iconId: 'icon-bar',
-  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: JSON5.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: { minRows: 8, maxRows: 16 },
-            },
-            description: '{{jsonConfigDesc("Bar | G2Plot","https://g2plot.antv.antgroup.com/api/plots/bar")}}',
-            'x-validator': { json5: true },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/ColumnTemplate.tsx

@@ -1,81 +0,0 @@
-import JSON5 from 'json5';
-
-const chartConfig = {
-  appendPadding: 10,
-  isGroup: true,
-  yField: '{{metric}}',
-  xField: '{{dimension}}',
-  seriesField: '{{category}}',
-  label: {
-    // 可手动配置 label 数据标签位置
-    position: 'middle', // 'top', 'bottom', 'middle',
-    // 配置样式
-    style: {
-      fill: '#FFFFFF',
-      opacity: 0.6,
-    },
-  },
-  xAxis: {
-    label: {
-      autoHide: true,
-      autoRotate: false,
-    },
-  },
-};
-
-export const columnTemplate = {
-  description: '1 「time」 or 「ordered noun」 field, 1 「value」 field, 0 to 1 「unordered noun」',
-  type: 'Column',
-  title: 'Column',
-  iconId: 'icon-column',
-  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: JSON5.stringify(chartConfig, null, 2),
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {
-              autoSize: { minRows: 8, maxRows: 16 },
-            },
-            description: '{{jsonConfigDesc("Column | G2Plot","https://g2plot.antv.antgroup.com/api/plots/column")}}',
-            'x-validator': { json5: true },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/FunnelTemplate.tsx

@@ -1,65 +0,0 @@
-import JSON5 from 'json5';
-
-const chartConfig = {
-  xField: '{{dimension}}',
-  yField: '{{metric}}',
-  seriesField: '{{category}}',
-  legend: false,
-};
-
-export 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: JSON5.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 },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/LineTemplate.tsx

@@ -1,72 +0,0 @@
-import JSON5 from 'json5';
-
-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},`)}}',
-    // },
-  },
-};
-
-export 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: JSON5.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 },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/PieTemplate.tsx

@@ -1,68 +0,0 @@
-import JSON5 from 'json5';
-
-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' }],
-};
-
-export 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: JSON5.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 },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/RadarTemplate.tsx

@@ -1,71 +0,0 @@
-import JSON5 from 'json5';
-
-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: {},
-};
-
-export 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: JSON5.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 },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/ScatterTemplate.tsx

@@ -1,90 +0,0 @@
-import JSON5 from 'json5';
-
-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',
-      },
-    },
-  },
-};
-
-export 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: JSON5.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 },
-          },
-        },
-      },
-    },
-  },
-};

package/src/client/templates/TableTemplate.tsx

@@ -1,48 +0,0 @@
-import JSON5 from 'json5';
-
-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' }],
-};
-export const tableTemplate = {
-  title: '表格展示',
-  type: 'DataSetPreviewTable',
-  group: 2,
-  renderComponent: 'DataSetPreviewTable',
-  defaultChartOptions: chartConfig,
-  configurableProperties: {
-    type: 'void',
-    properties: {},
-  },
-};

package/src/client/templates/index.ts

@@ -1,21 +0,0 @@
-import { pieTemplate } from './PieTemplate';
-import { barTemplate } from './BarTemplate';
-import { columnTemplate } from './ColumnTemplate';
-import { lineTemplate } from './LineTemplate';
-import { areaTemplate } from './AreaTemplate';
-import { tableTemplate } from './TableTemplate';
-import { scatterTemplate } from './ScatterTemplate';
-import { radarTemplate } from './RadarTemplate';
-import { funnelTemplate } from './FunnelTemplate';
-
-export const templates = new Map();
-
-templates.set('Pie', pieTemplate);
-templates.set('Line', lineTemplate);
-templates.set('Area', areaTemplate);
-templates.set('Bar', barTemplate);
-templates.set('Column', columnTemplate);
-templates.set('Scatter', scatterTemplate);
-templates.set('Radar', radarTemplate);
-templates.set('Funnel', funnelTemplate);
-// templates.set('DataSetPreviewTable', tableTemplate);

package/src/client/utils.ts

@@ -1,39 +0,0 @@
-import JSON5 from 'json5';
-import { uid } from '@formily/shared';
-
-const validateArray = (value) => {
-  try {
-    value = JSON5.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';
-};
-
-const parseDataSetString = (str) => {
-  const dataSetDataArray = JSON5.parse(str);
-  if (Array.isArray(dataSetDataArray)) {
-    if (
-      dataSetDataArray.every((item) => {
-        return typeof item === 'object' && Object.keys(item).length > 1;
-      })
-    )
-      dataSetDataArray.map((item) => {
-        if (!item?.id) {
-          item.id = uid();
-        }
-        return item;
-      });
-  }
-  return dataSetDataArray;
-};
-
-export { validateArray, parseDataSetString };

package/src/index.ts

@@ -1 +0,0 @@
-export { default } from './server';

package/src/locale/en-US.ts

@@ -1,23 +0,0 @@
-export 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',
-};

package/src/locale/fr-FR.ts

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

package/src/locale/ja-JP.ts

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