@nocobase/plugin-theme-editor 0.11.1-alpha.1

package/lib/client/antd-token-previewer/utils/classifyToken.d.ts

@@ -0,0 +1,5 @@
+import type { TokenValue } from '../interface';
+export declare const TOKEN_SORTS: ("colorSplit" | "motion" | "colorText" | "colorFill" | "line" | "font" | "space" | "seed" | "colorCommon" | "colorBg" | "radius" | "screen" | "control" | "others")[];
+export type TokenType = (typeof TOKEN_SORTS)[number];
+export declare function getTypeOfToken(tokenName: string): TokenType;
+export declare const classifyToken: (token: Record<string, TokenValue>) => Record<string, string[]>;

package/lib/client/antd-token-previewer/utils/classifyToken.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classifyToken = exports.TOKEN_SORTS = void 0;
+exports.getTypeOfToken = getTypeOfToken;
+function defineTokenType(types) {
+  return types;
+}
+const TOKEN_SORTS = defineTokenType(['seed', 'colorCommon', 'colorText', 'colorBg', 'colorFill', 'colorSplit', 'font', 'radius', 'space', 'screen', 'line', 'motion', 'control', 'others']);
+exports.TOKEN_SORTS = TOKEN_SORTS;
+function getTypeOfToken(tokenName) {
+  if (tokenName.startsWith('color')) {
+    if (tokenName.startsWith('colorLink') || tokenName.startsWith('colorText') || tokenName.startsWith('colorIcon') || tokenName.startsWith('colorPlaceholder') || tokenName.startsWith('colorIcon')) {
+      return 'colorText';
+    }
+    if (tokenName.startsWith('colorBg') || tokenName.startsWith('colorPopupBg')) {
+      return 'colorBg';
+    }
+    if (tokenName.startsWith('colorBorder') || tokenName.startsWith('colorSplit')) {
+      return 'colorSplit';
+    }
+    if (tokenName.startsWith('colorFill')) {
+      return 'colorFill';
+    }
+    return 'colorCommon';
+  }
+  if (tokenName.startsWith('font')) {
+    return 'font';
+  }
+  if (tokenName.startsWith('screen')) {
+    return 'screen';
+  }
+  if (tokenName.startsWith('line')) {
+    return 'line';
+  }
+  if (tokenName.startsWith('motion')) {
+    return 'motion';
+  }
+  if (tokenName.startsWith('borderRadius')) {
+    return 'radius';
+  }
+  if (tokenName.startsWith('control')) {
+    return 'control';
+  }
+  if (tokenName.startsWith('margin') || tokenName.startsWith('padding')) {
+    return 'space';
+  }
+  return 'others';
+}
+const classifyToken = token => {
+  const groupedToken = {};
+  Object.keys(token || {}).sort((a, b) => a.localeCompare(b)).forEach(key => {
+    const type = getTypeOfToken(key);
+    if (!groupedToken[type]) {
+      groupedToken[type] = [];
+    }
+    groupedToken[type].push(key);
+  });
+  return groupedToken;
+};
+exports.classifyToken = classifyToken;

package/lib/client/antd-token-previewer/utils/deepUpdateObj.d.ts

@@ -0,0 +1,2 @@
+declare const deepUpdateObj: (obj: any, path: string[], value: any) => any;
+export default deepUpdateObj;

package/lib/client/antd-token-previewer/utils/deepUpdateObj.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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); }
+const deepUpdateObj = (obj, path, value) => {
+  var _obj$path$;
+  if (path.length === 0) {
+    return obj;
+  }
+  if (path.length === 1) {
+    if (value === null || value === undefined) {
+      const newObj = _objectSpread({}, obj);
+      delete newObj[path[0]];
+      return newObj;
+    }
+    return _objectSpread(_objectSpread({}, obj), {}, {
+      [path[0]]: value
+    });
+  }
+  return _objectSpread(_objectSpread({}, obj), {}, {
+    [path[0]]: deepUpdateObj((_obj$path$ = obj[path[0]]) !== null && _obj$path$ !== void 0 ? _obj$path$ : {}, path.slice(1), value)
+  });
+};
+var _default = deepUpdateObj;
+exports.default = _default;

package/lib/client/antd-token-previewer/utils/getColorBgImg.d.ts

@@ -0,0 +1,2 @@
+declare const getColorBgImg: (dark?: boolean) => "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=)" | "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==)";
+export default getColorBgImg;

package/lib/client/antd-token-previewer/utils/getColorBgImg.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getColorBgImg = dark => {
+  return dark ? 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=)' : 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==)';
+};
+var _default = getColorBgImg;
+exports.default = _default;

package/lib/client/antd-token-previewer/utils/getDesignToken.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { GlobalToken } from 'antd/es/theme/interface';
+export default function getDesignToken(config?: ThemeConfig): GlobalToken;

package/lib/client/antd-token-previewer/utils/getDesignToken.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getDesignToken;
+function _default() {
+  const data = _interopRequireDefault(require("antd/es/theme/themes/default"));
+  _default = function _default() {
+    return data;
+  };
+  return data;
+}
+function _seed() {
+  const data = _interopRequireDefault(require("antd/es/theme/themes/seed"));
+  _seed = function _seed() {
+    return data;
+  };
+  return data;
+}
+function _alias() {
+  const data = _interopRequireDefault(require("antd/es/theme/util/alias"));
+  _alias = function _alias() {
+    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) { 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 getDesignToken(config = {}) {
+  var _config$algorithm, _config$token;
+  const seedToken = _objectSpread(_objectSpread({}, _seed().default), config.token);
+  const mapFn = (_config$algorithm = config.algorithm) !== null && _config$algorithm !== void 0 ? _config$algorithm : _default().default;
+  const mapToken = Array.isArray(mapFn) ? mapFn.reduce((result, fn) => fn(seedToken, result), undefined) : mapFn(seedToken);
+  const mergedMapToken = _objectSpread(_objectSpread(_objectSpread({}, mapToken), config.components), {}, {
+    override: (_config$token = config.token) !== null && _config$token !== void 0 ? _config$token : {}
+  });
+  return (0, _alias().default)(mergedMapToken);
+}

package/lib/client/antd-token-previewer/utils/getValueByPath.d.ts

@@ -0,0 +1 @@
+export default function getValueByPath(obj: any, path: string[]): any;

package/lib/client/antd-token-previewer/utils/getValueByPath.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getValueByPath;
+function getValueByPath(obj, path) {
+  if (!obj) {
+    return undefined;
+  }
+  return path.reduce((prev, key) => {
+    if (prev) {
+      return prev[key];
+    }
+    return undefined;
+  }, obj);
+}

package/lib/client/antd-token-previewer/utils/isColor.d.ts

@@ -0,0 +1 @@
+export default function isColor(str: string): boolean;

package/lib/client/antd-token-previewer/utils/isColor.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = isColor;
+function isColor(str) {
+  return str.startsWith('rgb') || str.startsWith('#');
+}

package/lib/client/antd-token-previewer/utils/makeStyle.d.ts

@@ -0,0 +1,7 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { GlobalToken } from 'antd/es/theme/interface';
+import type React from 'react';
+declare const makeStyle: (path: string, styleFn: (token: GlobalToken & {
+    rootCls: string;
+}) => CSSInterpolation) => () => [(node: React.ReactNode) => React.ReactElement, string];
+export default makeStyle;

package/lib/client/antd-token-previewer/utils/makeStyle.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _cssinjs() {
+  const data = require("@ant-design/cssinjs");
+  _cssinjs = function _cssinjs() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    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); }
+const ConfigContext = _antd().ConfigProvider.ConfigContext;
+const makeStyle = (path, styleFn) => () => {
+  const _antdTheme$useToken = _antd().theme.useToken(),
+    theme = _antdTheme$useToken.theme,
+    token = _antdTheme$useToken.token,
+    hashId = _antdTheme$useToken.hashId;
+  const _useContext = (0, _react().useContext)(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  const rootCls = getPrefixCls();
+  return [(0, _cssinjs().useStyleRegister)({
+    theme: theme,
+    hashId,
+    token,
+    path: [path]
+  }, () => styleFn(_objectSpread(_objectSpread({}, token), {}, {
+    rootCls: `.${rootCls}`
+  }))), hashId];
+};
+var _default = makeStyle;
+exports.default = _default;

package/lib/client/antd-token-previewer/utils/statistic.d.ts

@@ -0,0 +1,2 @@
+export declare const getRelatedComponents: (token: string | string[]) => string[];
+export declare const getComponentToken: (component: string) => any;

package/lib/client/antd-token-previewer/utils/statistic.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRelatedComponents = exports.getComponentToken = void 0;
+var _token = _interopRequireDefault(require("antd/es/version/token.json"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const tokenRelatedComponents = {};
+const getRelatedComponentsSingle = token => {
+  var _tokenRelatedComponen;
+  if (!tokenRelatedComponents[token]) {
+    tokenRelatedComponents[token] = Object.entries(_token.default).filter(([, tokens]) => {
+      return tokens.global.includes(token);
+    }).map(([component]) => component);
+  }
+  return (_tokenRelatedComponen = tokenRelatedComponents[token]) !== null && _tokenRelatedComponen !== void 0 ? _tokenRelatedComponen : [];
+};
+const getRelatedComponents = token => {
+  const mergedTokens = Array.isArray(token) ? token : [token];
+  return Array.from(new Set(mergedTokens.reduce((result, item) => {
+    return result.concat(getRelatedComponentsSingle(item));
+  }, [])));
+};
+exports.getRelatedComponents = getRelatedComponents;
+const getComponentToken = component => _token.default[component];
+exports.getComponentToken = getComponentToken;

package/lib/client/components/InitializeTheme.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const useCurrentThemeId: () => number;
+/**
+ * 用于在页面加载时初始化主题
+ */
+declare const InitializeTheme: React.FC;
+export default InitializeTheme;

package/lib/client/components/InitializeTheme.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentThemeId = exports.default = 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 _changeAlgorithmFromFunctionToString = require("../utils/changeAlgorithmFromFunctionToString");
+var _changeAlgorithmFromStringToFunction = require("../utils/changeAlgorithmFromStringToFunction");
+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 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); }
+const CurrentThemeIdContext = _react().default.createContext(null);
+const useCurrentThemeId = () => {
+  return _react().default.useContext(CurrentThemeIdContext);
+};
+/**
+ * 用于在页面加载时初始化主题
+ */
+exports.useCurrentThemeId = useCurrentThemeId;
+const InitializeTheme = ({
+  children
+}) => {
+  var _currentUser$data3, _currentUser$data3$da, _currentUser$data3$da2, _systemSettings$data2, _systemSettings$data3, _systemSettings$data4;
+  const systemSettings = (0, _client().useSystemSettings)();
+  const currentUser = (0, _client().useCurrentUserContext)();
+  const _useGlobalTheme = (0, _client().useGlobalTheme)(),
+    setTheme = _useGlobalTheme.setTheme;
+  const _useThemeListContext = (0, _ThemeListProvider.useThemeListContext)(),
+    run = _useThemeListContext.run,
+    data = _useThemeListContext.data,
+    loading = _useThemeListContext.loading;
+  const themeId = (0, _react().useRef)(null);
+  const api = (0, _client().useAPIClient)();
+  (0, _react().useEffect)(() => {
+    const storageTheme = api.auth.getOption('theme');
+    if (storageTheme) {
+      try {
+        setTheme((0, _changeAlgorithmFromStringToFunction.changeAlgorithmFromStringToFunction)(JSON.parse(storageTheme)).config);
+      } catch (err) {
+        (0, _client2().error)(err);
+      }
+    }
+  }, []);
+  (0, _react().useEffect)(() => {
+    var _currentUser$data, _currentUser$data$dat, _currentUser$data$dat2, _systemSettings$data, _systemSettings$data$, _systemSettings$data$2, _currentUser$data2, _currentUser$data2$da, _currentUser$data2$da2;
+    if (!data) {
+      return run();
+    }
+    themeId.current =
+    // 这里不要使用 `===` 操作符
+    (currentUser === null || currentUser === void 0 ? void 0 : (_currentUser$data = currentUser.data) === null || _currentUser$data === void 0 ? void 0 : (_currentUser$data$dat = _currentUser$data.data) === null || _currentUser$data$dat === void 0 ? void 0 : (_currentUser$data$dat2 = _currentUser$data$dat.systemSettings) === null || _currentUser$data$dat2 === void 0 ? void 0 : _currentUser$data$dat2.themeId) == null ? systemSettings === null || systemSettings === void 0 ? void 0 : (_systemSettings$data = systemSettings.data) === null || _systemSettings$data === void 0 ? void 0 : (_systemSettings$data$ = _systemSettings$data.data) === null || _systemSettings$data$ === void 0 ? void 0 : (_systemSettings$data$2 = _systemSettings$data$.options) === null || _systemSettings$data$2 === void 0 ? void 0 : _systemSettings$data$2.themeId : currentUser === null || currentUser === void 0 ? void 0 : (_currentUser$data2 = currentUser.data) === null || _currentUser$data2 === void 0 ? void 0 : (_currentUser$data2$da = _currentUser$data2.data) === null || _currentUser$data2$da === void 0 ? void 0 : (_currentUser$data2$da2 = _currentUser$data2$da.systemSettings) === null || _currentUser$data2$da2 === void 0 ? void 0 : _currentUser$data2$da2.themeId;
+    // 这里不要使用 `!==` 操作符
+    if (themeId.current != null) {
+      const theme = data === null || data === void 0 ? void 0 : data.find(item => item.id === themeId.current);
+      if (theme) {
+        setTheme(theme.config);
+        api.auth.setOption('theme', JSON.stringify(Object.assign(_objectSpread({}, theme), {
+          config: (0, _changeAlgorithmFromFunctionToString.changeAlgorithmFromFunctionToString)(theme.config)
+        })));
+      }
+    } else {
+      setTheme(_client().defaultTheme);
+      api.auth.setOption('theme', null);
+    }
+  }, [api.auth, currentUser === null || currentUser === void 0 ? void 0 : (_currentUser$data3 = currentUser.data) === null || _currentUser$data3 === void 0 ? void 0 : (_currentUser$data3$da = _currentUser$data3.data) === null || _currentUser$data3$da === void 0 ? void 0 : (_currentUser$data3$da2 = _currentUser$data3$da.systemSettings) === null || _currentUser$data3$da2 === void 0 ? void 0 : _currentUser$data3$da2.themeId, data, run, setTheme, systemSettings === null || systemSettings === void 0 ? void 0 : (_systemSettings$data2 = systemSettings.data) === null || _systemSettings$data2 === void 0 ? void 0 : (_systemSettings$data3 = _systemSettings$data2.data) === null || _systemSettings$data3 === void 0 ? void 0 : (_systemSettings$data4 = _systemSettings$data3.options) === null || _systemSettings$data4 === void 0 ? void 0 : _systemSettings$data4.themeId]);
+  if (loading && !data) {
+    return _react().default.createElement(_antd().Spin, null);
+  }
+  return _react().default.createElement(CurrentThemeIdContext.Provider, {
+    value: themeId.current
+  }, children);
+};
+InitializeTheme.displayName = 'InitializeTheme';
+var _default = InitializeTheme;
+exports.default = _default;

package/lib/client/components/ThemeCard.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ThemeItem } from '../../types';
+declare enum HandleTypes {
+    delete = "delete",
+    optional = "optional"
+}
+interface Props {
+    item: ThemeItem;
+    style?: React.CSSProperties;
+    onChange?: (params: {
+        type: HandleTypes;
+        item: ThemeItem;
+    }) => void;
+}
+declare const ThemeCard: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+};
+export default ThemeCard;