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

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

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TokenRelation = require("./TokenRelation");
+var _seedRelatedMap$color, _seedRelatedMap$color2, _seedRelatedAlias$col, _seedRelatedAlias$col2;
+const category = [{
+  name: '颜色',
+  nameEn: 'Color',
+  desc: '',
+  descEn: '',
+  groups: [{
+    key: 'brandColor',
+    type: 'Color',
+    name: '品牌色',
+    nameEn: 'Brand Color',
+    desc: '品牌色是体现产品特性和传播理念最直观的视觉元素之一。在你完成品牌主色的选取之后，我们会自动帮你生成一套完整的色板，并赋予它们有效的设计语义。',
+    descEn: 'Brand color is one of the most direct visual elements to reflect the characteristics and communication of the product. After you have selected the brand color, we will automatically generate a complete color palette and assign it effective design semantics.',
+    seedToken: ['colorPrimary'],
+    mapToken: _TokenRelation.seedRelatedMap.colorPrimary,
+    aliasToken: _TokenRelation.seedRelatedAlias.colorPrimary
+  }, {
+    key: 'successColor',
+    type: 'Color',
+    name: '成功色',
+    nameEn: 'Success Color',
+    desc: '用于表示操作成功的 Token 序列，如 Result、Progress 等组件会使用该组梯度变量。',
+    descEn: 'Used to represent the token sequence of operation success, such as Result, Progress and other components will use these map tokens.',
+    seedToken: ['colorSuccess'],
+    mapToken: _TokenRelation.seedRelatedMap.colorSuccess,
+    aliasToken: _TokenRelation.seedRelatedAlias.colorSuccess
+  }, {
+    key: 'warningColor',
+    type: 'Color',
+    name: '警戒色',
+    nameEn: 'Warning Color',
+    desc: '用于表示操作警告的 Token 序列，如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。',
+    descEn: 'Used to represent the warning map token, such as Notification, Alert, etc. Alert or Control component(like Input) will use these map tokens.',
+    seedToken: ['colorWarning'],
+    mapToken: _TokenRelation.seedRelatedMap.colorWarning,
+    aliasToken: _TokenRelation.seedRelatedAlias.colorWarning
+  }, {
+    key: 'errorColor',
+    type: 'Color',
+    name: '错误色',
+    nameEn: 'Error Color',
+    desc: '用于表示操作失败的 Token 序列，如失败按钮、错误状态提示（Result）组件等。',
+    descEn: 'Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc.',
+    seedToken: ['colorError'],
+    mapToken: _TokenRelation.seedRelatedMap.colorError,
+    aliasToken: _TokenRelation.seedRelatedAlias.colorError
+  }, {
+    key: 'infoColor',
+    type: 'Color',
+    name: '信息色',
+    nameEn: 'Info Color',
+    desc: '用于表示操作信息的 Token 序列，如 Alert 、Tag、 Progress 等组件都有用到该组梯度变量。',
+    descEn: 'Used to represent the operation information of the Token sequence, such as Alert, Tag, Progress, and other components use these map tokens.',
+    seedToken: ['colorInfo'],
+    mapToken: _TokenRelation.seedRelatedMap.colorInfo,
+    aliasToken: _TokenRelation.seedRelatedAlias.colorInfo
+  }, {
+    key: 'neutralColor',
+    type: 'Color',
+    name: '中性色',
+    nameEn: 'Neutral Color',
+    desc: '中性色主要被大量的应用在界面的文字、背景、边框和填充的 4 种场景。合理地选择中性色能够令页面信息具备良好的主次关系，助力阅读体验。',
+    descEn: 'Neutral color is mainly applied to the four scenarios of text, background, border and fill in the interface. Reasonable selection of neutral colors can make the page information have a good primary and secondary relationship, and help the reading experience.',
+    seedToken: ['colorTextBase', 'colorBgBase'],
+    mapToken: (_seedRelatedMap$color = _TokenRelation.seedRelatedMap.colorTextBase) === null || _seedRelatedMap$color === void 0 ? void 0 : _seedRelatedMap$color.concat((_seedRelatedMap$color2 = _TokenRelation.seedRelatedMap.colorBgBase) !== null && _seedRelatedMap$color2 !== void 0 ? _seedRelatedMap$color2 : []),
+    aliasToken: (_seedRelatedAlias$col = _TokenRelation.seedRelatedAlias.colorTextBase) === null || _seedRelatedAlias$col === void 0 ? void 0 : _seedRelatedAlias$col.concat((_seedRelatedAlias$col2 = _TokenRelation.seedRelatedAlias.colorBgBase) !== null && _seedRelatedAlias$col2 !== void 0 ? _seedRelatedAlias$col2 : []),
+    aliasTokenDescription: '你可以利用 Alias Token 来精准控制部分组件的效果。例如 Input 、InputNumber、Select 等Control 类组件都共享了相同的 controlXX token 。只需修改值，即可实现不改变 Button 的情况下，修改 Control 类组件的效果。',
+    mapTokenGroups: ['text', 'border', 'fill', 'background']
+  }, {
+    key: 'headerColor',
+    type: 'Color',
+    name: '导航色',
+    nameEn: 'Header Color',
+    desc: '只会影响页面顶部的导航栏',
+    descEn: 'Only affects the navigation bar at the top of the page.',
+    // seedToken: ['colorPrimaryHeader'],
+    seedToken: ['colorBgHeader', 'colorBgHeaderMenuHover', 'colorBgHeaderMenuActive', 'colorTextHeaderMenu', 'colorTextHeaderMenuHover', 'colorTextHeaderMenuActive'],
+    seedTokenAlpha: true
+  }, {
+    key: 'settingsColor',
+    type: 'Color',
+    name: 'UI 配置色',
+    nameEn: 'UI Settings Color',
+    desc: '用于更改 UI 配置组件的颜色',
+    descEn: 'Used to change the color of the UI Settings component.',
+    // seedToken: ['colorPrimarySettings'],
+    seedToken: ['colorSettings'],
+    seedTokenAlpha: true,
+    mapToken: ['colorBgSettingsHover', 'colorBorderSettingsHover']
+  }]
+}, {
+  name: '尺寸',
+  nameEn: 'Size',
+  desc: '',
+  descEn: '',
+  groups: [{
+    key: 'font',
+    name: '文字',
+    nameEn: 'Font',
+    desc: '',
+    descEn: '',
+    seedToken: ['fontSize'],
+    groups: [{
+      key: 'fontSize',
+      type: 'FontSize',
+      name: '字号',
+      nameEn: 'Font Size',
+      desc: '',
+      descEn: '',
+      mapToken: ['fontSize', 'fontSizeSM', 'fontSizeLG', 'fontSizeXL', 'fontSizeHeading1', 'fontSizeHeading2', 'fontSizeHeading3', 'fontSizeHeading4', 'fontSizeHeading5'],
+      aliasToken: ['fontSizeIcon']
+    }, {
+      key: 'lineHeight',
+      type: 'LineHeight',
+      name: '行高',
+      nameEn: 'Line Height',
+      desc: '',
+      descEn: '',
+      mapToken: ['lineHeight', 'lineHeightSM', 'lineHeightLG', 'lineHeightHeading1', 'lineHeightHeading2', 'lineHeightHeading3', 'lineHeightHeading4', 'lineHeightHeading5']
+    }]
+  }, {
+    key: 'spacing',
+    name: '间距',
+    nameEn: 'Spacing',
+    desc: '',
+    descEn: '',
+    seedToken: ['sizeStep', 'sizeUnit'],
+    groups: [{
+      key: 'margin',
+      type: 'Margin',
+      name: '外间距',
+      nameEn: 'Margin',
+      desc: '',
+      descEn: '',
+      mapToken: ['marginXXS', 'marginXS', 'marginSM', 'margin', 'marginMD', 'marginLG', 'marginXL', 'marginXXL']
+    }, {
+      key: 'padding',
+      type: 'Padding',
+      name: '内间距',
+      nameEn: 'Padding',
+      desc: '',
+      descEn: '',
+      mapToken: ['paddingXXS', 'paddingXS', 'paddingSM', 'padding', 'paddingMD', 'paddingLG', 'paddingXL'],
+      aliasToken: ['paddingContentHorizontal', 'paddingContentVertical', 'paddingContentHorizontalSM', 'paddingContentVerticalSM', 'paddingContentHorizontalLG', 'paddingContentVerticalLG']
+    }]
+  }]
+}, {
+  name: '风格',
+  nameEn: 'Style',
+  desc: '',
+  descEn: '',
+  groups: [{
+    key: 'borderRadius',
+    type: 'BorderRadius',
+    name: '圆角',
+    nameEn: 'Border Radius',
+    desc: '',
+    descEn: '',
+    seedToken: ['borderRadius'],
+    mapToken: ['borderRadius', 'borderRadiusSM', 'borderRadiusLG', 'borderRadiusXS']
+  }, {
+    key: 'boxShadow',
+    type: 'BoxShadow',
+    name: '阴影',
+    nameEn: 'Shadow',
+    desc: '',
+    descEn: '',
+    mapToken: ['boxShadow', 'boxShadowSecondary']
+  }]
+}, {
+  name: '其他',
+  nameEn: 'Others',
+  desc: '',
+  descEn: '',
+  groups: [{
+    key: 'other',
+    type: 'other',
+    name: '其他',
+    nameEn: 'Others',
+    desc: '',
+    descEn: '',
+    seedToken: ['wireframe']
+  }]
+}];
+var _default = category;
+exports.default = _default;

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

@@ -0,0 +1 @@
+export { default as tokenCategory } from './category';

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "tokenCategory", {
+  enumerable: true,
+  get: function get() {
+    return _category.default;
+  }
+});
+var _category = _interopRequireDefault(require("./category"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,34 @@
+import type { ComponentTokenMap } from 'antd/es/theme/interface';
+export interface TokenMeta {
+    type: string;
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    source: 'seed' | 'map' | 'alias' | 'custom' | keyof ComponentTokenMap;
+}
+export type TokenMetaMap = Record<string, TokenMeta>;
+export type TokenGroup<T> = {
+    key: string;
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    type?: string;
+    seedToken?: T[];
+    /** make seedToken can be alpha */
+    seedTokenAlpha?: boolean;
+    mapToken?: T[];
+    aliasToken?: T[];
+    groups?: TokenGroup<T>[];
+    mapTokenGroups?: string[];
+    aliasTokenDescription?: string;
+};
+export type TokenCategory<T> = {
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    groups: TokenGroup<T>[];
+};
+export type TokenTree<T extends string = string> = TokenCategory<T>[];

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

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

package/lib/client/antd-token-previewer/overviews/Error.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Error: () => React.JSX.Element;

package/lib/client/antd-token-previewer/overviews/Error.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Error = void 0;
+function _layoutKit() {
+  const data = require("@arvinxu/layout-kit");
+  _layoutKit = function _layoutKit() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _error = _interopRequireDefault(require("../component-demos/alert/error"));
+var _badge = _interopRequireDefault(require("../component-demos/badge/badge"));
+var _dangerButton = _interopRequireDefault(require("../component-demos/button/dangerButton"));
+var _dropdownError = _interopRequireDefault(require("../component-demos/dropdown/dropdownError"));
+var _menuDanger = _interopRequireDefault(require("../component-demos/menu/menuDanger"));
+var _error2 = _interopRequireDefault(require("../component-demos/message/error"));
+var _error3 = _interopRequireDefault(require("../component-demos/notification/error"));
+var _danger = _interopRequireDefault(require("../component-demos/progress/danger"));
+var _error4 = _interopRequireDefault(require("../component-demos/tag/error"));
+var _danger2 = _interopRequireDefault(require("../component-demos/timeline/danger"));
+var _danger3 = _interopRequireDefault(require("../component-demos/upload/danger"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Error = () => {
+  return _react().default.createElement(_antd().Card, {
+    size: 'small'
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    align: 'start',
+    gap: 24
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    gap: 24
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    align: 'center',
+    gap: 12,
+    style: {
+      marginTop: 8
+    }
+  }, _dangerButton.default.demo, _react().default.createElement("div", null, _error4.default.demo), _badge.default.demo), _error.default.demo), _react().default.createElement(_layoutKit().Flexbox, {
+    align: 'center',
+    gap: 28
+  }, _error2.default.demo, _danger.default.demo)), _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 40,
+    style: {
+      marginTop: 32
+    }
+  }, _react().default.createElement("div", null, _error3.default.demo), _react().default.createElement("div", null, _danger2.default.demo)), _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 40
+  }, _menuDanger.default.demo, _react().default.createElement("div", {
+    style: {
+      width: 300
+    }
+  }, _danger3.default.demo), _dropdownError.default.demo));
+};
+exports.Error = Error;

package/lib/client/antd-token-previewer/overviews/Primary.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Primary: {
+    ({ id }: {
+        id?: string;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/lib/client/antd-token-previewer/overviews/Primary.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Primary = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _buttonIcon = _interopRequireDefault(require("../component-demos/button/button-icon"));
+var _menu = _interopRequireDefault(require("../component-demos/menu/menu"));
+var _outline = _interopRequireDefault(require("../component-demos/pagination/outline"));
+var _popconfirm = _interopRequireDefault(require("../component-demos/popconfirm/popconfirm"));
+var _radio = _interopRequireDefault(require("../component-demos/radio/radio"));
+var _steps = _interopRequireDefault(require("../component-demos/steps/steps"));
+var _tabs = _interopRequireDefault(require("../component-demos/tabs/tabs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Primary = ({
+  id
+}) => {
+  return _react().default.createElement(_antd().Card, {
+    size: 'small',
+    bordered: false,
+    id: id
+  }, _react().default.createElement(_antd().Space, {
+    direction: 'vertical'
+  }, _react().default.createElement(_antd().Space, {
+    align: 'start',
+    size: 'large'
+  }, _menu.default.demo, _react().default.createElement(_antd().Space, {
+    direction: 'vertical',
+    size: 'large'
+  }, _react().default.createElement(_antd().Space, {
+    size: 'large',
+    align: 'start'
+  }, _react().default.createElement(_antd().Space, {
+    direction: 'vertical',
+    size: 'large'
+  }, _react().default.createElement("div", null, _buttonIcon.default.demo), _react().default.createElement("div", null, _react().default.createElement("span", null, _radio.default.demo)), _tabs.default.demo, _popconfirm.default.demo)), _outline.default.demo, _react().default.createElement("div", {
+    style: {
+      padding: 12
+    }
+  }, _steps.default.demo), _react().default.createElement(_antd().Space, {
+    size: 'large',
+    align: 'start'
+  })))));
+};
+exports.Primary = Primary;
+Primary.displayName = 'Primary';

package/lib/client/antd-token-previewer/overviews/Success.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Success: () => React.JSX.Element;

package/lib/client/antd-token-previewer/overviews/Success.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Success = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _success = _interopRequireDefault(require("../component-demos/alert/success"));
+var _success2 = _interopRequireDefault(require("../component-demos/input/success"));
+var _success3 = _interopRequireDefault(require("../component-demos/message/success"));
+var _success4 = _interopRequireDefault(require("../component-demos/notification/success"));
+var _success5 = _interopRequireDefault(require("../component-demos/progress/success"));
+var _success6 = _interopRequireDefault(require("../component-demos/result/success"));
+var _success7 = _interopRequireDefault(require("../component-demos/tag/success"));
+var _success8 = _interopRequireDefault(require("../component-demos/timeline/success"));
+function _layoutKit() {
+  const data = require("@arvinxu/layout-kit");
+  _layoutKit = function _layoutKit() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Success = () => {
+  return _react().default.createElement(_antd().Card, {
+    size: 'small'
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    align: 'start',
+    gap: 24
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    gap: 40
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    align: 'center',
+    gap: 12
+  }, _react().default.createElement("div", null, _success7.default.demo), _success2.default.demo), _success.default.demo), _react().default.createElement(_layoutKit().Flexbox, {
+    align: 'center',
+    gap: 28
+  }, _success3.default.demo, _success5.default.demo)), _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 40,
+    style: {
+      marginTop: 32
+    }
+  }, _react().default.createElement("div", null, _success4.default.demo), _react().default.createElement("div", null, _success8.default.demo)), _success6.default.demo);
+};
+exports.Success = Success;

package/lib/client/antd-token-previewer/overviews/Warning.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Warning: () => React.JSX.Element;

package/lib/client/antd-token-previewer/overviews/Warning.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Warning = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _warning = _interopRequireDefault(require("../component-demos/alert/warning"));
+var _warning2 = _interopRequireDefault(require("../component-demos/badge/warning"));
+var _warning3 = _interopRequireDefault(require("../component-demos/input/warning"));
+var _warning4 = _interopRequireDefault(require("../component-demos/message/warning"));
+var _warning5 = _interopRequireDefault(require("../component-demos/modal/warning"));
+var _warning6 = _interopRequireDefault(require("../component-demos/notification/warning"));
+var _popconfirm = _interopRequireDefault(require("../component-demos/popconfirm/popconfirm"));
+var _warning7 = _interopRequireDefault(require("../component-demos/result/warning"));
+var _warning8 = _interopRequireDefault(require("../component-demos/tag/warning"));
+var _warningText = _interopRequireDefault(require("../component-demos/typography/warningText"));
+var _warningTitle = _interopRequireDefault(require("../component-demos/typography/warningTitle"));
+function _layoutKit() {
+  const data = require("@arvinxu/layout-kit");
+  _layoutKit = function _layoutKit() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Warning = () => {
+  return _react().default.createElement(_antd().Card, {
+    size: 'small'
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    align: 'start',
+    gap: 24
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    gap: 24
+  }, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 12
+  }, _react().default.createElement("div", {
+    style: {
+      width: 200
+    }
+  }, _warningTitle.default.demo), _react().default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, _warning3.default.demo)), _warning.default.demo), _react().default.createElement(_layoutKit().Flexbox, {
+    align: 'center',
+    gap: 28
+  }, _warning4.default.demo, _popconfirm.default.demo, _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 16
+  }, _warning2.default.demo, _warning8.default.demo, _warningText.default.demo))), _react().default.createElement(_layoutKit().Flexbox, {
+    horizontal: true,
+    gap: 24,
+    style: {
+      marginTop: 32
+    }
+  }, _react().default.createElement("div", null, _warning6.default.demo), _react().default.createElement("div", null, _warning5.default.demo)), _warning7.default.demo);
+};
+exports.Warning = Warning;

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

@@ -0,0 +1,4 @@
+export * from './Error';
+export * from './Primary';
+export * from './Success';
+export * from './Warning';

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Error = require("./Error");
+Object.keys(_Error).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Error[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Error[key];
+    }
+  });
+});
+var _Primary = require("./Primary");
+Object.keys(_Primary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Primary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Primary[key];
+    }
+  });
+});
+var _Success = require("./Success");
+Object.keys(_Success).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Success[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Success[key];
+    }
+  });
+});
+var _Warning = require("./Warning");
+Object.keys(_Warning).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Warning[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Warning[key];
+    }
+  });
+});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PreviewerProps } from './interface';
+declare const Previewer: React.FC<PreviewerProps>;
+export default Previewer;