@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.6

package/es/Tabs/Tabs.js

@@ -1,210 +1,227 @@
-var _excluded = ["children", "className", "value", "tabs", "align", "onChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { debounce, isMini, throttle, useDidMountEffect } from '@bifrostui/utils';
-import clsx from 'clsx';
-import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import {
+  debounce,
+  isMini,
+  throttle,
+  useDidMountEffect
+} from "@bifrostui/utils";
+import clsx from "clsx";
+import React, {
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
 import Tab from "./Tab";
 import "./Tabs.css";
 import { TabsContextProvider } from "./TabsContext";
 import bound from "./utils/bound";
-var prefixCls = 'bui-tabs';
-var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    value = props.value,
-    tabs = props.tabs,
-    align = props.align,
-    onChange = props.onChange,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var tabsRef = useRef(null);
-  var activeLineRef = useRef(null);
-  var _useState3 = useState({
-      x: 0,
-      transitionInUse: false
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lineData = _useState4[0],
-    setLineData = _useState4[1];
-  var _useState5 = useState({
-      leftMaskOpacity: 0,
-      rightMaskOpacity: 0
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    maskData = _useState6[0],
-    setMaskData = _useState6[1];
-  var animate = function animate(_ref) {
-    var transitionInUse = _ref.transitionInUse;
-    var container = tabsRef.current;
-    if (!container) return;
-    var activeIndex = !!tabs.length && tabs.findIndex(function (item) {
-      var _tabs$;
-      return item.index === (active || ((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.index));
+const prefixCls = "bui-tabs";
+const Tabs = React.forwardRef((props, ref) => {
+  const _a = props, { children, className, value, tabs, align, onChange } = _a, others = __objRest(_a, ["children", "className", "value", "tabs", "align", "onChange"]);
+  const [active, setActive] = useState("");
+  const tabsRef = useRef(null);
+  const activeLineRef = useRef(null);
+  const [lineData, setLineData] = useState({
+    x: 0,
+    transitionInUse: false
+  });
+  const [maskData, setMaskData] = useState({
+    leftMaskOpacity: 0,
+    rightMaskOpacity: 0
+  });
+  const animate = ({ transitionInUse }) => {
+    const container = tabsRef.current;
+    if (!container)
+      return;
+    const activeIndex = !!tabs.length && tabs.findIndex((item) => {
+      var _a2;
+      return item.index === (active || ((_a2 = tabs[0]) == null ? void 0 : _a2.index));
     });
-    var activeLine = activeLineRef.current;
-    if (!activeLine) return;
-    var activeTab;
+    const activeLine = activeLineRef.current;
+    if (!activeLine)
+      return;
+    let activeTab;
     if (tabs.length) {
       activeTab = container.childNodes[activeIndex + 1];
     } else {
-      activeTab = _toConsumableArray(container.childNodes).find(function (child) {
+      activeTab = [...container.childNodes].find((child) => {
         if (isMini) {
-          return _toConsumableArray(child.classList.tokenList).includes('bui-tab-miniapp-active');
+          return [...child.classList.tokenList].includes(
+            "bui-tab-miniapp-active"
+          );
         }
-        return _toConsumableArray(child.classList).includes('bui-tab-active');
+        return [...child.classList].includes("bui-tab-active");
       });
     }
-    if (!activeTab) return;
-    var activeTabLeft = activeTab.offsetLeft;
-    var activeTabWidth = activeTab.offsetWidth;
-    var containerWidth = container.offsetWidth;
-    var containerScrollWidth = container.scrollWidth;
-    var activeLineWidth = activeLine.offsetWidth;
-    var x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
+    if (!activeTab)
+      return;
+    const activeTabLeft = activeTab.offsetLeft;
+    const activeTabWidth = activeTab.offsetWidth;
+    const containerWidth = container.offsetWidth;
+    const containerScrollWidth = container.scrollWidth;
+    const activeLineWidth = activeLine.offsetWidth;
+    const x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
     setLineData({
-      x: x,
-      transitionInUse: transitionInUse
+      x,
+      transitionInUse
     });
-    var maxScrollDistance = containerScrollWidth - containerWidth;
-    if (maxScrollDistance <= 0) return;
-    var nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    const maxScrollDistance = containerScrollWidth - containerWidth;
+    if (maxScrollDistance <= 0)
+      return;
+    const nextScrollLeft = bound(
+      activeTabLeft - (containerWidth - activeTabWidth) / 2,
+      0,
+      containerScrollWidth - containerWidth
+    );
     if (tabsRef.current) {
       tabsRef.current.scrollLeft = nextScrollLeft;
     }
   };
-  useEffect(function () {
-    var defaultIndex = safeValue();
+  useEffect(() => {
+    const defaultIndex = safeValue();
     setActive(defaultIndex);
   }, [value]);
-  useLayoutEffect(function () {
-    animate({
-      transitionInUse: false
-    });
+  useLayoutEffect(() => {
+    animate({ transitionInUse: false });
   }, []);
-  useEffect(function () {
-    var handleResize = debounce(function () {
-      animate({
-        transitionInUse: true
-      });
+  useEffect(() => {
+    const handleResize = debounce(() => {
+      animate({ transitionInUse: true });
     }, 100);
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
     };
   }, [active]);
-  useDidMountEffect(function () {
-    animate({
-      transitionInUse: true
-    });
+  useDidMountEffect(() => {
+    animate({ transitionInUse: true });
   }, [active, tabs]);
-  var safeValue = function safeValue() {
-    var defaultIndex = value;
-    if (!!tabs.length && !tabs.some(function (item) {
-      return item.index === value;
-    })) {
-      var _tabs$2;
-      defaultIndex = (_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.index;
+  const safeValue = () => {
+    var _a2;
+    let defaultIndex = value;
+    if (!!tabs.length && !tabs.some((item) => item.index === value)) {
+      defaultIndex = (_a2 = tabs[0]) == null ? void 0 : _a2.index;
     }
     return defaultIndex;
   };
-  var updateMask = useMemo(function () {
-    return throttle(function () {
-      var container = tabsRef.current;
-      if (!container) return;
-      var scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft;
-      var showLeftMask = scrollLeft > 0;
-      var showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
-      setMaskData({
-        leftMaskOpacity: showLeftMask ? 1 : 0,
-        rightMaskOpacity: showRightMask ? 1 : 0
-      });
-    }, 100, {
-      trailing: true,
-      leading: true
-    });
-  }, []);
-  useLayoutEffect(function () {
+  const updateMask = useMemo(
+    () => throttle(
+      () => {
+        const container = tabsRef.current;
+        if (!container)
+          return;
+        const scrollLeft = container == null ? void 0 : container.scrollLeft;
+        const showLeftMask = scrollLeft > 0;
+        const showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+        setMaskData({
+          leftMaskOpacity: showLeftMask ? 1 : 0,
+          rightMaskOpacity: showRightMask ? 1 : 0
+        });
+      },
+      100,
+      {
+        trailing: true,
+        leading: true
+      }
+    ),
+    []
+  );
+  useLayoutEffect(() => {
     updateMask();
   }, []);
-  var handleClick = function handleClick(e, item) {
-    var index = item.index,
-      _item$disabled = item.disabled,
-      disabled = _item$disabled === void 0 ? false : _item$disabled;
-    if (disabled) return;
-    if (index === undefined || index === null) {
+  const handleClick = (e, item) => {
+    const { index, disabled = false } = item;
+    if (disabled)
+      return;
+    if (index === void 0 || index === null) {
       return;
     }
     if (active !== value) {
       setActive(index);
     }
     if (index !== value) {
-      onChange === null || onChange === void 0 || onChange(e, {
-        index: index
-      });
+      onChange == null ? void 0 : onChange(e, { index });
     }
   };
-  var providerValue = useMemo(function () {
-    var v = safeValue();
-    return {
-      value: v,
-      align: align,
-      triggerChange: handleClick
-    };
+  const providerValue = useMemo(() => {
+    const v = safeValue();
+    return { value: v, align, triggerChange: handleClick };
   }, [value, align, handleClick]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: clsx(prefixCls, className)
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-mask"), "".concat(prefixCls, "-mask-left")),
-    style: {
-      opacity: maskData.leftMaskOpacity
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: clsx(`${prefixCls}-mask`, `${prefixCls}-mask-left`),
+      style: {
+        opacity: maskData.leftMaskOpacity
+      }
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-mask"), "".concat(prefixCls, "-mask-right")),
-    style: {
-      opacity: maskData.rightMaskOpacity
+  ), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: clsx(`${prefixCls}-mask`, `${prefixCls}-mask-right`),
+      style: {
+        opacity: maskData.rightMaskOpacity
+      }
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-tabs"),
-    ref: tabsRef,
-    onScroll: updateMask
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: activeLineRef,
-    className: clsx("".concat(prefixCls, "-tabline"), {
-      'bui-tabline-invisible': isMini
-    }),
-    style: {
-      transition: lineData.transitionInUse ? 'transform 0.25s ease-in-out' : '',
-      transform: "translate3d(".concat(lineData.x, "px, 0px, 0px)")
+  ), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-tabs`, ref: tabsRef, onScroll: updateMask }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: activeLineRef,
+      className: clsx(`${prefixCls}-tabline`, {
+        "bui-tabline-invisible": isMini
+      }),
+      style: {
+        transition: lineData.transitionInUse ? "transform 0.25s ease-in-out" : "",
+        transform: `translate3d(${lineData.x}px, 0px, 0px)`
+      }
     }
-  }), /*#__PURE__*/React.createElement(TabsContextProvider, {
-    value: providerValue
-  }, !!tabs.length && tabs.map(function (item) {
-    return /*#__PURE__*/React.createElement(Tab, {
-      key: item.index,
-      index: item === null || item === void 0 ? void 0 : item.index,
-      disabled: item === null || item === void 0 ? void 0 : item.disabled
-    }, item.title);
+  ), /* @__PURE__ */ React.createElement(TabsContextProvider, { value: providerValue }, !!tabs.length && tabs.map((item) => {
+    return /* @__PURE__ */ React.createElement(
+      Tab,
+      {
+        key: item.index,
+        index: item == null ? void 0 : item.index,
+        disabled: item == null ? void 0 : item.disabled
+      },
+      item.title
+    );
   }), children)));
 });
-Tabs.displayName = 'BuiTabs';
+Tabs.displayName = "BuiTabs";
 Tabs.defaultProps = {
-  align: 'center',
+  align: "center",
   tabs: []
 };
-export default Tabs;
+var Tabs_default = Tabs;
+export {
+  Tabs_default as default
+};

package/es/Tabs/Tabs.types.js

@@ -1 +0,0 @@
-export {};

package/es/Tabs/TabsContext.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { TabChangeEvent, TabsProps } from './Tabs.types';
-declare const TabsContext: React.Context<Omit<TabsProps, "onChange"> & {
+declare const TabsContext: React.Context<Omit<TabsProps<"div", {}>, "onChange"> & {
     triggerChange: TabChangeEvent;
 }>;
-export declare const TabsContextProvider: React.Provider<Omit<TabsProps, "onChange"> & {
+export declare const TabsContextProvider: React.Provider<Omit<TabsProps<"div", {}>, "onChange"> & {
     triggerChange: TabChangeEvent;
 }>;
 export default TabsContext;

package/es/Tabs/TabsContext.js

@@ -1,7 +1,11 @@
-import React from 'react';
-var TabsContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== 'production') {
-  TabsContext.displayName = 'BuiTabsContext';
+import React from "react";
+const TabsContext = React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") {
+  TabsContext.displayName = "BuiTabsContext";
 }
-export var TabsContextProvider = TabsContext.Provider;
-export default TabsContext;
+const TabsContextProvider = TabsContext.Provider;
+var TabsContext_default = TabsContext;
+export {
+  TabsContextProvider,
+  TabsContext_default as default
+};

package/es/Tabs/index.js

@@ -1,6 +1,12 @@
-export { default as Tab } from "./Tab";
+import { default as default2 } from "./Tab";
 export * from "./Tab.types";
-export { default as TabPanel } from "./TabPanel";
+import { default as default3 } from "./TabPanel";
 export * from "./TabPanel.types";
-export { default, default as Tabs } from "./Tabs";
-export * from "./Tabs.types";
+import { default as default4, default as default5 } from "./Tabs";
+export * from "./Tabs.types";
+export {
+  default2 as Tab,
+  default3 as TabPanel,
+  default5 as Tabs,
+  default4 as default
+};

package/es/Tabs/utils/bound.js

@@ -1,10 +1,13 @@
-export default function bound(position, min, max) {
-  var ret = position;
-  if (min !== undefined) {
+function bound(position, min, max) {
+  let ret = position;
+  if (min !== void 0) {
     ret = Math.max(position, min);
   }
-  if (max !== undefined) {
+  if (max !== void 0) {
     ret = Math.min(ret, max);
   }
   return ret;
-}
+}
+export {
+  bound as default
+};

package/es/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TagProps } from './Tag.types';
 import './Tag.less';
-declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Tag;

package/es/Tag/Tag.js

@@ -1,56 +1,74 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "style", "color", "htmlColor", "variant", "onClick", "children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { convertHexToRGBA } from '@bifrostui/utils';
-import clsx from 'clsx';
-import React from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import { convertHexToRGBA } from "@bifrostui/utils";
+import clsx from "clsx";
+import React from "react";
 import "./Tag.css";
-
-// 只支持 rgba rgb hex
-// 处理rgb格式的颜色
-var colorHandler = function colorHandler(color) {
-  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  // rgba
-  if (color.includes('rgba')) {
-    var lastCommaIndex = color.lastIndexOf(',');
-    return "".concat(color.slice(0, lastCommaIndex), ", ").concat(opacity, ")");
+const colorHandler = (color, opacity = 1) => {
+  if (color.includes("rgba")) {
+    const lastCommaIndex = color.lastIndexOf(",");
+    return `${color.slice(0, lastCommaIndex)}, ${opacity})`;
   }
-
-  // rgb
-  if (color.includes('rgb')) {
-    color = color.replace('rgb', 'rgba');
-    var len = color.length;
-    return "".concat(color.slice(0, len - 1), ", ").concat(opacity, ")");
+  if (color.includes("rgb")) {
+    color = color.replace("rgb", "rgba");
+    const len = color.length;
+    return `${color.slice(0, len - 1)}, ${opacity})`;
   }
-
-  // hex
   return convertHexToRGBA(color, opacity);
 };
-var prefixCls = 'bui-tag';
-var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    style = props.style,
-    color = props.color,
-    htmlColor = props.htmlColor,
-    variant = props.variant,
-    onClick = props.onClick,
-    children = props.children,
-    others = _objectWithoutProperties(props, _excluded);
-  var customStyles;
+const prefixCls = "bui-tag";
+const Tag = React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    color,
+    htmlColor,
+    variant,
+    onClick,
+    children
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "color",
+    "htmlColor",
+    "variant",
+    "onClick",
+    "children"
+  ]);
+  let customStyles;
   if (htmlColor) {
-    if (variant === 'outlined') {
+    if (variant === "outlined") {
       customStyles = {
         color: htmlColor,
         borderColor: colorHandler(htmlColor, 0.4)
       };
-    } else if (variant === 'light') {
+    } else if (variant === "light") {
       customStyles = {
         color: htmlColor,
         backgroundColor: colorHandler(htmlColor, 0.3)
@@ -61,16 +79,30 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     }
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(variant), variant), "".concat(prefixCls, "-").concat(color), color), className),
-    ref: ref,
-    style: _objectSpread(_objectSpread({}, style), customStyles),
-    onClick: onClick
-  }, others), children);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      className: clsx(
+        prefixCls,
+        {
+          [`${prefixCls}-${variant}`]: variant,
+          [`${prefixCls}-${color}`]: color
+        },
+        className
+      ),
+      ref,
+      style: __spreadValues(__spreadValues({}, style), customStyles),
+      onClick
+    }, others),
+    children
+  );
 });
-Tag.displayName = 'BuiTag';
+Tag.displayName = "BuiTag";
 Tag.defaultProps = {
-  variant: 'outlined',
-  color: 'default'
+  variant: "outlined",
+  color: "default"
+};
+var Tag_default = Tag;
+export {
+  Tag_default as default
 };
-export default Tag;

package/es/Tag/Tag.types.js

@@ -1 +0,0 @@
-export {};