@nocobase/plugin-theme-editor 0.11.1-alpha.5 → 0.12.0-alpha.2

package/lib/client/components/theme-editor/index.js

@@ -1,253 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
-function _client() {
-  const data = require("@nocobase/client");
-  _client = function _client() {
-    return data;
-  };
-  return data;
-}
-function _client2() {
-  const data = require("@nocobase/utils/client");
-  _client2 = function _client2() {
-    return data;
-  };
-  return data;
-}
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _en_US() {
-  const data = _interopRequireDefault(require("antd/locale/en_US"));
-  _en_US = function _en_US() {
-    return data;
-  };
-  return data;
-}
-function _zh_CN() {
-  const data = _interopRequireDefault(require("antd/locale/zh_CN"));
-  _zh_CN = function _zh_CN() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _antdTokenPreviewer = require("../../antd-token-previewer");
-var _useUpdateThemeSettings = require("../../hooks/useUpdateThemeSettings");
-var _locale = require("../../locale");
-var _changeAlgorithmFromFunctionToString = require("../../utils/changeAlgorithmFromFunctionToString");
-var _ThemeEditorProvider = require("../ThemeEditorProvider");
-var _ThemeListProvider = require("../ThemeListProvider");
-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 _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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }); }; }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const useStyle = (0, _client().createStyles)(({
-  token
-}) => ({
-  editor: (0, _css().css)({
-    '& > div:nth-child(2)': {
-      display: 'none'
-    }
-  }),
-  header: (0, _css().css)({
-    width: '100%',
-    height: 56,
-    padding: '0 16px',
-    borderBottom: '1px solid #F0F0F0',
-    backgroundColor: '#fff',
-    '> .ant-space-item:first-child': {
-      flex: 1
-    }
-  }),
-  errorPlaceholder: (0, _css().css)({
-    '&::placeholder': {
-      color: token.colorErrorText
-    }
-  })
-}));
-const CustomTheme = ({
-  onThemeChange: _onThemeChange
-}) => {
-  const _useStyle = useStyle(),
-    styles = _useStyle.styles;
-  const _useGlobalTheme = (0, _client().useGlobalTheme)(),
-    globalTheme = _useGlobalTheme.theme,
-    setGlobalTheme = _useGlobalTheme.setTheme,
-    getCurrentSettingTheme = _useGlobalTheme.getCurrentSettingTheme,
-    setCurrentEditingTheme = _useGlobalTheme.setCurrentEditingTheme,
-    getCurrentEditingTheme = _useGlobalTheme.getCurrentEditingTheme;
-  const _React$useState = _react().default.useState(globalTheme),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    theme = _React$useState2[0],
-    setTheme = _React$useState2[1];
-  const _useThemeEditorContex = (0, _ThemeEditorProvider.useThemeEditorContext)(),
-    setOpen = _useThemeEditorContex.setOpen;
-  const _useTranslation = (0, _locale.useTranslation)(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
-  const _useThemeListContext = (0, _ThemeListProvider.useThemeListContext)(),
-    refresh = _useThemeListContext.refresh;
-  const api = (0, _client().useAPIClient)();
-  const _React$useState3 = _react().default.useState(globalTheme.name),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    themeName = _React$useState4[0],
-    setThemeName = _React$useState4[1];
-  const _React$useState5 = _react().default.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    loading = _React$useState6[0],
-    setLoading = _React$useState6[1];
-  const _useUpdateThemeSettin = (0, _useUpdateThemeSettings.useUpdateThemeSettings)(),
-    updateUserThemeSettings = _useUpdateThemeSettin.updateUserThemeSettings;
-  const _React$useState7 = _react().default.useState(),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    themeNameStatus = _React$useState8[0],
-    setThemeNameStatus = _React$useState8[1];
-  (0, _react().useEffect)(() => {
-    setTheme(globalTheme);
-  }, [globalTheme]);
-  const lang = i18n.language;
-  const handleSave = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* () {
-      if (!themeName) {
-        setThemeNameStatus('error');
-        return;
-      }
-      setLoading(true);
-      // 编辑主题
-      if (getCurrentEditingTheme()) {
-        const editingItem = getCurrentEditingTheme();
-        editingItem.config = (0, _changeAlgorithmFromFunctionToString.changeAlgorithmFromFunctionToString)(theme);
-        editingItem.config.name = themeName;
-        try {
-          yield api.request({
-            url: `themeConfig:update/${editingItem.id}`,
-            method: 'POST',
-            data: editingItem
-          });
-          refresh === null || refresh === void 0 ? void 0 : refresh();
-          _antd().message.success(t('Saved successfully'));
-        } catch (err) {
-          (0, _client2().error)(err);
-        }
-        setLoading(false);
-        setOpen(false);
-        setCurrentEditingTheme(null);
-        setTheme(getCurrentSettingTheme());
-        return;
-      }
-      // 新增主题
-      try {
-        const data = yield api.request({
-          url: 'themeConfig:create',
-          method: 'POST',
-          data: {
-            config: _objectSpread(_objectSpread({}, (0, _changeAlgorithmFromFunctionToString.changeAlgorithmFromFunctionToString)(theme)), {}, {
-              name: themeName
-            }),
-            optional: true,
-            isBuiltIn: false
-          }
-        });
-        yield updateUserThemeSettings(data.data.data.id);
-        refresh === null || refresh === void 0 ? void 0 : refresh();
-        _antd().message.success(t('Saved successfully'));
-      } catch (err) {
-        (0, _client2().error)(err);
-      }
-      setLoading(false);
-      setOpen(false);
-    });
-    return function handleSave() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  const handleClose = () => {
-    setOpen(false);
-    setGlobalTheme(getCurrentSettingTheme());
-    setCurrentEditingTheme(null);
-  };
-  const handleThemeNameChange = e => {
-    if (!e.target.value) {
-      setThemeNameStatus('error');
-    } else {
-      setThemeNameStatus('');
-    }
-    setThemeName(e.target.value);
-  };
-  return _react().default.createElement(_react().default.Fragment, null, _react().default.createElement(_antd().ConfigProvider, {
-    theme: {
-      inherit: false
-    },
-    locale: lang === 'zh-CN' ? _zh_CN().default : _en_US().default
-  }, _react().default.createElement(_antd().Space, {
-    className: styles.header
-  }, _react().default.createElement(_antd().Input, {
-    className: (0, _css().cx)({
-      [styles.errorPlaceholder]: themeNameStatus === 'error'
-    }),
-    status: themeNameStatus,
-    placeholder: t('Please set a name for this theme'),
-    value: themeName,
-    onChange: handleThemeNameChange,
-    onPressEnter: handleSave
-  }), _react().default.createElement(_antd().Button, {
-    type: "default",
-    onClick: handleClose
-  }, t('Close')), _react().default.createElement(_antd().Button, {
-    loading: loading,
-    type: "primary",
-    onClick: handleSave
-  }, t('Save'))), _react().default.createElement(_antdTokenPreviewer.ThemeEditor, {
-    className: styles.editor,
-    theme: {
-      name: 'Custom Theme',
-      key: 'test',
-      config: theme
-    },
-    style: {
-      height: 'calc(100vh - 56px)',
-      width: 540
-    },
-    onThemeChange: newTheme => {
-      setTheme(newTheme.config);
-      _onThemeChange === null || _onThemeChange === void 0 ? void 0 : _onThemeChange(newTheme.config);
-    },
-    locale: lang === 'zh-CN' ? _antdTokenPreviewer.zhCN : _antdTokenPreviewer.enUS
-  })));
-};
-var _default = CustomTheme;
-exports.default = _default;

package/lib/client/hooks/useThemeSettings.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useThemeSettings = void 0;
-function _client() {
-  const data = require("@nocobase/client");
-  _client = function _client() {
-    return data;
-  };
-  return data;
-}
-function _client2() {
-  const data = require("@nocobase/utils/client");
-  _client2 = function _client2() {
-    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;
-}
-var _InitializeTheme = require("../components/InitializeTheme");
-var _ThemeListProvider = require("../components/ThemeListProvider");
-var _locale = require("../locale");
-var _useUpdateThemeSettings = require("./useUpdateThemeSettings");
-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 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 useThemeSettings = () => {
-  return (0, _react().useMemo)(() => {
-    return {
-      key: 'theme',
-      eventKey: 'theme',
-      label: _react().default.createElement(Label, null)
-    };
-  }, []);
-};
-exports.useThemeSettings = useThemeSettings;
-function Label() {
-  const _useTranslation = (0, _locale.useTranslation)(),
-    t = _useTranslation.t;
-  const currentUser = (0, _client().useCurrentUserContext)();
-  const systemSettings = (0, _client().useSystemSettings)();
-  const _useThemeListContext = (0, _ThemeListProvider.useThemeListContext)(),
-    run = _useThemeListContext.run,
-    err = _useThemeListContext.error,
-    data = _useThemeListContext.data,
-    refresh = _useThemeListContext.refresh;
-  const _useUpdateThemeSettin = (0, _useUpdateThemeSettings.useUpdateThemeSettings)(),
-    updateUserThemeSettings = _useUpdateThemeSettin.updateUserThemeSettings,
-    updateSystemThemeSettings = _useUpdateThemeSettin.updateSystemThemeSettings;
-  const currentThemeId = (0, _InitializeTheme.useCurrentThemeId)();
-  const themeId = (0, _InitializeTheme.useCurrentThemeId)();
-  const api = (0, _client().useAPIClient)();
-  const options = (0, _react().useMemo)(() => {
-    return data === null || data === void 0 ? void 0 : data.filter(item => item.optional).map(item => {
-      return {
-        label: t(item.config.name),
-        value: item.id
-      };
-    });
-  }, [data, t]);
-  (0, _react().useEffect)(() => {
-    if (!data) {
-      run();
-    }
-  }, []);
-  (0, _react().useEffect)(() => {
-    const init = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
-        // 当 themeId 为空时表示插件是第一次被启用
-        if (themeId == null && data) {
-          const firstTheme = data[0];
-          try {
-            // 避免并发请求，在本地存储中容易出问题
-            yield updateSystemThemeSettings(firstTheme.id);
-            yield updateUserThemeSettings(firstTheme.id);
-          } catch (err) {
-            (0, _client2().error)(err);
-          }
-        }
-      });
-      return function init() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    init();
-  }, [themeId, updateSystemThemeSettings, updateUserThemeSettings, data, api, refresh]);
-  if (err) {
-    (0, _client2().error)(err);
-    return null;
-  }
-  if (!systemSettings) {
-    (0, _client2().error)('Please check if provide `SystemSettingsProvider` in your app.');
-    throw new Error('Please check if provide `SystemSettingsProvider` in your app.');
-  }
-  return _react().default.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }
-  }, t('Theme'), _react().default.createElement(_antd().Select, {
-    style: {
-      minWidth: 100
-    },
-    bordered: false,
-    popupMatchSelectWidth: false,
-    value: currentThemeId,
-    options: options,
-    onChange: value => {
-      updateUserThemeSettings(value);
-    }
-  }));
-}

package/lib/client/hooks/useUpdateThemeSettings.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUpdateThemeSettings = useUpdateThemeSettings;
-function _client() {
-  const data = require("@nocobase/client");
-  _client = function _client() {
-    return data;
-  };
-  return data;
-}
-function _client2() {
-  const data = require("@nocobase/utils/client");
-  _client2 = function _client2() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = require("react");
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }); }; }
-function useUpdateThemeSettings() {
-  const api = (0, _client().useAPIClient)();
-  const currentUser = (0, _client().useCurrentUserContext)();
-  const systemSettings = (0, _client().useSystemSettings)();
-  const updateUserThemeSettings = (0, _react().useCallback)( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (themeId) {
-      var _currentUser$data$dat;
-      if (themeId === ((_currentUser$data$dat = currentUser.data.data.systemSettings) === null || _currentUser$data$dat === void 0 ? void 0 : _currentUser$data$dat.themeId)) {
-        return;
-      }
-      try {
-        yield api.resource('users').updateProfile({
-          values: {
-            systemSettings: _objectSpread(_objectSpread({}, currentUser.data.data.systemSettings || {}), {}, {
-              themeId
-            })
-          }
-        });
-        currentUser.mutate({
-          data: _objectSpread(_objectSpread({}, currentUser.data.data), {}, {
-            systemSettings: _objectSpread(_objectSpread({}, currentUser.data.data.systemSettings || {}), {}, {
-              themeId
-            })
-          })
-        });
-      } catch (err) {
-        (0, _client2().error)(err);
-      }
-    });
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [api, currentUser]);
-  const updateSystemThemeSettings = (0, _react().useCallback)( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* (themeId) {
-      var _systemSettings$data$;
-      if (themeId === ((_systemSettings$data$ = systemSettings.data.data.options) === null || _systemSettings$data$ === void 0 ? void 0 : _systemSettings$data$.themeId)) {
-        return;
-      }
-      yield api.request({
-        url: 'systemSettings:update/1',
-        method: 'post',
-        data: {
-          options: _objectSpread(_objectSpread({}, systemSettings.data.data.options || {}), {}, {
-            themeId
-          })
-        }
-      });
-      systemSettings.mutate({
-        data: _objectSpread(_objectSpread({}, systemSettings.data.data), {}, {
-          options: _objectSpread(_objectSpread({}, systemSettings.data.data.options || {}), {}, {
-            themeId
-          })
-        })
-      });
-    });
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [api, systemSettings]);
-  return {
-    updateUserThemeSettings,
-    updateSystemThemeSettings
-  };
-}

package/lib/client/index.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ThemeEditorPlugin = 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;
-}
-var _InitializeTheme = _interopRequireDefault(require("./components/InitializeTheme"));
-var _ThemeEditorProvider = require("./components/ThemeEditorProvider");
-var _ThemeList = _interopRequireDefault(require("./components/ThemeList"));
-var _ThemeListProvider = require("./components/ThemeListProvider");
-var _themeEditor = _interopRequireDefault(require("./components/theme-editor"));
-var _useThemeSettings = require("./hooks/useThemeSettings");
-var _locale = require("./locale");
-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 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); }); }; }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const useStyles = (0, _client().createStyles)(({
-  css,
-  token
-}) => {
-  return {
-    editor: css`
-      overflow: hidden;
-      border-left: 1px solid ${token.colorBorderSecondary};
-      animation: 0.1s ease-out 0s 1 slideInFromRight;
-      @keyframes slideInFromRight {
-        0% {
-          transform: translateX(100%);
-        }
-        100% {
-          transform: translateX(0);
-        }
-      }
-    `
-  };
-});
-const CustomThemeProvider = _react().default.memo(props => {
-  const _useCurrentUserSettin = (0, _client().useCurrentUserSettingsMenu)(),
-    addMenuItem = _useCurrentUserSettin.addMenuItem;
-  const themeItem = (0, _useThemeSettings.useThemeSettings)();
-  const _useTranslation = (0, _locale.useTranslation)(),
-    t = _useTranslation.t;
-  const _React$useState = _react().default.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  const _useGlobalTheme = (0, _client().useGlobalTheme)(),
-    theme = _useGlobalTheme.theme,
-    setTheme = _useGlobalTheme.setTheme;
-  const _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  (0, _react().useEffect)(() => {
-    // 在页面右上角中添加一个 Theme 菜单项
-    addMenuItem(themeItem, {
-      before: 'divider_3'
-    });
-  }, [addMenuItem, themeItem]);
-  const settings = (0, _react().useMemo)(() => {
-    return {
-      'theme-editor': {
-        title: t('Theme editor'),
-        icon: 'BgColorsOutlined',
-        tabs: {
-          themes: {
-            title: t('Themes'),
-            component: _ThemeList.default
-          }
-        }
-      }
-    };
-  }, []);
-  const contentStyle = (0, _react().useMemo)(() => {
-    return open ? {
-      transform: 'rotate(0)',
-      flexGrow: 1,
-      width: 0
-    } : {
-      flexGrow: 1,
-      width: 0
-    };
-  }, [open]);
-  const editor = _react().default.createElement("div", {
-    style: {
-      display: 'flex',
-      overflow: 'hidden'
-    }
-  }, _react().default.createElement("div", {
-    style: contentStyle
-  }, props.children), open ? _react().default.createElement("div", {
-    className: styles.editor
-  }, _react().default.createElement(_themeEditor.default, {
-    onThemeChange: setTheme
-  })) : null);
-  return _react().default.createElement(_antd().ConfigProvider, {
-    theme: theme
-  }, _react().default.createElement(_ThemeListProvider.ThemeListProvider, null, _react().default.createElement(_InitializeTheme.default, null, _react().default.createElement(_ThemeEditorProvider.ThemeEditorProvider, {
-    open: open,
-    setOpen: setOpen
-  }, _react().default.createElement(_client().SettingsCenterProvider, {
-    settings: settings
-  }, editor)))));
-});
-CustomThemeProvider.displayName = 'CustomThemeProvider';
-class ThemeEditorPlugin extends _client().Plugin {
-  load() {
-    var _this = this;
-    return _asyncToGenerator(function* () {
-      _this.app.use(CustomThemeProvider);
-    })();
-  }
-}
-exports.ThemeEditorPlugin = ThemeEditorPlugin;
-var _default = ThemeEditorPlugin;
-exports.default = _default;

package/lib/client/locale/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NAMESPACE = void 0;
-exports.useTranslation = useTranslation;
-function _reactI18next() {
-  const data = require("react-i18next");
-  _reactI18next = function _reactI18next() {
-    return data;
-  };
-  return data;
-}
-const NAMESPACE = 'theme-editor';
-exports.NAMESPACE = NAMESPACE;
-function useTranslation() {
-  return (0, _reactI18next().useTranslation)([NAMESPACE, 'client'], {
-    nsMode: 'fallback'
-  });
-}