@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/components/Stepper/index.js

@@ -0,0 +1,118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Stepper/index.tsx
+var Stepper_exports = {};
+__export(Stepper_exports, {
+  default: () => Stepper
+});
+module.exports = __toCommonJS(Stepper_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_constants = require("../../constants");
+var import_Text = __toESM(require("../Text"));
+var import_designTokens = __toESM(require("./designTokens"));
+var import_style = require("./style/index.less");
+var Stepper = class extends import_react.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.descriptionText = (content) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_Text.default, { className: import_constants.cssClasses.PREFIX + "-stepper-description", size: "ContentC12Bold" }, content);
+    };
+  }
+  render() {
+    const { style, items, children, breakpoint, percent, current, nextStepText = "Next Step:" } = this.props;
+    const processedItems = items == null ? void 0 : items.map((item) => __spreadProps(__spreadValues({}, item), {
+      description: this.descriptionText(item.description)
+    }));
+    const processedChildren = children && import_react.default.Children.map(children, (child) => {
+      if (import_react.default.isValidElement(child)) {
+        return import_react.default.cloneElement(child, {
+          description: this.descriptionText(child.props.description)
+        });
+      }
+      return child;
+    });
+    const totalSteps = (items == null ? void 0 : items.length) || import_react.default.Children.count(children) || 0;
+    const getStepInfo = (items2, current2) => {
+      var _a, _b;
+      const hasNextStep = items2 && current2 !== void 0 && current2 < items2.length - 1;
+      return {
+        title: hasNextStep ? ((_a = items2[current2]) == null ? void 0 : _a.title) || "" : "",
+        nextStep: hasNextStep ? ((_b = items2[current2 + 1]) == null ? void 0 : _b.title) || "" : ""
+      };
+    };
+    const { title, nextStep } = getStepInfo(items, current);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.ConfigProvider,
+      {
+        prefixCls: import_constants.cssClasses.PREFIX,
+        theme: {
+          components: {
+            Steps: __spreadValues({}, import_designTokens.default)
+          },
+          cssVar: true,
+          hashed: false
+        }
+      },
+      breakpoint === "mobile" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-stepper-m`, style: __spreadValues(__spreadValues({}, import_designTokens.mobileDesignTokens), style) }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-stepper-m-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-stepper-m-count` }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { className: `${import_constants.cssClasses.PREFIX}-stepper-m-neutral`, breakpoint: "mobile", size: "TitleT41Bold" }, String(current !== void 0 ? current + 1 : 1).padStart(2, "0")), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { breakpoint: "mobile", size: "TitleT15Bold" }, "/"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { className: `${import_constants.cssClasses.PREFIX}-stepper-m-secondary`, breakpoint: "mobile", size: "TitleT23Bold" }, totalSteps)), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Progress,
+        {
+          percent,
+          status: "active",
+          strokeColor: import_designTokens.default.colorPrimary,
+          trailColor: import_designTokens.mobileDesignTokens.colorStepperBackgroundActiveWeak,
+          showInfo: false,
+          size: ["100%", 8]
+        }
+      ), title && /* @__PURE__ */ import_react.default.createElement(import_Text.default, { className: `${import_constants.cssClasses.PREFIX}-stepper-m-title`, breakpoint: "mobile", size: "TitleT15Bold" }, title), nextStep && /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-stepper-m-next` }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { type: "secondary", size: "ContentC12Regular" }, nextStepText, " ", nextStep)))) : /* @__PURE__ */ import_react.default.createElement(import_antd.Steps, __spreadProps(__spreadValues({}, this.props), { items: processedItems, style: __spreadValues(__spreadValues({}, import_designTokens.otherDesignTokens), style) }), processedChildren)
+    );
+  }
+};
+Stepper.defaultProps = {
+  prefixCls: import_constants.cssClasses.PREFIX + "-stepper",
+  breakpoint: "desktop",
+  labelPlacement: "vertical"
+};

package/lib/components/Stepper/style/index.less

@@ -0,0 +1,140 @@
+@import './variables.less';
+
+// 基础按钮样式
+@components: stepper;
+
+// 使用字符串拼接
+.@{prefix}-@{components} {
+  display: flex;
+  width: 100%;
+  font-size:0;
+  text-align: initial;
+  min-width: 128px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+
+  // 定义中间变量来存储动态生成的 CSS 变量名
+  @progress-default-color: ~"--@{prefix}-@{components}-progress-default-color";
+  @progress-border-width: ~"--@{prefix}-@{components}-progress-border-width";
+  @progress-border-connector: ~"--@{prefix}-@{components}-progress-border-connector";
+
+  @finish-icon-bg-color: ~"--@{prefix}-@{components}-finish-icon-bg-color";
+  @finish-icon-border-color: ~"--@{prefix}-@{components}-finish-icon-border-color";
+  @finish-icon-success: ~"--@{prefix}-@{components}-finish-icon-success";
+  @finish-line-color: ~"--@{prefix}-@{components}-finish-line-color";
+
+  @wait-icon-bg-color: ~"--@{prefix}-@{components}-wait-icon-bg-color";
+  @wait-icon-border-color: ~"--@{prefix}-@{components}-wait-icon-border-color";
+  @wait-icon-color: ~"--@{prefix}-@{components}-wait-icon-success";
+
+
+
+  //  当前高亮步骤的圈的颜色
+  .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path,
+  .dxp-progress-inner:not(.dxp-progress-circle-gradient) .dxp-progress-circle-path {
+    // stroke-width: calc(var(@progress-border-width) * 2);
+    stroke: var(@progress-default-color) !important;
+  }
+
+  .dxp-stepper-item-finish>.dxp-stepper-item-container>.dxp-stepper-item-content>.dxp-stepper-item-title::after {
+    height: calc(var(@progress-border-connector) * 1px); // 使用 calc() 函数结合单位
+  }
+
+  //  当前已完成步骤的背景颜色
+  .dxp-stepper-item-finish .dxp-stepper-item-icon {
+    background-color: var(@finish-icon-bg-color);
+    border-color: var(@finish-icon-border-color);
+
+    .anticon {
+      color: var(@finish-icon-success);
+    }
+  }
+
+  //  当前已完成步骤的进度条颜色
+  .dxp-stepper-item-finish>.dxp-stepper-item-container>.dxp-stepper-item-content>.dxp-stepper-item-title::after {
+    border-color: var(@finish-line-color);
+    background-color: var(@finish-line-color);
+  }
+
+  .dxp-stepper-item-wait .dxp-stepper-item-icon {
+    background-color: var(@wait-icon-bg-color);
+    border-color: var(@wait-icon-border-color);
+
+    .dxp-stepper-icon {
+      color: var(@wait-icon-color);
+    }
+  }
+
+  &.dxp-stepper-with-progress.dxp-stepper-small .dxp-stepper-item-icon .dxp-progress-inner {
+    width: calc(var(--dxp-steps-icon-size-sm) + calc(var(--dxp-line-width) * 5)) !important;
+    height: calc(var(--dxp-steps-icon-size-sm) + calc(var(--dxp-line-width) * 5)) !important;
+  }
+
+}
+
+ // moblie
+ @dxp-steps-color-neutral: ~"--dxp-steps-color-neutral";
+ @dxp-steps-color-secondary: ~"--dxp-steps-color-secondary";
+ @dxp-steps-color-label2: ~"--dxp-steps-color-label2";
+ @dxp-steps-background-active: ~"--dxp-steps-background-active";
+ @dxp-steps-background-activeWeak: ~"--dxp-steps-background-activeWeak";
+
+
+@stepper-prefix-cls: stepper;
+
+.@{prefix}-@{stepper-prefix-cls} {
+  font-size:0;
+  &-description {
+    margin-top: 4px;
+  }
+
+  // mobile
+  &-m {
+    width: 100%;
+    padding: 16px 0;
+
+    &-header {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+      .@{prefix}-@{stepper-prefix-cls}-bg{
+        background-color: var(@dxp-steps-background-active);
+      }
+      .@{prefix}-@{stepper-prefix-cls}-inner{
+        background-color: var(@dxp-steps-background-activeWeak);
+      }
+    }
+
+    &-count {
+      display: flex;
+      align-items: baseline;
+      gap: 2px;
+    }
+
+    &-neutral {
+      color: var(@dxp-steps-color-neutral);
+    }
+
+    &-secondary {
+      color: var(@dxp-steps-color-secondary);
+    }
+
+    &-title {
+      color: var(@dxp-steps-color-neutral);
+      margin-top: 0;
+      font-weight: 500;
+    }
+
+    &-next {
+      color: var(@dxp-steps-color-label2);
+      margin-top:0;
+      color: #858585;
+    }
+
+    .ant-progress,
+    .ant5-progress,
+    .dxp-progress {
+      margin: 4px 0;
+    }
+  }
+}

package/lib/components/Stepper/style/variables.less

@@ -0,0 +1,5 @@
+
+@import '../../../style/variables.less';
+
+// Primary
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/StickyFooter/designTokens.d.ts

@@ -0,0 +1,10 @@
+declare const designTokens: {
+    padding: string;
+    borderTop: string;
+    backgroundColor: any;
+    priceColor: any;
+    textColor: any;
+    textDiscontColor: any;
+    colorStrikethrough: any;
+};
+export { designTokens };

package/lib/components/StickyFooter/designTokens.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/StickyFooter/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designTokens: () => designTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var designTokens = {
+  padding: `${(0, import_tokenHelper.getToken)("spacingStickyFooterPaddingTop")}px ${(0, import_tokenHelper.getToken)("spacingStickyFooterPaddingHorizontal")}px ${(0, import_tokenHelper.getToken)("spacingStickyFooterPaddingBottom")}px`,
+  // 间距
+  borderTop: `1px solid ${(0, import_tokenHelper.getToken)("colorStickyFooterBorderTop")}`,
+  // 边框
+  backgroundColor: (0, import_tokenHelper.getToken)("colorStickyFooterBackground"),
+  // 背景颜色
+  priceColor: (0, import_tokenHelper.getToken)("colorStickyFooterPrice"),
+  // 金额颜色
+  textColor: (0, import_tokenHelper.getToken)("colorStickyFooterText"),
+  // 文本颜色
+  textDiscontColor: (0, import_tokenHelper.getToken)("colorStickyFooterText2"),
+  // 文本颜色
+  colorStrikethrough: (0, import_tokenHelper.getToken)("colorStickyFooterPriceStrikethrough")
+  // 划线价颜色
+};

package/lib/components/StickyFooter/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './style/index.less';
+export type type = 'default' | 'priceVariant1' | 'priceVariant2';
+export interface StickyFooterProps {
+    children?: React.ReactNode;
+    className?: string;
+    colorPrice?: string;
+    type?: type;
+    priceStrikethrough?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+    onDropDownClick?: React.MouseEventHandler;
+    onRightBtnClick?: React.MouseEventHandler;
+    onBtnClick?: React.MouseEventHandler;
+}
+declare const StickyFooter: (props: StickyFooterProps) => React.JSX.Element;
+export default StickyFooter;

package/lib/components/StickyFooter/index.js

@@ -0,0 +1,150 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/StickyFooter/index.tsx
+var StickyFooter_exports = {};
+__export(StickyFooter_exports, {
+  default: () => StickyFooter_default
+});
+module.exports = __toCommonJS(StickyFooter_exports);
+var import_react = __toESM(require("react"));
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = require("../../utils/theme");
+var import_designTokens = require("./designTokens");
+var import_constants = require("../../constants");
+var import__ = require("../index");
+var import_style = require("./style/index.less");
+var StickyFooter = (props) => {
+  const _a = props, {
+    type = "default",
+    colorPrice,
+    price,
+    priceStrikethrough,
+    buttonText = "Confirm",
+    title,
+    position,
+    size,
+    children,
+    onDropDownClick,
+    onRightBtnClick,
+    onBtnClick,
+    showIcon = true,
+    iconType
+  } = _a, attr = __objRest(_a, [
+    "type",
+    "colorPrice",
+    "price",
+    "priceStrikethrough",
+    "buttonText",
+    "title",
+    "position",
+    "size",
+    "children",
+    "onDropDownClick",
+    "onRightBtnClick",
+    "onBtnClick",
+    "showIcon",
+    "iconType"
+  ]);
+  const {
+    padding,
+    borderTop,
+    backgroundColor,
+    priceColor,
+    textColor,
+    textDiscontColor,
+    colorStrikethrough
+  } = import_designTokens.designTokens;
+  const useCustomButtonStyle = () => {
+    const hashId = (0, import_cssinjs.useStyleRegister)({
+      theme: import_theme.theme,
+      token: { baseColor: "blue" },
+      path: [`${import_constants.cssClasses.PREFIX}-stickyFooter`]
+    }, () => `
+      .${import_constants.cssClasses.PREFIX}-stickyFooter {
+        padding: ${padding};
+        border-top: ${borderTop};
+        background-color: ${backgroundColor};
+      }
+    `);
+    return hashId;
+  };
+  useCustomButtonStyle();
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    __spreadValues({
+      className: `${import_constants.cssClasses.PREFIX}-stickyFooter ${import_constants.cssClasses.PREFIX}-stickyFooter-${type}`,
+      onClick: props.onClick
+    }, attr),
+    type === "default" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import__.Button, { type: "primary", block: true, onClick: onBtnClick }, buttonText)),
+    type === "priceVariant1" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import__.Amount,
+      {
+        priceStrikethrough,
+        priceColor: colorPrice || priceColor,
+        textColor: title === "discount" ? textDiscontColor : textColor,
+        colorStrikethrough,
+        title,
+        position,
+        size,
+        showIcon,
+        onDropDownClick,
+        iconType
+      },
+      price
+    ), /* @__PURE__ */ import_react.default.createElement(import__.Button, { type: "primary", onClick: onRightBtnClick }, buttonText)),
+    children
+  );
+};
+var StickyFooter_default = StickyFooter;

package/lib/components/StickyFooter/style/index.less

@@ -0,0 +1,18 @@
+
+@import './variables.less';
+@components: stickyFooter;
+.@{prefix}-@{components} {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background: #fff;
+  box-sizing: border-box;
+  z-index: 9;
+  &.@{prefix}-@{components}-default {
+    justify-content: center;
+  }
+}

package/lib/components/StickyFooter/style/variables.less

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/Tabs/designTokens.d.ts

@@ -0,0 +1,44 @@
+declare const otherDesignToken: {
+    colorTabsTextSubtitleInverseInactive: any;
+    colorTabsTextSubtitleInactive: any;
+    colorTabsIconInactiveInverse: any;
+    colorTabsIconActiveInverse: any;
+    colorTabsIconInactive: any;
+    colorTabsIconActive: any;
+    colorTabsTextSubtitleInverse: any;
+    colorTabsTextSubtitle: any;
+    sizingTabsIcon: any;
+};
+declare const designTokens: {
+    inkBarColor: any;
+    itemSelectedColor: any;
+    itemHoverColor: any;
+    itemActiveColor: any;
+    itemColor: any;
+    colorBorderSecondary: any;
+    horizontalItemPadding: string;
+    lineWidthBold: any;
+};
+declare const designFillTokens: {
+    inkBarColor: string;
+    itemSelectedColor: string;
+    itemHoverColor: any;
+    itemActiveColor: any;
+    itemColor: any;
+    colorBorderSecondary: string;
+    cardPadding: string;
+    colorFillAlter: string;
+    lineWidth: number;
+    colorBgContainer: string;
+};
+declare const inverseDesignTokens: {
+    inkBarColor: any;
+    itemSelectedColor: any;
+    itemHoverColor: any;
+    itemActiveColor: any;
+    itemColor: any;
+    colorBorderSecondary: any;
+    horizontalItemPadding: string;
+    lineWidthBold: any;
+};
+export { otherDesignToken, designTokens, inverseDesignTokens, designFillTokens };

package/lib/components/Tabs/designTokens.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Tabs/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designFillTokens: () => designFillTokens,
+  designTokens: () => designTokens,
+  inverseDesignTokens: () => inverseDesignTokens,
+  otherDesignToken: () => otherDesignToken
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var otherDesignToken = {
+  colorTabsTextSubtitleInverseInactive: (0, import_tokenHelper.getToken)("colorTabsTextSubtitleInverseInactive"),
+  colorTabsTextSubtitleInactive: (0, import_tokenHelper.getToken)("colorTabsTextSubtitleInactive"),
+  colorTabsIconInactiveInverse: (0, import_tokenHelper.getToken)("colorTabsIconInactiveInverse"),
+  colorTabsIconActiveInverse: (0, import_tokenHelper.getToken)("colorTabsIconActiveInverse"),
+  colorTabsIconInactive: (0, import_tokenHelper.getToken)("colorTabsIconInactive"),
+  colorTabsIconActive: (0, import_tokenHelper.getToken)("colorTabsIconActive"),
+  colorTabsTextSubtitleInverse: (0, import_tokenHelper.getToken)("colorTabsTextSubtitleInverse"),
+  colorTabsTextSubtitle: (0, import_tokenHelper.getToken)("colorTabsTextSubtitle"),
+  sizingTabsIcon: (0, import_tokenHelper.getToken)("sizingTabsIcon")
+};
+var designTokens = {
+  inkBarColor: (0, import_tokenHelper.getToken)("colorTabsBorderActive"),
+  // 选中的边框颜色
+  itemSelectedColor: (0, import_tokenHelper.getToken)("colorTabsTextTitle"),
+  // 选中的label颜色
+  itemHoverColor: (0, import_tokenHelper.getToken)("colorTabsTextTitle"),
+  // hover label颜色
+  itemActiveColor: (0, import_tokenHelper.getToken)("colorTabsTextTitle"),
+  // active label颜色
+  itemColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInactive"),
+  // 默认label颜色
+  colorBorderSecondary: (0, import_tokenHelper.getToken)("colorTabsBorderInactive"),
+  // 未选中的边框
+  horizontalItemPadding: `${(0, import_tokenHelper.getToken)("spacingTabsVerticalGap")}px ${(0, import_tokenHelper.getToken)("spacingTabsPaddingHorizontal")}px`,
+  lineWidthBold: (0, import_tokenHelper.getToken)("borderWidthTabsActive")
+};
+var designFillTokens = {
+  inkBarColor: "#4D28E8",
+  // 选中的边框颜色
+  itemSelectedColor: "#fff",
+  // 选中的label颜色
+  itemHoverColor: (0, import_tokenHelper.getToken)("colorTabsTextTitle"),
+  // hover label颜色
+  itemActiveColor: (0, import_tokenHelper.getToken)("colorTabsTextTitle"),
+  // active label颜色
+  itemColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInactive"),
+  // 默认label颜色
+  colorBorderSecondary: "#F5F5F8",
+  // 未选中的边框
+  cardPadding: `6px ${(0, import_tokenHelper.getToken)("spacingTabsPaddingHorizontal")}px`,
+  colorFillAlter: "#F5F5F8",
+  lineWidth: 0,
+  // 线条宽度
+  colorBgContainer: "#4D28E8"
+};
+var inverseDesignTokens = {
+  inkBarColor: (0, import_tokenHelper.getToken)("colorTabsBorderActiveInverse"),
+  // 选中的边框颜色
+  itemSelectedColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInverse"),
+  // 选中的label颜色
+  itemHoverColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInverse"),
+  // hover label颜色
+  itemActiveColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInverse"),
+  // active label颜色
+  itemColor: (0, import_tokenHelper.getToken)("colorTabsTextTitleInverseInactive"),
+  // 默认label颜色
+  colorBorderSecondary: (0, import_tokenHelper.getToken)("colorTabsBorderInactiveInverse"),
+  // 未选中的边框
+  horizontalItemPadding: `${(0, import_tokenHelper.getToken)("spacingTabsVerticalGap")}px ${(0, import_tokenHelper.getToken)("spacingTabsPaddingHorizontal")}px`,
+  lineWidthBold: (0, import_tokenHelper.getToken)("borderWidthTabsActive")
+};

package/lib/components/Tabs/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './style/index.less';
+export type Type = 'default' | 'fill';
+export interface TabsProps {
+    prefixCls?: string;
+    children?: React.ReactNode;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    items?: any[];
+    inverse?: boolean;
+    [key: string]: any;
+}
+declare const Tabs: (props: TabsProps) => React.JSX.Element;
+export default Tabs;