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

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

@@ -1,63 +0,0 @@
-"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.js

@@ -1,32 +0,0 @@
-"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.js

@@ -1,11 +0,0 @@
-"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.js

@@ -1,43 +0,0 @@
-"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.js

@@ -1,17 +0,0 @@
-"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.js

@@ -1,9 +0,0 @@
-"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.js

@@ -1,52 +0,0 @@
-"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.js

@@ -1,27 +0,0 @@
-"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.js

@@ -1,108 +0,0 @@
-"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;