@bifrostui/react 2.0.0-alpha.32 → 2.0.0-alpha.34

package/es/Tabs/Tabs.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import clsx from "clsx";
 import { useValue, useEventCallback } from "@bifrostui/utils";
@@ -114,7 +115,7 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
   const renderedTabs = useMemo(() => {
     if (tabs.length > 0) {
-      return tabs.map((item) => /* @__PURE__ */ React.createElement(Tab, { key: item.index, index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled }, item.title));
+      return tabs.map((item) => /* @__PURE__ */ jsx(Tab, { index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled, children: item.title }, item.index));
     }
     return children;
   }, [tabs, children]);
@@ -137,24 +138,32 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       resizeObserver.disconnect();
     };
   }, [registrationVersion]);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({ className: clsx(tabsRootClass, className) }, others), { ref }), isScrollable && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TabMask, { position: "left" }), /* @__PURE__ */ React.createElement(TabMask, { position: "right" })), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: tabsScrollClass,
-      ref: tabsRef,
-      role: "tablist",
-      "aria-orientation": "horizontal"
-    },
-    /* @__PURE__ */ React.createElement(
-      TabIndicator,
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ className: clsx(tabsRootClass, className) }, others), { ref, children: [
+    isScrollable && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TabMask, { position: "left" }),
+      /* @__PURE__ */ jsx(TabMask, { position: "right" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        currentValue,
-        registeredTabs,
-        tabsContainerRef: tabsRef
+        className: tabsScrollClass,
+        ref: tabsRef,
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        children: [
+          /* @__PURE__ */ jsx(
+            TabIndicator,
+            {
+              currentValue,
+              registeredTabs,
+              tabsContainerRef: tabsRef
+            }
+          ),
+          /* @__PURE__ */ jsx(TabsContextProvider, { value: contextValue, children: renderedTabs })
+        ]
       }
-    ),
-    /* @__PURE__ */ React.createElement(TabsContextProvider, { value: contextValue }, renderedTabs)
-  ));
+    )
+  ] }));
 });
 Tabs.displayName = "BuiTabs";
 var Tabs_default = Tabs;

package/es/Tabs/miniapp/Tab.d.ts

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

package/es/Tabs/miniapp/Tab.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
 import clsx from "clsx";
 import { useContextSelector, useForkRef } from "@bifrostui/utils";
@@ -51,7 +52,7 @@ const Tab = /* @__PURE__ */ React.forwardRef((props, ref) => {
     className
   );
   const tabId = tabsContainerId ? `${tabsContainerId}-tab-${index}` : void 0;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       id: tabId,
@@ -63,9 +64,9 @@ const Tab = /* @__PURE__ */ React.forwardRef((props, ref) => {
           return;
         triggerChange == null ? void 0 : triggerChange(e, { index });
         onClick == null ? void 0 : onClick(e, { index });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 });
 Tab.displayName = "BuiTab";

package/es/Tabs/miniapp/TabIndicator.js

@@ -18,7 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import React, { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import clsx from "clsx";
 import Taro from "@tarojs/taro";
 import { useEventCallback } from "@bifrostui/utils";
@@ -251,7 +252,7 @@ const TabIndicator = ({
       }
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: indicatorRef,

package/es/Tabs/miniapp/Tabs.d.ts

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

package/es/Tabs/miniapp/Tabs.js

@@ -18,6 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useMemo, useState } from "react";
 import clsx from "clsx";
 import Taro from "@tarojs/taro";
@@ -192,34 +193,43 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
   const renderedTabs = useMemo(() => {
     if (tabs.length > 0) {
-      return tabs.map((item) => /* @__PURE__ */ React.createElement(Tab, { key: item.index, index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled }, item.title));
+      return tabs.map((item) => /* @__PURE__ */ jsx(Tab, { index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled, children: item.title }, item.index));
     }
     return children;
   }, [tabs, children]);
-  return /* @__PURE__ */ React.createElement("div", { className: clsx(tabsRootClass, className), style, ref }, isScrollable && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TabMask, { position: "left" }), /* @__PURE__ */ React.createElement(TabMask, { position: "right" })), /* @__PURE__ */ React.createElement(
-    ScrollView,
-    {
-      id: scrollViewId,
-      className: tabsScrollClass,
-      scrollX: true,
-      scrollWithAnimation,
-      scrollLeft,
-      onScroll: handleScroll,
-      enhanced: true,
-      showScrollbar: false,
-      enablePassive: true
-    },
-    /* @__PURE__ */ React.createElement("div", { id: wrapperId, className: tabsScrollWrapperClass }, /* @__PURE__ */ React.createElement(
-      TabIndicator,
+  return /* @__PURE__ */ jsxs("div", { className: clsx(tabsRootClass, className), style, ref, children: [
+    isScrollable && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TabMask, { position: "left" }),
+      /* @__PURE__ */ jsx(TabMask, { position: "right" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ScrollView,
       {
-        currentValue,
-        registeredTabValues,
-        wrapperId,
-        scrollViewId,
-        registrationVersion
+        id: scrollViewId,
+        className: tabsScrollClass,
+        scrollX: true,
+        scrollWithAnimation,
+        scrollLeft,
+        onScroll: handleScroll,
+        enhanced: true,
+        showScrollbar: false,
+        enablePassive: true,
+        children: /* @__PURE__ */ jsxs("div", { id: wrapperId, className: tabsScrollWrapperClass, children: [
+          /* @__PURE__ */ jsx(
+            TabIndicator,
+            {
+              currentValue,
+              registeredTabValues,
+              wrapperId,
+              scrollViewId,
+              registrationVersion
+            }
+          ),
+          /* @__PURE__ */ jsx(TabsContextProvider, { value: contextValue, children: renderedTabs })
+        ] })
       }
-    ), /* @__PURE__ */ React.createElement(TabsContextProvider, { value: contextValue }, renderedTabs))
-  ));
+    )
+  ] });
 });
 Tabs.displayName = "BuiTabs";
 var Tabs_default = Tabs;

package/es/Tag/Tag.d.ts

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

package/es/Tag/Tag.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { convertHexToRGBA } from "@bifrostui/utils";
 import clsx from "clsx";
 import * as React from "react";
@@ -79,9 +83,9 @@ const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(
         prefixCls,
         {
@@ -93,8 +97,9 @@ const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref,
       style: __spreadValues(__spreadValues({}, style), customStyles),
       onClick
-    }, others),
-    children
+    }, others), {
+      children
+    })
   );
 });
 Tag.displayName = "BuiTag";

package/es/Tag/TagGroup.d.ts

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

package/es/Tag/TagGroup.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./TagGroup.css";
@@ -33,14 +37,15 @@ const prefixCls = "bui-tag-group";
 const TagGroup = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, onClick, children } = _a, others = __objRest(_a, ["className", "onClick", "children"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         onClick,
         className: clsx(prefixCls, className)
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/es/Tag/__tests__/fixtures/A11yDemos.d.ts

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Tag 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicTagDemo: () => React.JSX.Element;
-export declare const variantTagDemo: () => React.JSX.Element;
-export declare const ClickableTagDemo: () => React.JSX.Element;
-export declare const customColorTagDemo: () => React.JSX.Element;
-export declare const ariaLabelTagDemo: () => React.JSX.Element;
-export declare const complexTagListDemo: () => React.JSX.Element;
+export declare const basicTagDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const variantTagDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ClickableTagDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const customColorTagDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ariaLabelTagDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexTagListDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicTagDemo: () => React.JSX.Element;
-    variantTagDemo: () => React.JSX.Element;
-    ClickableTagDemo: () => React.JSX.Element;
-    customColorTagDemo: () => React.JSX.Element;
-    ariaLabelTagDemo: () => React.JSX.Element;
-    complexTagListDemo: () => React.JSX.Element;
+    basicTagDemo: () => import("react/jsx-runtime").JSX.Element;
+    variantTagDemo: () => import("react/jsx-runtime").JSX.Element;
+    ClickableTagDemo: () => import("react/jsx-runtime").JSX.Element;
+    customColorTagDemo: () => import("react/jsx-runtime").JSX.Element;
+    ariaLabelTagDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexTagListDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/es/Tag/__tests__/fixtures/A11yDemos.js

@@ -17,13 +17,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import Tag from "../../Tag";
 const basicTagDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Tag, { color: "primary" }, "\u4E3B\u8981\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { color: "success" }, "\u6210\u529F\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { color: "warning" }, "\u8B66\u544A\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { color: "danger" }, "\u5371\u9669\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { color: "info" }, "\u4FE1\u606F\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { color: "neutral" }, "\u4E2D\u6027\u6807\u7B7E"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Tag, { color: "primary", children: "\u4E3B\u8981\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { color: "success", children: "\u6210\u529F\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { color: "warning", children: "\u8B66\u544A\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { color: "danger", children: "\u5371\u9669\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { color: "info", children: "\u4FE1\u606F\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { color: "neutral", children: "\u4E2D\u6027\u6807\u7B7E" })
+  ] });
 };
 const variantTagDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Tag, { variant: "contained", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ React.createElement(Tag, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Tag, { variant: "contained", color: "primary", children: "\u586B\u5145\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { variant: "outlined", color: "success", children: "\u8FB9\u6846\u6807\u7B7E" }),
+    /* @__PURE__ */ jsx(Tag, { variant: "subtle", color: "warning", children: "\u8F7B\u91CF\u6807\u7B7E" })
+  ] });
 };
 const ClickableTagDemo = () => {
   const [clicked, setClicked] = useState([]);
@@ -33,66 +45,83 @@ const ClickableTagDemo = () => {
     );
     console.log(`\u70B9\u51FB\u4E86\u6807\u7B7E: ${tag}`);
   };
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      color: "primary",
-      onClick: () => handleTagClick("tag1"),
-      style: {
-        opacity: clicked.includes("tag1") ? 0.6 : 1,
-        margin: "4px"
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: "primary",
+        onClick: () => handleTagClick("tag1"),
+        style: {
+          opacity: clicked.includes("tag1") ? 0.6 : 1,
+          margin: "4px"
+        },
+        children: "\u53EF\u70B9\u51FB\u6807\u7B7E 1"
       }
-    },
-    "\u53EF\u70B9\u51FB\u6807\u7B7E 1"
-  ), /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      color: "success",
-      onClick: () => handleTagClick("tag2"),
-      style: {
-        opacity: clicked.includes("tag2") ? 0.6 : 1,
-        margin: "4px"
+    ),
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: "success",
+        onClick: () => handleTagClick("tag2"),
+        style: {
+          opacity: clicked.includes("tag2") ? 0.6 : 1,
+          margin: "4px"
+        },
+        children: "\u53EF\u70B9\u51FB\u6807\u7B7E 2"
       }
-    },
-    "\u53EF\u70B9\u51FB\u6807\u7B7E 2"
-  ), /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      color: "warning",
-      onClick: () => handleTagClick("tag3"),
-      style: {
-        opacity: clicked.includes("tag3") ? 0.6 : 1,
-        margin: "4px"
+    ),
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: "warning",
+        onClick: () => handleTagClick("tag3"),
+        style: {
+          opacity: clicked.includes("tag3") ? 0.6 : 1,
+          margin: "4px"
+        },
+        children: "\u53EF\u70B9\u51FB\u6807\u7B7E 3"
       }
-    },
-    "\u53EF\u70B9\u51FB\u6807\u7B7E 3"
-  ), clicked.length > 0 && /* @__PURE__ */ React.createElement("p", null, "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ", clicked.join(", ")));
+    ),
+    clicked.length > 0 && /* @__PURE__ */ jsxs("p", { children: [
+      "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ",
+      clicked.join(", ")
+    ] })
+  ] });
 };
 const customColorTagDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Tag, { htmlColor: "#ff6b6b", variant: "contained" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ React.createElement(Tag, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ React.createElement(Tag, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ React.createElement(Tag, { htmlColor: "rgb(255, 193, 7)", variant: "contained" }, "RGB \u9EC4\u8272"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Tag, { htmlColor: "#ff6b6b", variant: "contained", children: "\u81EA\u5B9A\u4E49\u7EA2\u8272" }),
+    /* @__PURE__ */ jsx(Tag, { htmlColor: "#4ecdc4", variant: "outlined", children: "\u81EA\u5B9A\u4E49\u9752\u8272" }),
+    /* @__PURE__ */ jsx(Tag, { htmlColor: "#45b7d1", variant: "subtle", children: "\u81EA\u5B9A\u4E49\u84DD\u8272" }),
+    /* @__PURE__ */ jsx(Tag, { htmlColor: "rgb(255, 193, 7)", variant: "contained", children: "RGB \u9EC4\u8272" })
+  ] });
 };
 const ariaLabelTagDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      color: "primary",
-      onClick: () => {
-        console.log("\u5220\u9664\u7528\u6237");
-      },
-      "aria-label": "\u5220\u9664\u7528\u6237\u6807\u7B7E"
-    },
-    "\u7528\u6237"
-  ), /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      color: "success",
-      onClick: () => {
-        console.log("\u7F16\u8F91\u9879\u76EE");
-      },
-      "aria-label": "\u7F16\u8F91\u9879\u76EE\u6807\u7B7E"
-    },
-    "\u9879\u76EE"
-  ), /* @__PURE__ */ React.createElement(Tag, { color: "info", "aria-label": "\u53EA\u8BFB\u7684\u8BBE\u7F6E\u4FE1\u606F" }, "\u8BBE\u7F6E"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: "primary",
+        onClick: () => {
+          console.log("\u5220\u9664\u7528\u6237");
+        },
+        "aria-label": "\u5220\u9664\u7528\u6237\u6807\u7B7E",
+        children: "\u7528\u6237"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: "success",
+        onClick: () => {
+          console.log("\u7F16\u8F91\u9879\u76EE");
+        },
+        "aria-label": "\u7F16\u8F91\u9879\u76EE\u6807\u7B7E",
+        children: "\u9879\u76EE"
+      }
+    ),
+    /* @__PURE__ */ jsx(Tag, { color: "info", "aria-label": "\u53EA\u8BFB\u7684\u8BBE\u7F6E\u4FE1\u606F", children: "\u8BBE\u7F6E" })
+  ] });
 };
 const ComplexTagListDemo = () => {
   const [tags, setTags] = useState([
@@ -110,36 +139,45 @@ const ComplexTagListDemo = () => {
     );
   };
   const activeTags = tags.filter((tag) => tag.active);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h4", null, "\u6280\u672F\u6807\u7B7E\u9009\u62E9\u5668"), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "10px" } }, tags.map((tag) => /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      key: tag.id,
-      color: tag.color,
-      variant: tag.active ? "contained" : "outlined",
-      onClick: () => toggleTag(tag.id),
-      "aria-label": `${tag.active ? "\u53D6\u6D88\u9009\u62E9" : "\u9009\u62E9"} ${tag.name} \u6280\u672F\u6807\u7B7E`,
-      style: {
-        margin: "2px",
-        cursor: "pointer",
-        opacity: tag.active ? 1 : 0.7
-      }
-    },
-    tag.name
-  ))), /* @__PURE__ */ React.createElement("p", null, "\u5DF2\u9009\u62E9\u7684\u6280\u672F:", " ", activeTags.length > 0 ? activeTags.map((tag) => tag.name).join(", ") : "\u65E0"), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setTags(
-          (prevTags) => prevTags.map((tag) => __spreadProps(__spreadValues({}, tag), { active: false }))
-        );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h4", { children: "\u6280\u672F\u6807\u7B7E\u9009\u62E9\u5668" }),
+    /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: tags.map((tag) => /* @__PURE__ */ jsx(
+      Tag,
+      {
+        color: tag.color,
+        variant: tag.active ? "contained" : "outlined",
+        onClick: () => toggleTag(tag.id),
+        "aria-label": `${tag.active ? "\u53D6\u6D88\u9009\u62E9" : "\u9009\u62E9"} ${tag.name} \u6280\u672F\u6807\u7B7E`,
+        style: {
+          margin: "2px",
+          cursor: "pointer",
+          opacity: tag.active ? 1 : 0.7
+        },
+        children: tag.name
+      },
+      tag.id
+    )) }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "\u5DF2\u9009\u62E9\u7684\u6280\u672F:",
+      " ",
+      activeTags.length > 0 ? activeTags.map((tag) => tag.name).join(", ") : "\u65E0"
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setTags(
+            (prevTags) => prevTags.map((tag) => __spreadProps(__spreadValues({}, tag), { active: false }))
+          );
+        },
+        children: "\u6E05\u9664\u6240\u6709\u9009\u62E9"
       }
-    },
-    "\u6E05\u9664\u6240\u6709\u9009\u62E9"
-  ));
+    )
+  ] });
 };
 const complexTagListDemo = () => {
-  return /* @__PURE__ */ React.createElement(ComplexTagListDemo, null);
+  return /* @__PURE__ */ jsx(ComplexTagListDemo, {});
 };
 var A11yDemos_default = {
   basicTagDemo,

package/es/TextArea/TextArea.d.ts

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