@nocobase/plugin-charts 0.9.1-alpha.2

package/lib/client/settings/QueriesTable.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueriesTable = void 0;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+var _AddNewQuery = require("./AddNewQuery");
+
+var _ConfigureFields = require("./ConfigureFields");
+
+var _chartsQueries = require("./schemas/chartsQueries");
+
+function _json() {
+  const data = _interopRequireDefault(require("json5"));
+
+  _json = function _json() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const QueriesTable = () => {
+  const _useState = (0, _react().useState)(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        visible = _useState2[0],
+        setVisible = _useState2[1];
+
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  return _react().default.createElement(_antd().Card, {
+    bordered: false
+  }, _react().default.createElement(_client().SchemaComponent, {
+    scope: {
+      JSON5: _json().default,
+      useDestroyQueryItemAction: _chartsQueries.useDestroyQueryItemAction,
+      useDestroyAllSelectedQueriesAction: _chartsQueries.useDestroyAllSelectedQueriesAction
+    },
+    schema: _chartsQueries.chartsQueriesSchema,
+    components: {
+      AddNewQuery: _AddNewQuery.AddNewQuery,
+      EditQuery: _AddNewQuery.EditQuery,
+      ConfigureFields: _ConfigureFields.ConfigureFields
+    }
+  }));
+};
+
+exports.QueriesTable = QueriesTable;

package/lib/client/settings/queryTypes.d.ts

@@ -0,0 +1,5 @@
+import { ISchema } from '@formily/react';
+export declare const json: ISchema;
+export declare const sql: ISchema;
+export declare const api: ISchema;
+export declare const getQueryTypeSchema: (type: any) => any;

package/lib/client/settings/queryTypes.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sql = exports.json = exports.getQueryTypeSchema = exports.api = void 0;
+
+function _cloneDeep() {
+  const data = _interopRequireDefault(require("lodash/cloneDeep"));
+
+  _cloneDeep = function _cloneDeep() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const json = {
+  type: 'object',
+  properties: {
+    data: {
+      title: 'JSON',
+      required: true,
+      'x-component': 'Input.TextArea',
+      'x-validator': {
+        json5: true
+      },
+      'x-component-props': {
+        autoSize: {
+          maxRows: 20,
+          minRows: 10
+        }
+      },
+      'x-decorator': 'FormItem'
+    }
+  }
+};
+exports.json = json;
+const sql = {
+  type: 'object',
+  properties: {
+    sql: {
+      title: 'SQL',
+      required: true,
+      'x-component': 'Input.TextArea',
+      'x-decorator': 'FormItem',
+      'x-validator': {
+        triggerType: 'onBlur',
+        validator: '{{validateSQL}}'
+      },
+      'x-component-props': {
+        autoSize: {
+          maxRows: 20,
+          minRows: 10
+        }
+      }
+    }
+  }
+};
+exports.sql = sql;
+const api = {
+  type: 'object',
+  properties: {
+    api: {
+      title: 'API',
+      required: true,
+      'x-component': 'Input',
+      'x-decorator': 'FormItem'
+    }
+  }
+};
+exports.api = api;
+const types = {
+  json,
+  sql,
+  api
+};
+
+const getQueryTypeSchema = type => {
+  return (0, _cloneDeep().default)(types[type]);
+};
+
+exports.getQueryTypeSchema = getQueryTypeSchema;

package/lib/client/settings/schemas/chartsQueries.d.ts

@@ -0,0 +1,8 @@
+import { ISchema } from '@formily/react';
+export declare const useDestroyQueryItemAction: () => {
+    run(): Promise<void>;
+};
+export declare const useDestroyAllSelectedQueriesAction: () => {
+    run(): Promise<void>;
+};
+export declare const chartsQueriesSchema: ISchema;

package/lib/client/settings/schemas/chartsQueries.js

@@ -0,0 +1,378 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDestroyQueryItemAction = exports.useDestroyAllSelectedQueriesAction = exports.chartsQueriesSchema = void 0;
+
+function _shared() {
+  const data = require("@formily/shared");
+
+  _shared = function _shared() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _ChartQueryMetadataProvider = require("../../ChartQueryMetadataProvider");
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 collection = {
+  name: 'chartsQueries',
+  fields: [{
+    type: 'integer',
+    name: 'title',
+    interface: 'input',
+    uiSchema: {
+      title: '{{t("Title",{ns:"charts"})}}',
+      type: 'string',
+      'x-component': 'Input',
+      required: true
+    }
+  }, {
+    type: 'string',
+    name: 'type',
+    interface: 'select',
+    uiSchema: {
+      title: '{{t("Type",{ns:"charts"})}}',
+      type: 'string',
+      'x-component': 'Select',
+      required: true,
+      enum: [{
+        label: '{{t("API")}}',
+        value: 'api'
+      }, {
+        label: '{{t("SQL")}}',
+        value: 'sql'
+      }, {
+        label: '{{t("JSON")}}',
+        value: 'json'
+      }]
+    }
+  }]
+};
+
+const useDestroyQueryItemAction = () => {
+  const ctx = (0, _ChartQueryMetadataProvider.useChartQueryMetadataContext)();
+
+  const _useResourceActionCon = (0, _client().useResourceActionContext)(),
+        refresh = _useResourceActionCon.refresh;
+
+  const _useResourceContext = (0, _client().useResourceContext)(),
+        resource = _useResourceContext.resource,
+        targetKey = _useResourceContext.targetKey;
+
+  const _useRecord = (0, _client().useRecord)(),
+        filterByTk = _useRecord[targetKey];
+
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        yield resource.destroy({
+          filterByTk
+        });
+        refresh();
+        ctx.refresh();
+      })();
+    }
+
+  };
+};
+
+exports.useDestroyQueryItemAction = useDestroyQueryItemAction;
+
+const useDestroyAllSelectedQueriesAction = () => {
+  const ctx = (0, _ChartQueryMetadataProvider.useChartQueryMetadataContext)();
+
+  const _useResourceActionCon2 = (0, _client().useResourceActionContext)(),
+        state = _useResourceActionCon2.state,
+        setState = _useResourceActionCon2.setState,
+        refresh = _useResourceActionCon2.refresh;
+
+  const _useResourceContext2 = (0, _client().useResourceContext)(),
+        resource = _useResourceContext2.resource,
+        targetKey = _useResourceContext2.targetKey;
+
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        yield resource.destroy({
+          filterByTk: (state === null || state === void 0 ? void 0 : state.selectedRowKeys) || []
+        });
+        setState === null || setState === void 0 ? void 0 : setState({
+          selectedRowKeys: []
+        });
+        refresh();
+        ctx.refresh();
+      })();
+    }
+
+  };
+};
+
+exports.useDestroyAllSelectedQueriesAction = useDestroyAllSelectedQueriesAction;
+const chartsQueriesSchema = {
+  type: 'object',
+  properties: {
+    [(0, _shared().uid)()]: {
+      type: 'void',
+      'x-decorator': 'ResourceActionProvider',
+      'x-decorator-props': {
+        collection,
+        resourceName: 'chartsQueries',
+        request: {
+          resource: 'chartsQueries',
+          action: 'list',
+          params: {
+            pageSize: 50,
+            sort: ['-id'],
+            appends: []
+          }
+        }
+      },
+      'x-component': 'CollectionProvider',
+      'x-component-props': {
+        collection
+      },
+      properties: {
+        actions: {
+          type: 'void',
+          'x-component': 'ActionBar',
+          'x-component-props': {
+            style: {
+              marginBottom: 16
+            }
+          },
+          properties: {
+            delete: {
+              type: 'void',
+              title: '{{ t("Delete") }}',
+              'x-component': 'Action',
+              'x-component-props': {
+                useAction: '{{ useDestroyAllSelectedQueriesAction }}',
+                confirm: {
+                  title: '{{t("Delete queries",{ns:"charts"})}}',
+                  content: "{{t('Are you sure you want to delete it?')}}"
+                }
+              }
+            },
+            create: {
+              type: 'void',
+              title: '{{t("Add query")}}',
+              'x-component': 'AddNewQuery',
+              'x-component-props': {
+                type: 'primary'
+              },
+              properties: {
+                drawer: {
+                  type: 'void',
+                  'x-component': 'Action.Drawer',
+                  'x-decorator': 'Form',
+                  'x-decorator-props': {
+                    useValues(options) {
+                      const ctx = (0, _client().useActionContext)();
+                      return (0, _client().useRequest)(() => Promise.resolve({
+                        data: {
+                          name: `s_${(0, _shared().uid)()}`
+                        }
+                      }), _objectSpread(_objectSpread({}, options), {}, {
+                        refreshDeps: [ctx.visible]
+                      }));
+                    }
+
+                  },
+                  title: '{{t("Add query",{ns:"charts"})}}',
+                  properties: {
+                    title: {
+                      'x-component': 'CollectionField',
+                      'x-decorator': 'FormItem'
+                    },
+                    type: {
+                      'x-component': 'CollectionField',
+                      'x-decorator': 'FormItem'
+                    },
+                    footer: {
+                      type: 'void',
+                      'x-component': 'Action.Drawer.Footer',
+                      properties: {
+                        cancel: {
+                          title: '{{t("Cancel",{ns:"charts"})}}',
+                          'x-component': 'Action',
+                          'x-component-props': {
+                            useAction: '{{ cm.useCancelAction }}'
+                          }
+                        },
+                        submit: {
+                          title: '{{t("Submit",{ns:"charts"})}}',
+                          'x-component': 'Action',
+                          'x-component-props': {
+                            type: 'primary',
+                            useAction: '{{ cm.useCreateAction }}'
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        },
+        table: {
+          type: 'void',
+          'x-uid': 'input',
+          'x-component': 'Table.Void',
+          'x-component-props': {
+            rowKey: 'id',
+            rowSelection: {
+              type: 'checkbox'
+            },
+            useDataSource: '{{ cm.useDataSourceFromRAC }}'
+          },
+          properties: {
+            title: {
+              type: 'void',
+              'x-decorator': 'Table.Column.Decorator',
+              'x-component': 'Table.Column',
+              properties: {
+                title: {
+                  type: 'number',
+                  'x-component': 'CollectionField',
+                  'x-read-pretty': true
+                }
+              }
+            },
+            type: {
+              type: 'void',
+              'x-decorator': 'Table.Column.Decorator',
+              'x-component': 'Table.Column',
+              properties: {
+                type: {
+                  type: 'string',
+                  'x-component': 'CollectionField',
+                  'x-read-pretty': true
+                }
+              }
+            },
+            actions: {
+              type: 'void',
+              title: '{{t("Actions")}}',
+              'x-component': 'Table.Column',
+              properties: {
+                actions: {
+                  type: 'void',
+                  'x-component': 'Space',
+                  'x-component-props': {
+                    split: '|'
+                  },
+                  properties: {
+                    fields: {
+                      type: 'void',
+                      title: '{{t("Configure fields")}}',
+                      'x-component': 'Action.Link',
+                      'x-component-props': {
+                        type: 'primary'
+                      },
+                      properties: {
+                        drawer: {
+                          type: 'void',
+                          'x-component': 'Action.Drawer',
+                          title: '{{t("Configure fields")}}',
+                          properties: {
+                            configure: {
+                              type: 'void',
+                              'x-component': 'ConfigureFields'
+                            }
+                          }
+                        }
+                      }
+                    },
+                    update: {
+                      type: 'void',
+                      title: '{{t("Edit")}}',
+                      'x-component': 'EditQuery',
+                      'x-component-props': {
+                        type: 'primary'
+                      },
+                      properties: {
+                        drawer: {
+                          type: 'void',
+                          'x-component': 'Action.Drawer',
+                          'x-decorator': 'Form',
+                          'x-decorator-props': {
+                            useValues: '{{ cm.useValuesFromRecord }}'
+                          },
+                          title: '{{t("Edit")}}',
+                          properties: {
+                            title: {
+                              'x-component': 'CollectionField',
+                              'x-decorator': 'FormItem'
+                            },
+                            footer: {
+                              type: 'void',
+                              'x-component': 'Action.Drawer.Footer',
+                              properties: {
+                                cancel: {
+                                  title: '{{t("Cancel",{ns:"charts"})}}',
+                                  'x-component': 'Action',
+                                  'x-component-props': {
+                                    useAction: '{{ cm.useCancelAction }}'
+                                  }
+                                },
+                                submit: {
+                                  title: '{{t("Submit",{ns:"charts"})}}',
+                                  'x-component': 'Action',
+                                  'x-component-props': {
+                                    type: 'primary',
+                                    useAction: '{{ cm.useUpdateAction }}'
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    delete: {
+                      type: 'void',
+                      title: '{{ t("Delete") }}',
+                      'x-component': 'Action.Link',
+                      'x-component-props': {
+                        confirm: {
+                          title: '{{t("Delete query",{ns:"charts"})}}',
+                          content: "{{t('Are you sure you want to delete it?')}}"
+                        },
+                        useAction: '{{ useDestroyQueryItemAction }}'
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+};
+exports.chartsQueriesSchema = chartsQueriesSchema;

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

@@ -0,0 +1,65 @@
+export declare const areaTemplate: {
+    description: string;
+    type: string;
+    title: string;
+    iconId: string;
+    group: number;
+    renderComponent: string;
+    defaultChartOptions: {
+        yField: string;
+        xField: string;
+        seriesField: string;
+    };
+    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;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};