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

package/lib/client/antd-token-previewer/icons/TokenPanel.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function React() {
+  const data = _interopRequireWildcard(require("react"));
+  React = function React() {
+    return data;
+  };
+  return data;
+}
+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 TokenPanel(props) {
+  return /*#__PURE__*/React().createElement('svg', Object.assign({
+    width: '1em',
+    height: '1em',
+    viewBox: '0 0 20 19',
+    xmlns: 'http://www.w3.org/2000/svg',
+    xmlnsXlink: 'http://www.w3.org/1999/xlink'
+  }, props, {
+    style: Object.assign({
+      verticalAlign: '-0.125em'
+    }, props.style),
+    className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' ')
+  }), /*#__PURE__*/React().createElement('g', {
+    id: 'TokenPanel-\u9875\u9762-1',
+    stroke: 'none',
+    strokeWidth: 1,
+    fill: 'none',
+    fillRule: 'evenodd',
+    fillOpacity: 0.85
+  }, /*#__PURE__*/React().createElement('g', {
+    id: 'TokenPanel-\u4E3B\u9898\u7F16\u8F91\u5668---\u591A\u4E3B\u9898',
+    transform: 'translate(-14.000000, -70.000000)',
+    fill: 'currentColor'
+  }, /*#__PURE__*/React().createElement('g', {
+    id: 'TokenPanel-\u7F16\u7EC4-3',
+    transform: 'translate(10.000000, 66.000000)'
+  }, /*#__PURE__*/React().createElement('g', {
+    id: 'TokenPanel-\u7F16\u7EC4-20',
+    transform: 'translate(4.000000, 4.000000)'
+  }, /*#__PURE__*/React().createElement('rect', {
+    id: 'TokenPanel-\u77E9\u5F62',
+    opacity: 0.600000024,
+    x: 1,
+    y: 12,
+    width: 7,
+    height: 7,
+    rx: 0.434782594
+  }), /*#__PURE__*/React().createElement('path', {
+    d: 'M12.3540059,0 L19.5652174,0 C19.8053412,8.08981097e-16 20,0.194658804 20,0.434782609 L20,7.6459941 C20,7.88611791 19.8053412,8.08077671 19.5652174,8.08077671 C19.4499059,8.08077671 19.3393172,8.03496939 19.2577797,7.95343183 L12.0465682,0.74222034 C11.876775,0.572427169 11.876775,0.297138048 12.0465682,0.127344878 C12.1281057,0.0458073219 12.2386944,-6.44951433e-16 12.3540059,0 Z',
+    id: 'TokenPanel-\u77E9\u5F62',
+    opacity: 0.400000006
+  }), /*#__PURE__*/React().createElement('circle', {
+    id: 'TokenPanel-\u692D\u5706\u5F62',
+    cx: 4.34782609,
+    cy: 4.34782609,
+    r: 4.34782609
+  }), /*#__PURE__*/React().createElement('circle', {
+    id: 'TokenPanel-\u692D\u5706\u5F62',
+    cx: 15.5,
+    cy: 15.5,
+    r: 3.5
+  }))))));
+}
+var _default = TokenPanel;
+exports.default = _default;

package/lib/client/antd-token-previewer/icons/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Arrow } from './Arrow.js';
+export { default as Brush } from './Brush.js';
+export { default as CompactTheme } from './Compact.js';
+export { default as Control } from './Control.js';
+export { default as DarkTheme } from './Dark.js';
+export { default as Light } from './Light.js';
+export { default as Margin } from './Margin.js';
+export { default as Motion } from './Motion.js';
+export { default as Pick } from './Pick.js';
+export { default as SearchDropdown } from './SearchDropdown.js';
+export { default as ShapeLine } from './ShapeLine.js';
+export { default as TokenPanelIcon } from './TokenPanel.js';

package/lib/client/antd-token-previewer/icons/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Arrow", {
+  enumerable: true,
+  get: function get() {
+    return _Arrow.default;
+  }
+});
+Object.defineProperty(exports, "Brush", {
+  enumerable: true,
+  get: function get() {
+    return _Brush.default;
+  }
+});
+Object.defineProperty(exports, "CompactTheme", {
+  enumerable: true,
+  get: function get() {
+    return _Compact.default;
+  }
+});
+Object.defineProperty(exports, "Control", {
+  enumerable: true,
+  get: function get() {
+    return _Control.default;
+  }
+});
+Object.defineProperty(exports, "DarkTheme", {
+  enumerable: true,
+  get: function get() {
+    return _Dark.default;
+  }
+});
+Object.defineProperty(exports, "Light", {
+  enumerable: true,
+  get: function get() {
+    return _Light.default;
+  }
+});
+Object.defineProperty(exports, "Margin", {
+  enumerable: true,
+  get: function get() {
+    return _Margin.default;
+  }
+});
+Object.defineProperty(exports, "Motion", {
+  enumerable: true,
+  get: function get() {
+    return _Motion.default;
+  }
+});
+Object.defineProperty(exports, "Pick", {
+  enumerable: true,
+  get: function get() {
+    return _Pick.default;
+  }
+});
+Object.defineProperty(exports, "SearchDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _SearchDropdown.default;
+  }
+});
+Object.defineProperty(exports, "ShapeLine", {
+  enumerable: true,
+  get: function get() {
+    return _ShapeLine.default;
+  }
+});
+Object.defineProperty(exports, "TokenPanelIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TokenPanel.default;
+  }
+});
+var _Arrow = _interopRequireDefault(require("./Arrow.js"));
+var _Brush = _interopRequireDefault(require("./Brush.js"));
+var _Compact = _interopRequireDefault(require("./Compact.js"));
+var _Control = _interopRequireDefault(require("./Control.js"));
+var _Dark = _interopRequireDefault(require("./Dark.js"));
+var _Light = _interopRequireDefault(require("./Light.js"));
+var _Margin = _interopRequireDefault(require("./Margin.js"));
+var _Motion = _interopRequireDefault(require("./Motion.js"));
+var _Pick = _interopRequireDefault(require("./Pick.js"));
+var _SearchDropdown = _interopRequireDefault(require("./SearchDropdown.js"));
+var _ShapeLine = _interopRequireDefault(require("./ShapeLine.js"));
+var _TokenPanel = _interopRequireDefault(require("./TokenPanel.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/client/antd-token-previewer/index.d.ts

@@ -0,0 +1,12 @@
+export { default as PreviewDemo } from './PreviewDemo';
+export type { PreviewDemoProps } from './PreviewDemo';
+export { default as ThemeEditor } from './ThemeEditor';
+export type { ThemeEditorProps, ThemeEditorRef } from './ThemeEditor';
+export type { MutableTheme, PreviewerProps, Theme } from './interface';
+export * from './locale';
+export * from './meta';
+export * from './overviews';
+export { default as Previewer } from './previewer';
+export { default as TokenPanel } from './token-panel';
+export type { TokenPanelRef, TokenPreviewProps } from './token-panel';
+export { default as getDesignToken } from './utils/getDesignToken';

package/lib/client/antd-token-previewer/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  PreviewDemo: true,
+  ThemeEditor: true,
+  Previewer: true,
+  TokenPanel: true,
+  getDesignToken: true
+};
+Object.defineProperty(exports, "PreviewDemo", {
+  enumerable: true,
+  get: function get() {
+    return _PreviewDemo.default;
+  }
+});
+Object.defineProperty(exports, "Previewer", {
+  enumerable: true,
+  get: function get() {
+    return _previewer.default;
+  }
+});
+Object.defineProperty(exports, "ThemeEditor", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeEditor.default;
+  }
+});
+Object.defineProperty(exports, "TokenPanel", {
+  enumerable: true,
+  get: function get() {
+    return _tokenPanel.default;
+  }
+});
+Object.defineProperty(exports, "getDesignToken", {
+  enumerable: true,
+  get: function get() {
+    return _getDesignToken.default;
+  }
+});
+var _PreviewDemo = _interopRequireDefault(require("./PreviewDemo"));
+var _ThemeEditor = _interopRequireDefault(require("./ThemeEditor"));
+var _locale = require("./locale");
+Object.keys(_locale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _locale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _locale[key];
+    }
+  });
+});
+var _meta = require("./meta");
+Object.keys(_meta).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _meta[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _meta[key];
+    }
+  });
+});
+var _overviews = require("./overviews");
+Object.keys(_overviews).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _overviews[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _overviews[key];
+    }
+  });
+});
+var _previewer = _interopRequireDefault(require("./previewer"));
+var _tokenPanel = _interopRequireDefault(require("./token-panel"));
+var _getDesignToken = _interopRequireDefault(require("./utils/getDesignToken"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/client/antd-token-previewer/interface.d.ts

@@ -0,0 +1,31 @@
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { ReactElement } from 'react';
+export type Theme = {
+    name: string;
+    key: string;
+    config: ThemeConfig;
+};
+export type AliasToken = Exclude<ThemeConfig['token'], undefined>;
+export type TokenValue = string | number | string[] | number[] | boolean;
+export type TokenName = keyof AliasToken;
+export interface ComponentDemo {
+    tokens?: TokenName[];
+    demo: ReactElement;
+    key: string;
+}
+export interface MutableTheme extends Theme {
+    onThemeChange?: (newTheme: ThemeConfig, path: string[]) => void;
+    onReset?: (path: string[]) => void;
+    getCanReset?: (path: string[]) => boolean;
+}
+export type PreviewerProps = {
+    onSave?: (themeConfig: ThemeConfig) => void;
+    showTheme?: boolean;
+    theme?: Theme;
+    onThemeChange?: (config: ThemeConfig) => void;
+};
+export type SelectedToken = {
+    seed?: string[];
+    map?: string[];
+    alias?: string[];
+};

package/lib/client/antd-token-previewer/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/client/antd-token-previewer/locale/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { Locale } from './interface';
+export declare const LocaleContext: React.Context<Locale>;
+export declare const useLocale: () => Locale;

package/lib/client/antd-token-previewer/locale/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLocale = exports.LocaleContext = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const LocaleContext = _react().default.createContext(_zhCN.default);
+exports.LocaleContext = LocaleContext;
+const useLocale = () => _react().default.useContext(LocaleContext);
+exports.useLocale = useLocale;

package/lib/client/antd-token-previewer/locale/en-US.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './interface';
+declare const locale: Locale;
+export default locale;

package/lib/client/antd-token-previewer/locale/en-US.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const locale = {
+  _lang: 'en-US',
+  followPrimary: 'Follow Brand Color',
+  reset: 'Reset',
+  next: 'Next',
+  groupView: 'Group View',
+  fill: 'Fill',
+  border: 'Border',
+  background: 'Background',
+  text: 'Text',
+  demo: {
+    overview: 'Overview',
+    components: 'Components',
+    relatedTokens: 'Related Tokens'
+  }
+};
+var _default = locale;
+exports.default = _default;

package/lib/client/antd-token-previewer/locale/index.d.ts

@@ -0,0 +1,4 @@
+export { LocaleContext, useLocale } from './context';
+export { default as enUS } from './en-US';
+export type { Locale } from './interface';
+export { default as zhCN } from './zh-CN';

package/lib/client/antd-token-previewer/locale/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LocaleContext", {
+  enumerable: true,
+  get: function get() {
+    return _context.LocaleContext;
+  }
+});
+Object.defineProperty(exports, "enUS", {
+  enumerable: true,
+  get: function get() {
+    return _enUS.default;
+  }
+});
+Object.defineProperty(exports, "useLocale", {
+  enumerable: true,
+  get: function get() {
+    return _context.useLocale;
+  }
+});
+Object.defineProperty(exports, "zhCN", {
+  enumerable: true,
+  get: function get() {
+    return _zhCN.default;
+  }
+});
+var _context = require("./context");
+var _enUS = _interopRequireDefault(require("./en-US"));
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/client/antd-token-previewer/locale/interface.d.ts

@@ -0,0 +1,16 @@
+export type Locale = {
+    _lang: string;
+    followPrimary: string;
+    reset: string;
+    next: string;
+    groupView: string;
+    fill: string;
+    background: string;
+    border: string;
+    text: string;
+    demo: {
+        overview: string;
+        components: string;
+        relatedTokens: string;
+    };
+};

package/lib/client/antd-token-previewer/locale/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/client/antd-token-previewer/locale/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './interface';
+declare const locale: Locale;
+export default locale;

package/lib/client/antd-token-previewer/locale/zh-CN.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const locale = {
+  _lang: 'zh-CN',
+  followPrimary: '跟随主色',
+  reset: '重置',
+  next: '下一步',
+  groupView: '分组显示',
+  fill: '填充',
+  border: '描边',
+  background: '背景',
+  text: '文本',
+  demo: {
+    overview: '概览',
+    components: '组件',
+    relatedTokens: '关联 Token'
+  }
+};
+var _default = locale;
+exports.default = _default;

package/lib/client/antd-token-previewer/meta/TokenRelation.d.ts

@@ -0,0 +1,16 @@
+import type { AliasToken, MapToken, SeedToken } from 'antd/es/theme/interface';
+export type PureAliasToken = Omit<AliasToken, keyof MapToken>;
+type SeedRelatedMap = {
+    [key in keyof SeedToken]?: (keyof MapToken)[];
+};
+type SeedRelatedAlias = {
+    [key in keyof SeedToken]?: (keyof PureAliasToken)[];
+};
+type MapRelatedAlias = {
+    [key in keyof MapToken]?: (keyof PureAliasToken)[];
+};
+export declare function sortToken<T extends (keyof AliasToken)[]>(arr: T): T;
+export declare const seedRelatedMap: SeedRelatedMap;
+export declare const mapRelatedAlias: MapRelatedAlias;
+export declare const seedRelatedAlias: SeedRelatedAlias;
+export {};

package/lib/client/antd-token-previewer/meta/TokenRelation.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.seedRelatedMap = exports.seedRelatedAlias = exports.mapRelatedAlias = void 0;
+exports.sortToken = sortToken;
+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); }
+// Alias Token 优先级排序，数字小的排在前面，在 map 中的优先级比不在 map 中的优先级高，都不在 map 中的按字母顺序排序
+const tokenOrder = {
+  // example
+  // 0-20 留给 text
+  colorTextHeading: 1,
+  colorTextLabel: 2,
+  colorTextDescription: 3,
+  colorTextDisabled: 4,
+  colorTextPlaceholder: 5,
+  colorIcon: 10,
+  colorIconHover: 11,
+  // 21-40 留给 border
+  colorBorderBg: 21,
+  controlTmpOutline: 22,
+  // 41-60 留给 fill
+  colorFillAlter: 41,
+  colorFillContent: 42,
+  colorFillContentHover: 43,
+  // 61-80 留给 bg
+  controlItemBgActive: 61,
+  controlItemBgActiveHover: 62,
+  controlItemBgHover: 63
+};
+function sortToken(arr) {
+  if (!arr) {
+    return arr;
+  }
+  return arr.sort((a, b) => {
+    if (tokenOrder[a] && !tokenOrder[b]) {
+      return -1;
+    }
+    if (!tokenOrder[a] && tokenOrder[b]) {
+      return 1;
+    }
+    if (tokenOrder[a] && tokenOrder[b]) {
+      return tokenOrder[a] - tokenOrder[b];
+    }
+    return a.localeCompare(b);
+  });
+}
+const seedRelatedMap = {
+  colorPrimary: ['colorPrimaryBg', 'colorPrimaryBgHover', 'colorPrimaryBorder', 'colorPrimaryBorderHover', 'colorPrimaryHover', 'colorPrimary', 'colorPrimaryActive', 'colorPrimaryTextHover', 'colorPrimaryText', 'colorPrimaryTextActive'],
+  colorError: ['colorErrorBg', 'colorErrorBgHover', 'colorErrorBorder', 'colorErrorBorderHover', 'colorErrorHover', 'colorError', 'colorErrorActive', 'colorErrorTextHover', 'colorErrorText', 'colorErrorTextActive'],
+  colorWarning: ['colorWarningBg', 'colorWarningBgHover', 'colorWarningBorder', 'colorWarningBorderHover', 'colorWarningHover', 'colorWarning', 'colorWarningActive', 'colorWarningTextHover', 'colorWarningText', 'colorWarningTextActive'],
+  colorSuccess: ['colorSuccessBg', 'colorSuccessBgHover', 'colorSuccessBorder', 'colorSuccessBorderHover', 'colorSuccessHover', 'colorSuccess', 'colorSuccessActive', 'colorSuccessTextHover', 'colorSuccessText', 'colorSuccessTextActive'],
+  colorInfo: ['colorInfoBg', 'colorInfoBgHover', 'colorInfoBorder', 'colorInfoBorderHover', 'colorInfoHover', 'colorInfo', 'colorInfoActive', 'colorInfoTextHover', 'colorInfoText', 'colorInfoTextActive'],
+  colorTextBase: ['colorText', 'colorTextSecondary', 'colorTextTertiary', 'colorTextQuaternary'],
+  colorBgBase: ['colorBgContainer', 'colorBgElevated', 'colorBgLayout', 'colorBgSpotlight', 'colorBgMask', 'colorBorder', 'colorBorderSecondary', 'colorFill', 'colorFillSecondary', 'colorFillTertiary', 'colorFillQuaternary']
+};
+exports.seedRelatedMap = seedRelatedMap;
+const getMapRelatedAlias = () => {
+  const mapRelatedAlias = {};
+  const mapFn = _default().default;
+  const mapToken = mapFn(_objectSpread({}, _seed().default));
+  const aliasToken = (0, _alias().default)(_objectSpread(_objectSpread({}, mapToken), {}, {
+    override: {}
+  }));
+  Object.keys(mapToken).forEach(mapKey => {
+    delete aliasToken[mapKey];
+  });
+  Object.keys(mapToken).forEach(mapKey => {
+    const newAlias = (0, _alias().default)(_objectSpread(_objectSpread({}, mapToken), {}, {
+      [mapKey]: 'changed',
+      override: {}
+    }));
+    Object.keys(aliasToken).forEach(aliasKey => {
+      if (aliasToken[aliasKey] !== newAlias[aliasKey]) {
+        if (!mapRelatedAlias[mapKey]) {
+          mapRelatedAlias[mapKey] = [];
+        }
+        mapRelatedAlias[mapKey].push(aliasKey);
+      }
+    });
+    mapRelatedAlias[mapKey] = sortToken(mapRelatedAlias[mapKey]);
+  });
+  return mapRelatedAlias;
+};
+const mapRelatedAlias = getMapRelatedAlias();
+exports.mapRelatedAlias = mapRelatedAlias;
+const getSeedRelatedAlias = () => {
+  const result = {};
+  Object.keys(_seed().default).forEach(key => {
+    var _seedRelatedMap$seedK;
+    const seedKey = key;
+    const arr = mapRelatedAlias[seedKey] || [];
+    (_seedRelatedMap$seedK = seedRelatedMap[seedKey]) === null || _seedRelatedMap$seedK === void 0 ? void 0 : _seedRelatedMap$seedK.forEach(mapKey => {
+      var _mapRelatedAlias$mapK;
+      arr.push(...((_mapRelatedAlias$mapK = mapRelatedAlias[mapKey]) !== null && _mapRelatedAlias$mapK !== void 0 ? _mapRelatedAlias$mapK : []));
+    });
+    if (arr.length) {
+      result[key] = sortToken(Array.from(new Set(arr)));
+    }
+  });
+  return result;
+};
+const seedRelatedAlias = getSeedRelatedAlias();
+exports.seedRelatedAlias = seedRelatedAlias;

package/lib/client/antd-token-previewer/meta/category.d.ts

@@ -0,0 +1,4 @@
+import type { AliasToken } from '../interface';
+import type { TokenTree } from './interface';
+declare const category: TokenTree<keyof AliasToken | string>;
+export default category;