@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.20

package/lib/tabs/TabPane.js

@@ -1,26 +1,8 @@
-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/tabs/TabPane.tsx
-var TabPane_exports = {};
-__export(TabPane_exports, {
-  default: () => TabPane_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TabPane_exports);
-var import_antd = require("antd");
-var TabPane_default = import_antd.Tabs.TabPane;
+exports.default = void 0;
+var _antd = require("antd");
+var _default = exports.default = _antd.Tabs.TabPane;

package/lib/tabs/hooks/useLegacyItems.js

@@ -1,54 +1,37 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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/tabs/hooks/useLegacyItems.tsx
-var useLegacyItems_exports = {};
-__export(useLegacyItems_exports, {
-  default: () => useLegacyItems
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useLegacyItems_exports);
-var import_warning = __toESM(require("antd/es/_util/warning"));
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var React = __toESM(require("react"));
+exports.default = useLegacyItems;
+var _warning = _interopRequireDefault(require("antd/es/_util/warning"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function filter(items) {
-  return items.filter((item) => item);
+  return items.filter(item => item);
 }
+
+// ref: https://github.com/ant-design/ant-design/blob/master/components/tabs/hooks/useLegacyItems.ts
 function useLegacyItems(items, children) {
   if (items) {
     return items;
   }
-  (0, import_warning.default)(!children, "Tabs", "Tabs.TabPane is deprecated. Please use `items` directly.");
-  const childrenItems = (0, import_toArray.default)(children).map((node) => {
-    if (React.isValidElement(node)) {
-      const { key, props } = node;
-      const { tab, ...restProps } = props || {};
-      const item = {
+  (0, _warning.default)(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
+  const childrenItems = (0, _toArray.default)(children).map(node => {
+    if ( /*#__PURE__*/React.isValidElement(node)) {
+      const {
         key,
+        props
+      } = node;
+      const {
+        tab,
+        ...restProps
+      } = props || {};
+      const item = {
+        key: key,
         ...restProps,
         label: tab
       };
@@ -57,4 +40,4 @@ function useLegacyItems(items, children) {
     return null;
   });
   return filter(childrenItems);
-}
+}

package/lib/tabs/index.js

@@ -1,125 +1,112 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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/tabs/index.tsx
-var tabs_exports = {};
-__export(tabs_exports, {
-  default: () => tabs_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(tabs_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_util = require("@oceanbase/util");
-var import_classnames = __toESM(require("classnames"));
-var import_badge = __toESM(require("../badge"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
-var import_style = __toESM(require("./style"));
-var import_TabPane = __toESM(require("./TabPane"));
-__reExport(tabs_exports, require("antd/es/tabs"), module.exports);
-var isReactNode = (item) => {
-  return import_react.default.isValidElement(item);
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _util = require("@oceanbase/util");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _badge = _interopRequireDefault(require("../badge"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _useLegacyItems = _interopRequireDefault(require("./hooks/useLegacyItems"));
+var _style = _interopRequireWildcard(require("./style"));
+var _TabPane = _interopRequireDefault(require("./TabPane"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _tabs = require("antd/es/tabs");
+Object.keys(_tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tabs[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const isReactNode = item => {
+  return /*#__PURE__*/_react.default.isValidElement(item);
 };
-var Tabs = import_react.default.forwardRef(
-  ({
-    children,
-    divider = false,
-    items,
-    type,
-    tabPosition,
+const Tabs = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  divider = false,
+  items,
+  type,
+  tabPosition,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('tabs', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const tabsCls = (0, _classnames.default)(className, {
+    [`${prefixCls}-no-divider`]: !divider
+  });
+  const isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
+  const dividerList = items?.filter(item => item.divider) || [];
+  const renderBadge = (0, _react.useCallback)(badge => {
+    if (typeof badge === 'object' && !isReactNode(badge)) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+        ...badge,
+        className: (0, _classnames.default)(`${prefixCls}-tab-badge`, badge.className)
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+      className: `${prefixCls}-tab-badge`,
+      count: badge
+    });
+  }, [prefixCls]);
+  let newItems = (0, _useLegacyItems.default)(items, children);
+  newItems = newItems?.map(item => {
+    if (!(0, _util.isNullValue)(item.divider)) {
+      return {
+        ...item,
+        key: `divider-${dividerList?.indexOf(item)}`,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider
+        // horizontal tabs => vertical divider
+        , {
+          type: isHorizontal ? 'vertical' : 'horizontal',
+          className: `${prefixCls}-divider`
+        }),
+        disabled: true
+      };
+    } else if (!(0, _util.isNullValue)(item.tag) || !(0, _util.isNullValue)(item.badge)) {
+      return {
+        ...item,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 4,
+          children: [item.label, item.badge && renderBadge(item.badge), !(0, _util.isNullValue)(item.tag) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
+            bordered: false,
+            className: `${prefixCls}-tab-tag`,
+            children: item.tag
+          })]
+        })
+      };
+    }
+    return item;
+  });
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
+    ref: ref,
+    items: newItems,
+    type: type,
+    tabPosition: tabPosition,
     prefixCls: customizePrefixCls,
-    className,
+    className: tabsCls,
     ...restProps
-  }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const tabsCls = (0, import_classnames.default)(className, {
-      [`${prefixCls}-no-divider`]: !divider
-    });
-    const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
-    const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
-    const renderBadge = (0, import_react.useCallback)(
-      (badge) => {
-        if (typeof badge === "object" && !isReactNode(badge)) {
-          return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
-        }
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
-      },
-      [prefixCls]
-    );
-    let newItems = (0, import_useLegacyItems.default)(items, children);
-    newItems = newItems == null ? void 0 : newItems.map((item) => {
-      if (!(0, import_util.isNullValue)(item.divider)) {
-        return {
-          ...item,
-          key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-          label: /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Divider,
-            {
-              type: isHorizontal ? "vertical" : "horizontal",
-              className: `${prefixCls}-divider`
-            }
-          ),
-          disabled: true
-        };
-      } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
-        return {
-          ...item,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
-        };
-      }
-      return item;
-    });
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Tabs,
-        {
-          ref,
-          items: newItems,
-          type,
-          tabPosition,
-          prefixCls: customizePrefixCls,
-          className: tabsCls,
-          ...restProps
-        }
-      )
-    );
-  }
-);
-Tabs.TabPane = import_TabPane.default;
-Tabs.genTabsStyle = import_style.genTabsStyle;
-if (process.env.NODE_ENV !== "production") {
-  Tabs.displayName = import_antd.Tabs.displayName;
-}
-var tabs_default = Tabs;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/tabs")
+  }));
 });
+Tabs.TabPane = _TabPane.default;
+Tabs.genTabsStyle = _style.genTabsStyle;
+if (process.env.NODE_ENV !== 'production') {
+  Tabs.displayName = _antd.Tabs.displayName;
+}
+var _default = exports.default = Tabs;

package/lib/tabs/style/index.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TabsToken = FullToken<'Tabs'>;
 export declare const genTabsStyle: (token: Partial<TabsToken>) => CSSObject;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/tabs/style/index.js

@@ -1,42 +1,38 @@
-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);
+"use strict";
 
-// src/tabs/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTabsStyle: () => genTabsStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTabsStyle = (token) => {
-  const { antCls, componentCls, colorInfo, colorInfoBg, colorTextSecondary, colorFillQuaternary } = token;
+exports.genTabsStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genTabsStyle = token => {
+  const {
+    antCls,
+    componentCls,
+    colorInfo,
+    colorInfoBg,
+    colorTextSecondary,
+    colorFillQuaternary
+  } = token;
   return {
     [componentCls]: {
       [`&${componentCls}-no-divider`]: {
         // divider prop work for top and bottom tabs
         [`&${componentCls}-top, &${componentCls}-bottom`]: {
           [`${componentCls}-nav::before`]: {
-            border: "none"
+            border: 'none'
           }
         }
       },
+      [`&${componentCls}-left, &${componentCls}-right`]: {
+        [`${componentCls}-tab[data-node-key^=divider-]`]: {
+          paddingBlock: 0
+        }
+      },
       [`${componentCls}-tab`]: {
+        [`${componentCls}-tab-btn:hover`]: {
+          textShadow: '0 0 0.25px currentcolor'
+        },
         /** @deprecated */
         [`${componentCls}-tab-tag`]: {
           color: colorTextSecondary,
@@ -65,35 +61,29 @@ var genTabsStyle = (token) => {
         }
       },
       [`${componentCls}-tab[data-node-key^=divider-]`]: {
-        cursor: "default",
+        cursor: 'default',
         [`${componentCls}-tab-btn`]: {
           // make horizontal divider width 100% work
-          width: "100%",
+          width: '100%',
           [`${componentCls}-divider`]: {
             margin: 0,
             [`&${antCls}-divider-vertical`]: {
               height: token.sizeMD
             },
             [`&${antCls}-divider-horizontal`]: {
-              width: "100%"
+              width: '100%'
             }
           }
         }
       },
       [`${componentCls}-ink-bar`]: {
         // inkbar 带圆角
-        borderRadius: "1px"
+        borderRadius: '1px'
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tabs", (token) => {
-    return [genTabsStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTabsStyle
-});
+exports.genTabsStyle = genTabsStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Tabs', token => {
+  return [genTabsStyle(token)];
+});

package/lib/tag/index.d.ts

@@ -4,6 +4,7 @@ import type { Ellipsis } from '../_util/getEllipsisConfig';
 export * from 'antd/es/tag';
 export interface TagProps extends AntTagProps {
     ellipsis?: Ellipsis;
+    pill?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
     CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;

package/lib/tag/index.js

@@ -1,92 +1,84 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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/tag/index.tsx
-var tag_exports = {};
-__export(tag_exports, {
-  default: () => tag_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(tag_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_typography = __toESM(require("../typography"));
-var import_style = __toESM(require("./style"));
-var import_getEllipsisConfig = require("../_util/getEllipsisConfig");
-__reExport(tag_exports, require("antd/es/tag"), module.exports);
-var Tag = import_react.default.forwardRef(
-  ({
-    children,
-    prefixCls: customizePrefixCls,
-    icon,
-    className,
-    ellipsis = {
-      tooltip: {
-        title: children
-      }
-    },
-    ...restProps
-  }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("tag", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
-    const ellipsisConfig = (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, children);
-    const tagCls = (0, import_classnames.default)(
-      {
-        [`${prefixCls}-ellipsis`]: !!ellipsisConfig
-      },
-      className
-    );
-    const realIcon = icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon` }, icon) : null;
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Tag,
-        {
-          ref,
-          prefixCls: customizePrefixCls,
-          className: tagCls,
-          icon: ellipsisConfig ? null : icon,
-          ...restProps
-        },
-        ellipsisConfig ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: ellipsisConfig }, realIcon, children) : children
-      )
-    );
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  Tag.displayName = import_antd.Tag.displayName;
-}
-var tag_default = Object.assign(Tag, {
-  CheckableTag: import_antd.Tag.CheckableTag
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _typography = _interopRequireDefault(require("../typography"));
+var _style = _interopRequireDefault(require("./style"));
+var _getEllipsisConfig = require("../_util/getEllipsisConfig");
+var _jsxRuntime = require("react/jsx-runtime");
+var _tag = require("antd/es/tag");
+Object.keys(_tag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tag[key];
+    }
+  });
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/tag")
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Tag = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  prefixCls: customizePrefixCls,
+  icon,
+  color: colorProp,
+  closable,
+  ellipsis = {
+    tooltip: {
+      title: children
+    }
+  },
+  pill,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('tag', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const isCritical = colorProp === 'critical';
+  const ellipsisConfig = (0, _getEllipsisConfig.getEllipsisConfig)(ellipsis, children);
+  const tagCls = (0, _classnames.default)({
+    [`${prefixCls}-closable`]: !!closable,
+    [`${prefixCls}-ellipsis`]: !!ellipsisConfig,
+    [`${prefixCls}-pill`]: pill,
+    [`${prefixCls}-critical`]: isCritical
+  }, className);
+  const realIcon = icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: `${prefixCls}-icon`,
+    children: icon
+  }) : null;
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: tagCls,
+    icon: ellipsisConfig ? null : icon
+    // treat critical as preset status, avoid being treated as custom color
+    ,
+    color: isCritical ? undefined : colorProp,
+    closable: closable,
+    ...restProps,
+    children: ellipsisConfig ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.default.Text, {
+      ellipsis: ellipsisConfig,
+      children: [realIcon, children]
+    }) : children
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  Tag.displayName = _antd.Tag.displayName;
+}
+var _default = exports.default = Object.assign(Tag, {
+  CheckableTag: _antd.Tag.CheckableTag
+});