@nocobase/client 0.7.0-alpha.80 → 0.7.0-alpha.83

package/es/workflow/triggers/schedule.js

@@ -0,0 +1,531 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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 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; }
+
+import React, { useState } from 'react';
+import { InputNumber, Select } from 'antd';
+import { observer, useForm, useFormEffects } from '@formily/react';
+import { useCollectionDataSource, useCollectionManager } from '../../collection-manager';
+import { SchemaComponent, useCompile, DatePicker } from '../../schema-component';
+import { useFlowContext } from '../WorkflowCanvas';
+import { BaseTypeSet } from '../calculators';
+import { collection } from '../schemas/collection';
+import { useTranslation } from 'react-i18next';
+import { onFieldValueChange } from '@formily/core';
+import { css } from '@emotion/css';
+var DateFieldsSelect = observer(function (props) {
+  var _values$config;
+
+  var compile = useCompile();
+
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var _useForm = useForm(),
+      values = _useForm.values;
+
+  var fields = getCollectionFields(values === null || values === void 0 ? void 0 : (_values$config = values.config) === null || _values$config === void 0 ? void 0 : _values$config.collection);
+  return /*#__PURE__*/React.createElement(Select, _objectSpread({}, props), fields.filter(function (field) {
+    return !field.hidden && (field.uiSchema ? field.type === 'date' : false);
+  }).map(function (field) {
+    var _field$uiSchema;
+
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: field.name,
+      value: field.name
+    }, compile((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title));
+  }));
+});
+
+var OnField = function OnField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(value.offset ? value.offset / Math.abs(value.offset) : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      dir = _useState2[0],
+      setDir = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/React.createElement(DateFieldsSelect, {
+    value: value.field,
+    onChange: function onChange(field) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        field: field
+      }));
+    }
+  }), value.field ? /*#__PURE__*/React.createElement(Select, {
+    value: dir,
+    onChange: function onChange(v) {
+      setDir(v);
+
+      _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: Math.abs(value.offset) * v
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 0
+  }, t('Exactly at')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: -1
+  }, t('Before')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 1
+  }, t('After'))) : null, dir ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputNumber, {
+    value: Math.abs(value.offset),
+    onChange: function onChange(v) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: v * dir
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: value.unit || 86400000,
+    onChange: function onChange(unit) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        unit: unit
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 86400000
+  }, t('Days')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 3600000
+  }, t('Hours')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 60000
+  }, t('Minutes')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 1000
+  }, t('Seconds')))) : null);
+};
+
+function EndsByField(_ref2) {
+  var value = _ref2.value,
+      _onChange2 = _ref2.onChange;
+
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
+  var _useState3 = useState(_typeof(value) === 'object' && !(value instanceof Date) ? 'field' : 'date'),
+      _useState4 = _slicedToArray(_useState3, 2),
+      type = _useState4[0],
+      setType = _useState4[1];
+
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: type,
+    onChange: function onChange(t) {
+      _onChange2(t === 'field' ? {} : null);
+
+      setType(t);
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 'field'
+  }, t('By field')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 'date'
+  }, t('By custom date'))), type === 'field' ? /*#__PURE__*/React.createElement(OnField, {
+    value: value,
+    onChange: _onChange2
+  }) : /*#__PURE__*/React.createElement(DatePicker, {
+    showTime: true,
+    value: value,
+    onChange: _onChange2
+  }));
+}
+
+function parseCronRule(cron) {
+  var _rules$index$;
+
+  if (!cron) {
+    return {
+      mode: 0
+    };
+  }
+
+  var rules = cron.split(/\s+/).slice(1).map(function (v) {
+    return v.split('/');
+  });
+  var index = rules.findIndex(function (rule) {
+    return rule[0] === '*';
+  });
+
+  if (index === -1) {
+    return {
+      mode: 0
+    };
+  } // fix days of week
+
+
+  if (index === 3 && rules[4][0] === '*') {
+    index = 4;
+  }
+
+  return {
+    mode: index + 1,
+    step: (_rules$index$ = rules[index][1]) !== null && _rules$index$ !== void 0 ? _rules$index$ : 1
+  };
+}
+
+var CronUnits = [{
+  value: 1,
+  option: 'By minute',
+  unitText: 'Minutes'
+}, {
+  value: 2,
+  option: 'By hour',
+  unitText: 'Hours'
+}, {
+  value: 3,
+  option: 'By date',
+  unitText: 'Days',
+  conflict: true,
+  startFrom: 1
+}, {
+  value: 4,
+  option: 'By month',
+  unitText: 'Months',
+  startFrom: 1
+}, {
+  value: 5,
+  option: 'By day of week',
+  unitText: 'Days',
+  conflict: true
+}];
+
+function getChangedCron(_ref3) {
+  var mode = _ref3.mode,
+      step = _ref3.step;
+  var m = mode - 1;
+  var left = [0].concat(_toConsumableArray(Array(m).fill(null).map(function (_, i) {
+    var _CronUnits$i$startFro;
+
+    if (CronUnits[m].conflict && CronUnits[i].conflict) {
+      return '?';
+    }
+
+    return i === 3 ? '*' : (_CronUnits$i$startFro = CronUnits[i].startFrom) !== null && _CronUnits$i$startFro !== void 0 ? _CronUnits$i$startFro : 0;
+  }))).join(' ');
+  var right = Array(5 - mode).fill(null).map(function (_, i) {
+    if (CronUnits[m].conflict && CronUnits[mode + i].conflict || mode === 4) {
+      return '?';
+    }
+
+    return '*';
+  }).join(' ');
+  return "".concat(left, " ").concat(!step || step == 1 ? '*' : "*/".concat(step)).concat(right ? " ".concat(right) : '');
+}
+
+var CronField = function CronField(_ref4) {
+  var _ref4$value = _ref4.value,
+      value = _ref4$value === void 0 ? '' : _ref4$value,
+      _onChange3 = _ref4.onChange;
+
+  var _useTranslation3 = useTranslation(),
+      t = _useTranslation3.t;
+
+  var cron = parseCronRule(value);
+  var unit = CronUnits[cron.mode - 1];
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: cron.mode,
+    onChange: function onChange(v) {
+      return _onChange3(v ? getChangedCron({
+        step: cron.step,
+        mode: v
+      }) : '');
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 0
+  }, t('No repeat')), CronUnits.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: item.value,
+      value: item.value
+    }, t(item.option));
+  })), cron.mode ? /*#__PURE__*/React.createElement(InputNumber, {
+    value: cron.step,
+    onChange: function onChange(v) {
+      return _onChange3(getChangedCron({
+        step: v,
+        mode: cron.mode
+      }));
+    },
+    min: 1,
+    addonBefore: t('Every'),
+    addonAfter: t(unit.unitText)
+  }) : null);
+};
+
+var ModeFieldsets = {
+  0: {
+    startsOn: {
+      type: 'datetime',
+      name: 'startsOn',
+      title: '{{t("Starts on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'DatePicker',
+      'x-component-props': {
+        showTime: true
+      },
+      required: true
+    },
+    cron: {
+      type: 'string',
+      name: 'cron',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'CronField',
+      'x-reactions': [{
+        target: 'config.endsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }, {
+        target: 'config.limit',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }]
+    },
+    endsOn: {
+      type: 'datetime',
+      name: 'endsOn',
+      title: '{{t("Ends on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'DatePicker',
+      'x-component-props': {
+        showTime: true
+      }
+    },
+    limit: {
+      type: 'number',
+      name: 'limit',
+      title: '{{t("Repeat limit")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        placeholder: '{{t("No limit")}}',
+        min: 0
+      }
+    }
+  },
+  1: {
+    collection: _objectSpread(_objectSpread({}, collection), {}, {
+      'x-reactions': [].concat(_toConsumableArray(collection['x-reactions']), [{
+        // only full path works
+        target: 'config.startsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }])
+    }),
+    startsOn: {
+      type: 'object',
+      title: '{{t("Starts on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'OnField',
+      required: true
+    },
+    cron: {
+      type: 'string',
+      name: 'cron',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'CronField',
+      'x-reactions': [{
+        target: 'config.endsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }, {
+        target: 'config.limit',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }]
+    },
+    endsOn: {
+      type: 'object',
+      title: '{{t("Ends on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'EndsByField'
+    },
+    limit: {
+      type: 'number',
+      name: 'limit',
+      title: '{{t("Repeat limit")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        placeholder: '{{t("No limit")}}',
+        min: 0
+      }
+    }
+  }
+};
+
+var ScheduleConfig = function ScheduleConfig() {
+  var _useForm2 = useForm(),
+      _useForm2$values = _useForm2.values,
+      values = _useForm2$values === void 0 ? {} : _useForm2$values,
+      clearFormGraph = _useForm2.clearFormGraph;
+
+  var _values$config2 = values.config,
+      config = _values$config2 === void 0 ? {} : _values$config2;
+
+  var _useState5 = useState(config.mode),
+      _useState6 = _slicedToArray(_useState5, 2),
+      mode = _useState6[0],
+      setMode = _useState6[1];
+
+  useFormEffects(function () {
+    onFieldValueChange('config.mode', function (field) {
+      setMode(field.value);
+      clearFormGraph('config.collection');
+      clearFormGraph('config.startsOn');
+      clearFormGraph('config.cron');
+      clearFormGraph('config.endsOn');
+    });
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SchemaComponent, {
+    schema: {
+      type: 'number',
+      title: '{{t("Trigger mode")}}',
+      name: 'mode',
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        options: [{
+          value: 0,
+          label: '{{t("Based on certain date")}}'
+        }, {
+          value: 1,
+          label: '{{t("Based on date field of collection")}}'
+        }]
+      },
+      required: true
+    }
+  }), /*#__PURE__*/React.createElement(SchemaComponent, {
+    schema: {
+      type: 'void',
+      properties: _defineProperty({}, "mode-".concat(mode), {
+        type: 'void',
+        'x-component': 'fieldset',
+        'x-component-props': {
+          className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                  .ant-select{\n                    width: auto;\n                    min-width: 4em;\n                  }\n\n                  .ant-input-number{\n                    width: 4em;\n                  }\n\n                  .ant-picker{\n                    width: auto;\n                  }\n                "])))
+        },
+        properties: ModeFieldsets[mode]
+      })
+    },
+    components: {
+      DateFieldsSelect: DateFieldsSelect,
+      OnField: OnField,
+      CronField: CronField,
+      EndsByField: EndsByField
+    }
+  }));
+};
+
+export default {
+  title: '{{t("Schedule event")}}',
+  type: 'schedule',
+  fieldset: {
+    config: {
+      type: 'object',
+      name: 'config',
+      'x-component': 'ScheduleConfig',
+      'x-component-props': {}
+    }
+  },
+  scope: {
+    useCollectionDataSource: useCollectionDataSource
+  },
+  components: {
+    // FieldsSelect
+    ScheduleConfig: ScheduleConfig
+  },
+  getter: function getter(_ref5) {
+    var _collections$find, _options$path;
+
+    var type = _ref5.type,
+        options = _ref5.options,
+        _onChange4 = _ref5.onChange;
+
+    var _useTranslation4 = useTranslation(),
+        t = _useTranslation4.t;
+
+    var compile = useCompile();
+
+    var _useCollectionManager2 = useCollectionManager(),
+        _useCollectionManager3 = _useCollectionManager2.collections,
+        collections = _useCollectionManager3 === void 0 ? [] : _useCollectionManager3;
+
+    var _useFlowContext = useFlowContext(),
+        workflow = _useFlowContext.workflow;
+
+    var collection = (_collections$find = collections.find(function (item) {
+      return item.name === workflow.config.collection;
+    })) !== null && _collections$find !== void 0 ? _collections$find : {
+      fields: []
+    };
+    return /*#__PURE__*/React.createElement(Select, {
+      placeholder: t('Fields'),
+      value: options === null || options === void 0 ? void 0 : (_options$path = options.path) === null || _options$path === void 0 ? void 0 : _options$path.replace(/^data\./, ''),
+      onChange: function onChange(path) {
+        _onChange4({
+          type: type,
+          options: _objectSpread(_objectSpread({}, options), {}, {
+            path: "data.".concat(path)
+          })
+        });
+      }
+    }, collection.fields.filter(function (field) {
+      var _field$uiSchema2;
+
+      return BaseTypeSet.has(field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.type);
+    }).map(function (field) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: field.name,
+        value: field.name
+      }, compile(field.uiSchema.title));
+    }));
+  }
+};

package/lib/acl/ACLProvider.js

@@ -9,8 +9,6 @@ exports.useRoleRecheck = exports.useACLRoleContext = exports.useACLContext = exp
 
 var _react = require("@formily/react");
 
-var _ahooks = require("ahooks");
-
 var _antd = require("antd");
 
 var _react2 = _interopRequireWildcard(require("react"));
@@ -29,12 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 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 _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."); }
@@ -47,6 +39,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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; }
+
 var ACLContext = /*#__PURE__*/(0, _react2.createContext)(null);
 exports.ACLContext = ACLContext;
 
@@ -67,11 +65,7 @@ var ACLRolesCheckProvider = function ACLRolesCheckProvider(props) {
   var _useDesignable = (0, _schemaComponent.useDesignable)(),
       setDesignable = _useDesignable.setDesignable;
 
-  var _useCookieState = (0, _ahooks.useCookieState)('currentRoleName'),
-      _useCookieState2 = _slicedToArray(_useCookieState, 2),
-      roleName = _useCookieState2[0],
-      setRoleName = _useCookieState2[1];
-
+  var api = (0, _apiClient.useAPIClient)();
   var result = (0, _apiClient.useRequest)({
     url: 'roles:check'
   }, {
@@ -82,10 +76,10 @@ var ACLRolesCheckProvider = function ACLRolesCheckProvider(props) {
         setDesignable(false);
       }
 
-      if ((data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.role) !== roleName) {
+      if ((data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.role) !== api.auth.role) {
         var _data$data4;
 
-        setRoleName(data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : _data$data4.role);
+        api.auth.setRole(data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : _data$data4.role);
       }
     }
   });

package/lib/antd-config-provider/index.js

@@ -35,6 +35,8 @@ function AntdConfigProvider(props) {
   var remoteLocale = props.remoteLocale,
       others = _objectWithoutProperties(props, _excluded);
 
+  var api = (0, _apiClient.useAPIClient)();
+
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       i18n = _useTranslation.i18n;
 
@@ -44,12 +46,13 @@ function AntdConfigProvider(props) {
     onSuccess: function onSuccess(data) {
       var _data$data;
 
-      var locale = localStorage.getItem('NOCOBASE_LANG');
+      var locale = api.auth.locale;
 
       if ((data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.lang) && !locale) {
-        var _data$data2;
+        var _data$data2, _data$data3;
 
-        i18n.changeLanguage(data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.lang);
+        api.auth.setLocale(data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.lang);
+        i18n.changeLanguage(data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.lang);
       }
     },
     manual: !remoteLocale

package/lib/api-client/APIClient.d.ts

@@ -1,33 +1,5 @@
+import { APIClient as APIClientSDK } from '@nocobase/sdk';
 import { Result } from 'ahooks/lib/useRequest/src/types';
-import { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
-export interface ActionParams {
-    filterByTk?: any;
-    [key: string]: any;
-}
-declare type ResourceActionOptions<P = any> = {
-    resource?: string;
-    resourceOf?: any;
-    action?: string;
-    params?: P;
-};
-export interface IResource {
-    list?: (params?: ActionParams) => Promise<any>;
-    get?: (params?: ActionParams) => Promise<any>;
-    create?: (params?: ActionParams) => Promise<any>;
-    update?: (params?: ActionParams) => Promise<any>;
-    destroy?: (params?: ActionParams) => Promise<any>;
-    [key: string]: (params?: ActionParams) => Promise<any>;
-}
-export declare class APIClient {
-    axios: AxiosInstance;
+export declare class APIClient extends APIClientSDK {
     services: Record<string, Result<any, any>>;
-    tokenKey: string;
-    constructor(instance?: AxiosInstance | AxiosRequestConfig);
-    qsMiddleware(): void;
-    authMiddleware(): void;
-    setBearerToken(token: any): void;
-    service(uid: string): Result<any, any>;
-    request<T = any, R = AxiosResponse<T>, D = any>(config: AxiosRequestConfig<D> | ResourceActionOptions): Promise<R>;
-    resource(name: string, of?: any): IResource;
 }
-export {};