@fle-ui/next 3.0.0-alpha.2 → 3.0.0-alpha.3

package/lib/theme/themes/shared/genFontSizes.js

@@ -0,0 +1,18 @@
+// https://zhuanlan.zhihu.com/p/32746810
+export default function getFontSizes(base) {
+  var fontSizes = new Array(10).fill(null).map(function (_, index) {
+    var i = index - 1;
+    var baseSize = base * Math.pow(2.71828, i / 5);
+    var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize); // Convert to even
+
+    return Math.floor(intSize / 2) * 2;
+  });
+  fontSizes[1] = base;
+  return fontSizes.map(function (size) {
+    var height = size + 8;
+    return {
+      size: size,
+      lineHeight: height / size
+    };
+  });
+}

package/lib/theme/themes/shared/genRadius.d.ts

@@ -0,0 +1,3 @@
+import type { MapToken } from 'antd/es/theme/interface';
+declare const genRadius: (radiusBase: number) => Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'>;
+export default genRadius;

package/lib/theme/themes/shared/genRadius.js

@@ -0,0 +1,51 @@
+var genRadius = function genRadius(radiusBase) {
+  var radiusLG = radiusBase;
+  var radiusSM = radiusBase;
+  var radiusXS = radiusBase;
+  var radiusOuter = radiusBase; // radiusLG
+
+  if (radiusBase < 6 && radiusBase >= 5) {
+    radiusLG = radiusBase + 1;
+  } else if (radiusBase < 16 && radiusBase >= 6) {
+    radiusLG = radiusBase + 2;
+  } else if (radiusBase >= 16) {
+    radiusLG = 16;
+  } // radiusSM
+
+
+  if (radiusBase < 7 && radiusBase >= 5) {
+    radiusSM = 4;
+  } else if (radiusBase < 8 && radiusBase >= 7) {
+    radiusSM = 5;
+  } else if (radiusBase < 14 && radiusBase >= 8) {
+    radiusSM = 6;
+  } else if (radiusBase < 16 && radiusBase >= 14) {
+    radiusSM = 7;
+  } else if (radiusBase >= 16) {
+    radiusSM = 8;
+  } // radiusXS
+
+
+  if (radiusBase < 6 && radiusBase >= 2) {
+    radiusXS = 1;
+  } else if (radiusBase >= 6) {
+    radiusXS = 2;
+  } // radiusOuter
+
+
+  if (radiusBase > 4 && radiusBase < 8) {
+    radiusOuter = 4;
+  } else if (radiusBase >= 8) {
+    radiusOuter = 6;
+  }
+
+  return {
+    borderRadius: radiusBase > 16 ? 16 : radiusBase,
+    borderRadiusXS: radiusXS,
+    borderRadiusSM: radiusSM,
+    borderRadiusLG: radiusLG,
+    borderRadiusOuter: radiusOuter
+  };
+};
+
+export default genRadius;

package/lib/theme/themes/shared/genSizeMapToken.d.ts

@@ -0,0 +1,2 @@
+import type { SeedToken, SizeMapToken } from 'antd/es/theme/interface';
+export default function genSizeMapToken(token: SeedToken): SizeMapToken;

package/lib/theme/themes/shared/genSizeMapToken.js

@@ -0,0 +1,24 @@
+export default function genSizeMapToken(token) {
+  var sizeUnit = token.sizeUnit,
+      sizeStep = token.sizeStep;
+  return {
+    sizeXXL: sizeUnit * (sizeStep + 8),
+    // 48
+    sizeXL: sizeUnit * (sizeStep + 4),
+    // 32
+    sizeLG: sizeUnit * (sizeStep + 2),
+    // 24
+    sizeMD: sizeUnit * (sizeStep + 1),
+    // 20
+    sizeMS: sizeUnit * sizeStep,
+    // 16
+    size: sizeUnit * sizeStep,
+    // 16
+    sizeSM: sizeUnit * (sizeStep - 1),
+    // 12
+    sizeXS: sizeUnit * (sizeStep - 2),
+    // 8
+    sizeXXS: sizeUnit * (sizeStep - 3) // 4
+
+  };
+}

package/lib/theme/util/alias.d.ts

@@ -0,0 +1,12 @@
+import type { AliasToken, MapToken, OverrideToken } from '../interface';
+/** Raw merge of `@ant-design/cssinjs` token. Which need additional process */
+type RawMergedToken = MapToken & OverrideToken & {
+    override: Partial<AliasToken>;
+};
+/**
+ * Seed (designer) > Derivative (designer) > Alias (developer).
+ *
+ * Merge seed & derivative & override token and generate alias token for developer.
+ */
+export default function formatToken(derivativeToken: RawMergedToken): AliasToken;
+export {};

package/lib/theme/util/alias.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = formatToken;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _tinycolor = require("@ctrl/tinycolor");
+
+var _getAlphaColor = _interopRequireDefault(require("./getAlphaColor"));
+
+var _seed = _interopRequireDefault(require("../themes/seed"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/**
+ * Seed (designer) > Derivative (designer) > Alias (developer).
+ *
+ * Merge seed & derivative & override token and generate alias token for developer.
+ */
+
+
+function formatToken(derivativeToken) {
+  var override = derivativeToken.override,
+      restToken = __rest(derivativeToken, ["override"]);
+
+  var overrideTokens = (0, _extends2["default"])({}, override);
+  Object.keys(_seed["default"]).forEach(function (token) {
+    delete overrideTokens[token];
+  });
+  var mergedToken = (0, _extends2["default"])((0, _extends2["default"])({}, restToken), overrideTokens);
+  var fontSizes = mergedToken.fontSizes,
+      lineHeights = mergedToken.lineHeights;
+  var screenXS = 480;
+  var screenSM = 576;
+  var screenMD = 768;
+  var screenLG = 992;
+  var screenXL = 1200;
+  var screenXXL = 1600;
+  var fontSizeSM = fontSizes[0]; // Generate alias token
+
+  var aliasToken = (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, mergedToken), {
+    colorLink: mergedToken.colorInfoText,
+    colorLinkHover: mergedToken.colorInfoHover,
+    colorLinkActive: mergedToken.colorInfoActive,
+    // ============== Background ============== //
+    colorFillContent: mergedToken.colorFillSecondary,
+    colorFillContentHover: mergedToken.colorFill,
+    colorFillAlter: mergedToken.colorFillQuaternary,
+    colorBgContainerDisabled: mergedToken.colorFillTertiary,
+    // ============== Split ============== //
+    colorBorderBg: mergedToken.colorBgContainer,
+    colorSplit: (0, _getAlphaColor["default"])(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
+    // ============== Text ============== //
+    colorTextPlaceholder: mergedToken.colorTextQuaternary,
+    colorTextDisabled: mergedToken.colorTextQuaternary,
+    colorTextHeading: mergedToken.colorText,
+    colorTextLabel: mergedToken.colorTextSecondary,
+    colorTextDescription: mergedToken.colorTextTertiary,
+    colorTextLightSolid: mergedToken.colorWhite,
+    colorHighlight: mergedToken.colorError,
+    colorBgTextHover: mergedToken.colorFillSecondary,
+    colorBgTextActive: mergedToken.colorFill,
+    colorIcon: mergedToken.colorTextTertiary,
+    colorIconHover: mergedToken.colorText,
+    colorErrorOutline: (0, _getAlphaColor["default"])(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
+    colorWarningOutline: (0, _getAlphaColor["default"])(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
+    // Font
+    fontSizeSM: fontSizeSM,
+    fontSize: fontSizes[1],
+    fontSizeLG: fontSizes[2],
+    fontSizeXL: fontSizes[3],
+    fontSizeHeading1: fontSizes[6],
+    fontSizeHeading2: fontSizes[5],
+    fontSizeHeading3: fontSizes[4],
+    fontSizeHeading4: fontSizes[3],
+    fontSizeHeading5: fontSizes[2],
+    fontSizeIcon: fontSizeSM,
+    lineHeight: lineHeights[1],
+    lineHeightLG: lineHeights[2],
+    lineHeightSM: lineHeights[0],
+    lineHeightHeading1: lineHeights[6],
+    lineHeightHeading2: lineHeights[5],
+    lineHeightHeading3: lineHeights[4],
+    lineHeightHeading4: lineHeights[3],
+    lineHeightHeading5: lineHeights[2],
+    // Control
+    lineWidth: mergedToken.lineWidth,
+    controlOutlineWidth: mergedToken.lineWidth * 2,
+    // Checkbox size and expand icon size
+    controlInteractiveSize: mergedToken.controlHeight / 2,
+    controlItemBgHover: mergedToken.colorFillTertiary,
+    controlItemBgActive: mergedToken.colorPrimaryBg,
+    controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
+    controlItemBgActiveDisabled: mergedToken.colorFill,
+    controlTmpOutline: mergedToken.colorFillQuaternary,
+    controlOutline: (0, _getAlphaColor["default"])(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
+    lineType: mergedToken.lineType,
+    borderRadius: mergedToken.borderRadius,
+    borderRadiusXS: mergedToken.borderRadiusXS,
+    borderRadiusSM: mergedToken.borderRadiusSM,
+    borderRadiusLG: mergedToken.borderRadiusLG,
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: 'none',
+    linkHoverDecoration: 'none',
+    linkFocusDecoration: 'none',
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: mergedToken.sizeXXS,
+    paddingXS: mergedToken.sizeXS,
+    paddingSM: mergedToken.sizeSM,
+    padding: mergedToken.size,
+    paddingMD: mergedToken.sizeMD,
+    paddingLG: mergedToken.sizeLG,
+    paddingXL: mergedToken.sizeXL,
+    paddingContentHorizontalLG: mergedToken.sizeLG,
+    paddingContentVerticalLG: mergedToken.sizeMS,
+    paddingContentHorizontal: mergedToken.sizeMS,
+    paddingContentVertical: mergedToken.sizeSM,
+    paddingContentHorizontalSM: mergedToken.size,
+    paddingContentVerticalSM: mergedToken.sizeXS,
+    marginXXS: mergedToken.sizeXXS,
+    marginXS: mergedToken.sizeXS,
+    marginSM: mergedToken.sizeSM,
+    margin: mergedToken.size,
+    marginMD: mergedToken.sizeMD,
+    marginLG: mergedToken.sizeLG,
+    marginXL: mergedToken.sizeXL,
+    marginXXL: mergedToken.sizeXXL,
+    boxShadow: "\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ",
+    boxShadowSecondary: "\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    screenXS: screenXS,
+    screenXSMin: screenXS,
+    screenXSMax: screenSM - 1,
+    screenSM: screenSM,
+    screenSMMin: screenSM,
+    screenSMMax: screenMD - 1,
+    screenMD: screenMD,
+    screenMDMin: screenMD,
+    screenMDMax: screenLG - 1,
+    screenLG: screenLG,
+    screenLGMin: screenLG,
+    screenLGMax: screenXL - 1,
+    screenXL: screenXL,
+    screenXLMin: screenXL,
+    screenXLMax: screenXXL - 1,
+    screenXXL: screenXXL,
+    screenXXLMin: screenXXL,
+    // FIXME: component box-shadow, should be removed
+    boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
+    boxShadowCard: "\n      0 1px 2px -2px " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + ",\n      0 3px 6px 0 " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + ",\n      0 5px 12px 4px " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + "\n    ",
+    boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    boxShadowDrawerDown: "\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
+  }), overrideTokens);
+  return aliasToken;
+}

package/lib/theme/util/genComponentStyleHook.d.ts

@@ -0,0 +1,25 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { UseComponentStyleResult } from '../internal';
+import type { ComponentTokenMap, GlobalToken } from '../interface';
+export type OverrideTokenWithoutDerivative = ComponentTokenMap;
+export type OverrideComponent = keyof OverrideTokenWithoutDerivative;
+export type GlobalTokenWithComponent<ComponentName extends OverrideComponent> = GlobalToken & ComponentTokenMap[ComponentName];
+export interface StyleInfo<ComponentName extends OverrideComponent> {
+    hashId: string;
+    prefixCls: string;
+    rootPrefixCls: string;
+    iconPrefixCls: string;
+    overrideComponentToken: ComponentTokenMap[ComponentName];
+}
+export type TokenWithCommonCls<T> = T & {
+    /** Wrap component class with `.` prefix */
+    componentCls: string;
+    /** Origin prefix which do not have `.` prefix */
+    prefixCls: string;
+    /** Wrap icon class with `.` prefix */
+    iconCls: string;
+    /** Wrap ant prefixCls class with `.` prefix */
+    antCls: string;
+};
+export type FullToken<ComponentName extends OverrideComponent> = TokenWithCommonCls<GlobalTokenWithComponent<ComponentName>>;
+export default function genComponentStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (prefixCls: string) => UseComponentStyleResult;

package/lib/theme/util/genComponentStyleHook.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = genComponentStyleHook;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _cssinjs = require("@ant-design/cssinjs");
+
+var _react = require("react");
+
+var _style = require("../../style");
+
+var _context = require("../../config-provider/context");
+
+var _internal = require("../internal");
+
+function genComponentStyleHook(component, styleFn, getDefaultToken) {
+  return function (prefixCls) {
+    var _useToken = (0, _internal.useToken)(),
+        _useToken2 = (0, _slicedToArray2["default"])(_useToken, 3),
+        theme = _useToken2[0],
+        token = _useToken2[1],
+        hashId = _useToken2[2];
+
+    var _useContext = (0, _react.useContext)(_context.ConfigContext),
+        getPrefixCls = _useContext.getPrefixCls,
+        iconPrefixCls = _useContext.iconPrefixCls;
+
+    var rootPrefixCls = getPrefixCls(); // Generate style for all a tags in antd component.
+
+    (0, _cssinjs.useStyleRegister)({
+      theme: theme,
+      token: token,
+      hashId: hashId,
+      path: ['Shared', rootPrefixCls]
+    }, function () {
+      return [{
+        // Link
+        '&': (0, _style.genLinkStyle)(token)
+      }];
+    });
+    return [(0, _cssinjs.useStyleRegister)({
+      theme: theme,
+      token: token,
+      hashId: hashId,
+      path: [component, prefixCls, iconPrefixCls]
+    }, function () {
+      var _statisticToken = (0, _internal.statisticToken)(token),
+          proxyToken = _statisticToken.token,
+          flush = _statisticToken.flush;
+
+      var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;
+      var mergedComponentToken = (0, _extends2["default"])((0, _extends2["default"])({}, defaultComponentToken), token[component]);
+      var componentCls = "." + prefixCls;
+      var mergedToken = (0, _internal.mergeToken)(proxyToken, {
+        componentCls: componentCls,
+        prefixCls: prefixCls,
+        iconCls: "." + iconPrefixCls,
+        antCls: "." + rootPrefixCls
+      }, mergedComponentToken);
+      var styleInterpolation = styleFn(mergedToken, {
+        hashId: hashId,
+        prefixCls: prefixCls,
+        rootPrefixCls: rootPrefixCls,
+        iconPrefixCls: iconPrefixCls,
+        overrideComponentToken: token[component]
+      });
+      flush(component, mergedComponentToken);
+      return [(0, _style.genCommonStyle)(token, prefixCls), styleInterpolation];
+    }), hashId];
+  };
+}

package/lib/theme/util/getAlphaColor.d.ts

@@ -0,0 +1,2 @@
+declare function getAlphaColor(frontColor: string, backgroundColor: string): string;
+export default getAlphaColor;

package/lib/theme/util/getAlphaColor.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _tinycolor = require("@ctrl/tinycolor");
+
+function isStableColor(color) {
+  return color >= 0 && color <= 255;
+}
+
+function getAlphaColor(frontColor, backgroundColor) {
+  var _TinyColor$toRgb = new _tinycolor.TinyColor(frontColor).toRgb(),
+      fR = _TinyColor$toRgb.r,
+      fG = _TinyColor$toRgb.g,
+      fB = _TinyColor$toRgb.b,
+      originAlpha = _TinyColor$toRgb.a;
+
+  if (originAlpha < 1) {
+    return frontColor;
+  }
+
+  var _TinyColor$toRgb2 = new _tinycolor.TinyColor(backgroundColor).toRgb(),
+      bR = _TinyColor$toRgb2.r,
+      bG = _TinyColor$toRgb2.g,
+      bB = _TinyColor$toRgb2.b;
+
+  for (var fA = 0.01; fA <= 1; fA += 0.01) {
+    var r = Math.round((fR - bR * (1 - fA)) / fA);
+    var g = Math.round((fG - bG * (1 - fA)) / fA);
+    var b = Math.round((fB - bB * (1 - fA)) / fA);
+    if (isStableColor(r) && isStableColor(g) && isStableColor(b)) return new _tinycolor.TinyColor({
+      r: r,
+      g: g,
+      b: b,
+      a: Math.round(fA * 100) / 100
+    }).toRgbString();
+  } // fallback
+
+  /* istanbul ignore next */
+
+
+  return new _tinycolor.TinyColor({
+    r: fR,
+    g: fG,
+    b: fB,
+    a: 1
+  }).toRgbString();
+}
+
+var _default = getAlphaColor;
+exports["default"] = _default;

package/lib/theme/util/statistic.d.ts

@@ -0,0 +1,18 @@
+/**
+ * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to
+ * pass all value access in development. To support statistic field usage with alias token.
+ */
+export declare function merge<T extends object>(...objs: Partial<T>[]): T;
+/** @private Internal Usage. Not use in your production. */
+export declare const statistic: Record<string, {
+    global: string[];
+    component: Record<string, string | number>;
+}>;
+/** @private Internal Usage. Not use in your production. */
+export declare const _statistic_build_: typeof statistic;
+/** Statistic token usage case. Should use `merge` function if you do not want spread record. */
+export default function statisticToken<T extends object>(token: T): {
+    token: T;
+    keys: Set<string> | undefined;
+    flush: (componentName: string, componentToken: Record<string, string | number>) => void;
+};

package/lib/theme/util/statistic.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._statistic_build_ = void 0;
+exports["default"] = statisticToken;
+exports.merge = merge;
+exports.statistic = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var enableStatistic = process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';
+var recording = true;
+/**
+ * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to
+ * pass all value access in development. To support statistic field usage with alias token.
+ */
+
+function merge() {
+  for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {
+    objs[_key] = arguments[_key];
+  }
+  /* istanbul ignore next */
+
+
+  if (!enableStatistic) {
+    return _extends2["default"].apply(void 0, [{}].concat(objs));
+  }
+
+  recording = false;
+  var ret = {};
+  objs.forEach(function (obj) {
+    var keys = Object.keys(obj);
+    keys.forEach(function (key) {
+      Object.defineProperty(ret, key, {
+        configurable: true,
+        enumerable: true,
+        get: function get() {
+          return obj[key];
+        }
+      });
+    });
+  });
+  recording = true;
+  return ret;
+}
+/** @private Internal Usage. Not use in your production. */
+
+
+var statistic = {};
+/** @private Internal Usage. Not use in your production. */
+// eslint-disable-next-line camelcase
+
+exports.statistic = statistic;
+var _statistic_build_ = {};
+/* istanbul ignore next */
+
+exports._statistic_build_ = _statistic_build_;
+
+function noop() {}
+/** Statistic token usage case. Should use `merge` function if you do not want spread record. */
+
+
+function statisticToken(token) {
+  var tokenKeys;
+  var proxy = token;
+  var flush = noop;
+
+  if (enableStatistic) {
+    tokenKeys = new Set();
+    proxy = new Proxy(token, {
+      get: function get(obj, prop) {
+        if (recording) {
+          tokenKeys.add(prop);
+        }
+
+        return obj[prop];
+      }
+    });
+
+    flush = function flush(componentName, componentToken) {
+      statistic[componentName] = {
+        global: Array.from(tokenKeys),
+        component: componentToken
+      };
+    };
+  }
+
+  return {
+    token: proxy,
+    keys: tokenKeys,
+    flush: flush
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fle-ui/next",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "description": "fle-ui组件库",
   "license": "MIT",
   "main": "lib/index.js",