@nocobase/plugin-charts 0.9.1-alpha.2

package/lib/client/templates/AreaTemplate.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.areaTemplate = 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}}'
+};
+const areaTemplate = {
+  description: '1 「time」or 「Ordered Noun」 field,1 「Numerical」 field,1 「Unordered Noun」 field (optional)',
+  type: 'Area',
+  title: 'Area',
+  iconId: 'icon-area',
+  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("Area | G2Plot","https://g2plot.antv.antgroup.com/api/plots/area")}}',
+            'x-validator': {
+              json5: true
+            }
+          }
+        }
+      }
+    }
+  }
+};
+exports.areaTemplate = areaTemplate;

package/lib/client/templates/BarTemplate.d.ts

@@ -0,0 +1,80 @@
+export declare const barTemplate: {
+    description: string;
+    type: string;
+    title: string;
+    iconId: string;
+    group: number;
+    renderComponent: string;
+    defaultChartOptions: {
+        appendPadding: number;
+        isGroup: boolean;
+        yField: string;
+        xField: string;
+        seriesField: string;
+        label: {
+            position: string;
+            style: {
+                fill: string;
+                opacity: number;
+            };
+        };
+        xAxis: {
+            label: {
+                autoHide: boolean;
+                autoRotate: boolean;
+            };
+        };
+    };
+    configurableProperties: {
+        type: string;
+        properties: {
+            dimension: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            metric: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            category: {
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            jsonConfig: {
+                type: string;
+                'x-component': string;
+                properties: {
+                    template: {
+                        required: boolean;
+                        title: string;
+                        type: string;
+                        default: string;
+                        'x-decorator': string;
+                        'x-component': string;
+                        'x-component-props': {
+                            autoSize: {
+                                minRows: number;
+                                maxRows: number;
+                            };
+                        };
+                        description: string;
+                        'x-validator': {
+                            json5: boolean;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};

package/lib/client/templates/BarTemplate.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.barTemplate = 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,
+  isGroup: true,
+  yField: '{{dimension}}',
+  xField: '{{metric}}',
+  seriesField: '{{category}}',
+  label: {
+    // 可手动配置 label 数据标签位置
+    position: 'middle',
+    // 配置样式
+    style: {
+      fill: '#FFFFFF',
+      opacity: 0.6
+    }
+  },
+  xAxis: {
+    label: {
+      autoHide: true,
+      autoRotate: false
+    }
+  }
+};
+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: _json().default.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
+            }
+          }
+        }
+      }
+    }
+  }
+};
+exports.barTemplate = barTemplate;

package/lib/client/templates/ColumnTemplate.d.ts

@@ -0,0 +1,80 @@
+export declare const columnTemplate: {
+    description: string;
+    type: string;
+    title: string;
+    iconId: string;
+    group: number;
+    renderComponent: string;
+    defaultChartOptions: {
+        appendPadding: number;
+        isGroup: boolean;
+        yField: string;
+        xField: string;
+        seriesField: string;
+        label: {
+            position: string;
+            style: {
+                fill: string;
+                opacity: number;
+            };
+        };
+        xAxis: {
+            label: {
+                autoHide: boolean;
+                autoRotate: boolean;
+            };
+        };
+    };
+    configurableProperties: {
+        type: string;
+        properties: {
+            dimension: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            metric: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            category: {
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            jsonConfig: {
+                type: string;
+                'x-component': string;
+                properties: {
+                    template: {
+                        required: boolean;
+                        title: string;
+                        type: string;
+                        default: string;
+                        'x-decorator': string;
+                        'x-component': string;
+                        'x-component-props': {
+                            autoSize: {
+                                minRows: number;
+                                maxRows: number;
+                            };
+                        };
+                        description: string;
+                        'x-validator': {
+                            json5: boolean;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};

package/lib/client/templates/ColumnTemplate.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.columnTemplate = 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,
+  isGroup: true,
+  yField: '{{metric}}',
+  xField: '{{dimension}}',
+  seriesField: '{{category}}',
+  label: {
+    // 可手动配置 label 数据标签位置
+    position: 'middle',
+    // 配置样式
+    style: {
+      fill: '#FFFFFF',
+      opacity: 0.6
+    }
+  },
+  xAxis: {
+    label: {
+      autoHide: true,
+      autoRotate: false
+    }
+  }
+};
+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: _json().default.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
+            }
+          }
+        }
+      }
+    }
+  }
+};
+exports.columnTemplate = columnTemplate;

package/lib/client/templates/FunnelTemplate.d.ts

@@ -0,0 +1,66 @@
+export declare const funnelTemplate: {
+    description: string;
+    type: string;
+    title: string;
+    iconId: string;
+    group: number;
+    renderComponent: string;
+    defaultChartOptions: {
+        xField: string;
+        yField: string;
+        seriesField: string;
+        legend: boolean;
+    };
+    configurableProperties: {
+        type: string;
+        properties: {
+            dimension: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            metric: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            category: {
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            jsonConfig: {
+                type: string;
+                'x-component': string;
+                properties: {
+                    template: {
+                        required: boolean;
+                        title: string;
+                        type: string;
+                        default: string;
+                        'x-decorator': string;
+                        'x-component': string;
+                        'x-component-props': {
+                            autoSize: {
+                                minRows: number;
+                                maxRows: number;
+                            };
+                        };
+                        description: string;
+                        'x-validator': {
+                            json5: boolean;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};

package/lib/client/templates/FunnelTemplate.js

@@ -0,0 +1,87 @@
+"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.d.ts

@@ -0,0 +1,67 @@
+export declare const lineTemplate: {
+    description: string;
+    type: string;
+    title: string;
+    iconId: string;
+    group: number;
+    renderComponent: string;
+    defaultChartOptions: {
+        yField: string;
+        xField: string;
+        seriesField: string;
+        xAxis: {};
+        yAxis: {};
+    };
+    configurableProperties: {
+        type: string;
+        properties: {
+            dimension: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            metric: {
+                required: boolean;
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            category: {
+                type: string;
+                title: string;
+                'x-decorator': string;
+                'x-component': string;
+                enum: string;
+            };
+            jsonConfig: {
+                type: string;
+                'x-component': string;
+                properties: {
+                    template: {
+                        required: boolean;
+                        title: string;
+                        type: string;
+                        default: string;
+                        'x-decorator': string;
+                        'x-component': string;
+                        'x-component-props': {
+                            autoSize: {
+                                minRows: number;
+                                maxRows: number;
+                            };
+                        };
+                        description: string;
+                        'x-validator': {
+                            json5: boolean;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};