@nocobase/plugin-charts 0.9.1-alpha.2

package/lib/client/select/ReadPretty.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReadPretty = void 0;
+
+function _core() {
+  const data = require("@formily/core");
+
+  _core = function _core() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = require("@formily/react");
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _shared() {
+  const data = require("@formily/shared");
+
+  _shared = function _shared() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+var _shared2 = require("./shared");
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const ReadPretty = (0, _react().observer)(props => {
+  var _field$value;
+
+  const fieldNames = _objectSpread(_objectSpread({}, _shared2.defaultFieldNames), props.fieldNames);
+
+  const field = (0, _react().useField)();
+  const compile = (0, _client().useCompile)();
+
+  if (!(0, _shared().isValid)(props.value)) {
+    return _react2().default.createElement("div", null);
+  }
+
+  if ((0, _core().isArrayField)(field) && (field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) === 0) {
+    return _react2().default.createElement("div", null);
+  }
+
+  const dataSource = field.dataSource || props.options || [];
+  const options = (0, _shared2.getCurrentOptions)(field.value, dataSource, fieldNames);
+  return _react2().default.createElement("div", null, options.map((option, key) => _react2().default.createElement(_antd().Tag, {
+    key: key,
+    color: option[fieldNames.color],
+    icon: option.icon
+  }, compile(option[fieldNames.label]))));
+});
+exports.ReadPretty = ReadPretty;

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

@@ -0,0 +1,2 @@
+export * from './CustomSelect';
+export * from './shared';

package/lib/client/select/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _CustomSelect = require("./CustomSelect");
+
+Object.keys(_CustomSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CustomSelect[key];
+    }
+  });
+});
+
+var _shared = require("./shared");
+
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _shared[key];
+    }
+  });
+});

package/lib/client/select/shared.d.ts

@@ -0,0 +1,7 @@
+export declare const defaultFieldNames: {
+    label: string;
+    value: string;
+    color: string;
+    options: string;
+};
+export declare const getCurrentOptions: (values: any, dataSource: any, fieldNames: any) => any[];

package/lib/client/select/shared.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCurrentOptions = exports.defaultFieldNames = void 0;
+
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function _lodash() {
+    return data;
+  };
+
+  return data;
+}
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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 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; }
+
+const defaultFieldNames = {
+  label: 'label',
+  value: 'value',
+  color: 'color',
+  options: 'children'
+};
+exports.defaultFieldNames = defaultFieldNames;
+
+const getCurrentOptions = (values, dataSource, fieldNames) => {
+  function flatData(data) {
+    let newArr = [];
+
+    for (let i = 0; i < data.length; i++) {
+      const children = data[i][fieldNames.options];
+
+      if (Array.isArray(children)) {
+        newArr.push(...flatData(children));
+      }
+
+      newArr.push(_objectSpread({}, data[i]));
+    }
+
+    return newArr;
+  }
+
+  const result = flatData(dataSource);
+  values = (0, _lodash().castArray)(values).filter(item => item != null).map(val => typeof val === 'object' ? val[fieldNames.value] : val);
+
+  const findOptions = options => {
+    if (!options) return [];
+    let current = [];
+
+    var _iterator = _createForOfIteratorHelper(values),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        const value = _step.value;
+        const option = options.find(v => v[fieldNames.value] === value) || {
+          value: value,
+          label: value
+        };
+        current.push(option);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return current;
+  };
+
+  return findOptions(result);
+};
+
+exports.getCurrentOptions = getCurrentOptions;

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

@@ -0,0 +1,2 @@
+export declare const AddNewQuery: () => JSX.Element;
+export declare const EditQuery: () => JSX.Element;

package/lib/client/settings/AddNewQuery.js

@@ -0,0 +1,321 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditQuery = exports.AddNewQuery = void 0;
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _core() {
+  const data = require("@formily/core");
+
+  _core = function _core() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = require("@formily/react");
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+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;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+var _ChartQueryMetadataProvider = require("../ChartQueryMetadataProvider");
+
+var _queryTypes = require("./queryTypes");
+
+var _locale = require("../locale");
+
+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; }
+
+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 useCreateAction = () => {
+  const _useActionContext = (0, _client().useActionContext)(),
+        setVisible = _useActionContext.setVisible;
+
+  const form = (0, _react().useForm)();
+
+  const _useResourceActionCon = (0, _client().useResourceActionContext)(),
+        refresh = _useResourceActionCon.refresh;
+
+  const _useResourceContext = (0, _client().useResourceContext)(),
+        resource = _useResourceContext.resource;
+
+  const ctx = (0, _ChartQueryMetadataProvider.useChartQueryMetadataContext)();
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        yield form.submit();
+        yield resource.create({
+          values: form.values
+        });
+        setVisible(false);
+        yield form.reset();
+        refresh();
+        ctx.refresh();
+      })();
+    }
+
+  };
+};
+
+const useUpdateAction = () => {
+  const _useActionContext2 = (0, _client().useActionContext)(),
+        setVisible = _useActionContext2.setVisible;
+
+  const form = (0, _react().useForm)();
+
+  const _useResourceActionCon2 = (0, _client().useResourceActionContext)(),
+        refresh = _useResourceActionCon2.refresh;
+
+  const _useResourceContext2 = (0, _client().useResourceContext)(),
+        resource = _useResourceContext2.resource,
+        targetKey = _useResourceContext2.targetKey;
+
+  const _useRecord = (0, _client().useRecord)(),
+        filterByTk = _useRecord[targetKey];
+
+  const ctx = (0, _ChartQueryMetadataProvider.useChartQueryMetadataContext)();
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        yield form.submit();
+        yield resource.update({
+          filterByTk,
+          values: form.values
+        });
+        setVisible(false);
+        yield form.reset();
+        refresh();
+        ctx.refresh();
+      })();
+    }
+
+  };
+};
+
+const useCloseAction = () => {
+  const _useActionContext3 = (0, _client().useActionContext)(),
+        setVisible = _useActionContext3.setVisible;
+
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        setVisible(false);
+      })();
+    }
+
+  };
+};
+
+const getSchema = (initialValue, {
+  form,
+  isNewRecord
+}) => {
+  const type = initialValue.type;
+  const schema = {
+    type: 'void',
+    name: (0, _shared().uid)(),
+    'x-component': 'Action.Drawer',
+    'x-decorator': 'Form',
+    'x-decorator-props': {
+      form // initialValue: JSON.parse(JSON.stringify(initialValue)),
+
+    },
+    title: isNewRecord ? (0, _locale.lang)('Add query') : (0, _locale.lang)('Edit query'),
+    properties: {
+      title: {
+        title: (0, _locale.lang)('Title'),
+        required: true,
+        'x-component': 'Input',
+        'x-decorator': 'FormItem'
+      },
+      options: (0, _queryTypes.getQueryTypeSchema)(type),
+      footer: {
+        type: 'void',
+        'x-component': 'Action.Drawer.Footer',
+        properties: {
+          cancel: {
+            'x-component': 'Action',
+            title: (0, _locale.lang)('Cancel'),
+            'x-component-props': {
+              useAction: '{{ useCloseAction }}'
+            }
+          },
+          submit: {
+            'x-component': 'Action',
+            title: (0, _locale.lang)('Submit'),
+            'x-component-props': {
+              type: 'primary',
+              useAction: '{{ useSubmitAction }}'
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+
+const AddNewQuery = () => {
+  const _useState = (0, _react2().useState)(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        visible = _useState2[0],
+        setVisible = _useState2[1];
+
+  const _useState3 = (0, _react2().useState)({}),
+        _useState4 = _slicedToArray(_useState3, 2),
+        schema = _useState4[0],
+        setSchema = _useState4[1];
+
+  const form = (0, _react2().useMemo)(() => (0, _core().createForm)(), []);
+
+  const menu = _react2().default.createElement(_antd().Menu, {
+    onClick: info => {
+      setVisible(true);
+      form.setValues({
+        type: info.key
+      });
+      setSchema(getSchema({
+        type: info.key
+      }, {
+        form,
+        isNewRecord: true
+      }));
+    }
+  }, _react2().default.createElement(_antd().Menu.Item, {
+    key: 'json'
+  }, "JSON"), _react2().default.createElement(_antd().Menu.Item, {
+    key: 'sql'
+  }, "SQL"), _react2().default.createElement(_antd().Menu.Item, {
+    disabled: true,
+    key: 'api'
+  }, "API"), _react2().default.createElement(_antd().Menu.Item, {
+    disabled: true
+  }, "Collection"));
+
+  return _react2().default.createElement(_client().ActionContext.Provider, {
+    value: {
+      visible,
+      setVisible
+    }
+  }, _react2().default.createElement(_antd().Dropdown, {
+    overlay: menu
+  }, _react2().default.createElement(_antd().Button, {
+    icon: _react2().default.createElement(_icons().PlusOutlined, null),
+    type: 'primary'
+  }, (0, _locale.lang)('Add query'), " ", _react2().default.createElement(_icons().DownOutlined, null))), _react2().default.createElement(_client().SchemaComponent, {
+    schema: schema,
+    scope: {
+      useCloseAction,
+      useSubmitAction: useCreateAction
+    }
+  }));
+};
+
+exports.AddNewQuery = AddNewQuery;
+
+const EditQuery = () => {
+  const _useState5 = (0, _react2().useState)(false),
+        _useState6 = _slicedToArray(_useState5, 2),
+        visible = _useState6[0],
+        setVisible = _useState6[1];
+
+  const record = (0, _client().useRecord)();
+  const form = (0, _react2().useMemo)(() => (0, _core().createForm)(), []);
+  const schema = getSchema(record, {
+    form,
+    isNewRecord: false
+  });
+  return _react2().default.createElement(_client().ActionContext.Provider, {
+    value: {
+      visible,
+      setVisible
+    }
+  }, _react2().default.createElement("a", {
+    onClick: () => {
+      form.setValues(record);
+      setVisible(true);
+    }
+  }, (0, _locale.lang)('Edit')), _react2().default.createElement(_client().SchemaComponent, {
+    schema: schema,
+    scope: {
+      useCloseAction,
+      useSubmitAction: useUpdateAction
+    }
+  }));
+};
+
+exports.EditQuery = EditQuery;

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

@@ -0,0 +1 @@
+export declare const ConfigureFields: () => JSX.Element;

package/lib/client/settings/ConfigureFields.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfigureFields = 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 = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ConfigureFields = () => {
+  const record = (0, _client().useRecord)();
+  return _react().default.createElement(_antd().Table, {
+    columns: [{
+      title: '字段标识',
+      dataIndex: 'name'
+    }],
+    dataSource: record.fields || []
+  });
+};
+
+exports.ConfigureFields = ConfigureFields;

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

@@ -0,0 +1 @@
+export declare const QueriesTable: () => JSX.Element;