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

package/dist/Tabs/Tabs.js

@@ -59,6 +59,7 @@ __export(Tabs_exports, {
   default: () => Tabs_default
 });
 module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -144,7 +145,7 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
   const renderedTabs = (0, import_react.useMemo)(() => {
     if (tabs.length > 0) {
-      return tabs.map((item) => /* @__PURE__ */ import_react.default.createElement(import_Tab.default, { key: item.index, index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled }, item.title));
+      return tabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tab.default, { index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled, children: item.title }, item.index));
     }
     return children;
   }, [tabs, children]);
@@ -167,24 +168,32 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       resizeObserver.disconnect();
     };
   }, [registrationVersion]);
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(import_classes.tabsRootClass, className) }, others), { ref }), isScrollable && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "left" }), /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "right" })), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: import_classes.tabsScrollClass,
-      ref: tabsRef,
-      role: "tablist",
-      "aria-orientation": "horizontal"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_TabIndicator.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(import_classes.tabsRootClass, className) }, others), { ref, children: [
+    isScrollable && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabMask.default, { position: "left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabMask.default, { position: "right" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
       {
-        currentValue,
-        registeredTabs,
-        tabsContainerRef: tabsRef
+        className: import_classes.tabsScrollClass,
+        ref: tabsRef,
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_TabIndicator.default,
+            {
+              currentValue,
+              registeredTabs,
+              tabsContainerRef: tabsRef
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabsContext.TabsContextProvider, { value: contextValue, children: renderedTabs })
+        ]
       }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContextProvider, { value: contextValue }, renderedTabs)
-  ));
+    )
+  ] }));
 });
 Tabs.displayName = "BuiTabs";
 var Tabs_default = Tabs;

package/dist/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/dist/Tabs/miniapp/Tab.js

@@ -30,6 +30,7 @@ __export(Tab_exports, {
   default: () => Tab_default
 });
 module.exports = __toCommonJS(Tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -83,7 +84,7 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     className
   );
   const tabId = tabsContainerId ? `${tabsContainerId}-tab-${index}` : void 0;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       id: tabId,
@@ -95,9 +96,9 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
           return;
         triggerChange == null ? void 0 : triggerChange(e, { index });
         onClick == null ? void 0 : onClick(e, { index });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 });
 Tab.displayName = "BuiTab";

package/dist/Tabs/miniapp/TabIndicator.js

@@ -50,7 +50,8 @@ __export(TabIndicator_exports, {
   default: () => TabIndicator_default
 });
 module.exports = __toCommonJS(TabIndicator_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_clsx = __toESM(require("clsx"));
 var import_taro = __toESM(require("@tarojs/taro"));
 var import_utils = require("@bifrostui/utils");
@@ -283,7 +284,7 @@ const TabIndicator = ({
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: indicatorRef,

package/dist/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/dist/Tabs/miniapp/Tabs.js

@@ -50,6 +50,7 @@ __export(Tabs_exports, {
   default: () => Tabs_default
 });
 module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_taro = __toESM(require("@tarojs/taro"));
@@ -217,34 +218,43 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
   const renderedTabs = (0, import_react.useMemo)(() => {
     if (tabs.length > 0) {
-      return tabs.map((item) => /* @__PURE__ */ import_react.default.createElement(import_Tab.default, { key: item.index, index: item == null ? void 0 : item.index, disabled: item == null ? void 0 : item.disabled }, item.title));
+      return tabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tab.default, { 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__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(import_classes.tabsRootClass, className), style, ref }, isScrollable && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "left" }), /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "right" })), /* @__PURE__ */ import_react.default.createElement(
-    import_components.ScrollView,
-    {
-      id: scrollViewId,
-      className: import_classes.tabsScrollClass,
-      scrollX: true,
-      scrollWithAnimation,
-      scrollLeft,
-      onScroll: handleScroll,
-      enhanced: true,
-      showScrollbar: false,
-      enablePassive: true
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { id: wrapperId, className: import_classes.tabsScrollWrapperClass }, /* @__PURE__ */ import_react.default.createElement(
-      import_TabIndicator.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(import_classes.tabsRootClass, className), style, ref, children: [
+    isScrollable && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabMask.default, { position: "left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabMask.default, { position: "right" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.ScrollView,
       {
-        currentValue,
-        registeredTabValues,
-        wrapperId,
-        scrollViewId,
-        registrationVersion
+        id: scrollViewId,
+        className: import_classes.tabsScrollClass,
+        scrollX: true,
+        scrollWithAnimation,
+        scrollLeft,
+        onScroll: handleScroll,
+        enhanced: true,
+        showScrollbar: false,
+        enablePassive: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: wrapperId, className: import_classes.tabsScrollWrapperClass, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_TabIndicator.default,
+            {
+              currentValue,
+              registeredTabValues,
+              wrapperId,
+              scrollViewId,
+              registrationVersion
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabsContext.TabsContextProvider, { value: contextValue, children: renderedTabs })
+        ] })
       }
-    ), /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContextProvider, { value: contextValue }, renderedTabs))
-  ));
+    )
+  ] });
 });
 Tabs.displayName = "BuiTabs";
 var Tabs_default = Tabs;

package/dist/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/dist/Tag/Tag.js

@@ -1,6 +1,8 @@
 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;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(Tag_exports, {
   default: () => Tag_default
 });
 module.exports = __toCommonJS(Tag_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
@@ -109,9 +113,9 @@ const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(
         prefixCls,
         {
@@ -123,8 +127,9 @@ const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref,
       style: __spreadValues(__spreadValues({}, style), customStyles),
       onClick
-    }, others),
-    children
+    }, others), {
+      children
+    })
   );
 });
 Tag.displayName = "BuiTag";

package/dist/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/dist/Tag/TagGroup.js

@@ -1,6 +1,8 @@
 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;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(TagGroup_exports, {
   default: () => TagGroup_default
 });
 module.exports = __toCommonJS(TagGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_TagGroup2 = require("./TagGroup.css");
@@ -63,14 +67,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__ */ (0, import_jsx_runtime.jsx)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         onClick,
         className: (0, import_clsx.default)(prefixCls, className)
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/dist/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/dist/Tag/__tests__/fixtures/A11yDemos.js

@@ -53,13 +53,25 @@ __export(A11yDemos_exports, {
   variantTagDemo: () => variantTagDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Tag = __toESM(require("../../Tag"));
 const basicTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "primary" }, "\u4E3B\u8981\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "success" }, "\u6210\u529F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "warning" }, "\u8B66\u544A\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "danger" }, "\u5371\u9669\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "info" }, "\u4FE1\u606F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "neutral" }, "\u4E2D\u6027\u6807\u7B7E"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "primary", children: "\u4E3B\u8981\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "success", children: "\u6210\u529F\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "warning", children: "\u8B66\u544A\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "danger", children: "\u5371\u9669\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "info", children: "\u4FE1\u606F\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "neutral", children: "\u4E2D\u6027\u6807\u7B7E" })
+  ] });
 };
 const variantTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "contained", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { variant: "contained", color: "primary", children: "\u586B\u5145\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { variant: "outlined", color: "success", children: "\u8FB9\u6846\u6807\u7B7E" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { variant: "subtle", color: "warning", children: "\u8F7B\u91CF\u6807\u7B7E" })
+  ] });
 };
 const ClickableTagDemo = () => {
   const [clicked, setClicked] = (0, import_react.useState)([]);
@@ -69,66 +81,83 @@ const ClickableTagDemo = () => {
     );
     console.log(`\u70B9\u51FB\u4E86\u6807\u7B7E: ${tag}`);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      color: "primary",
-      onClick: () => handleTagClick("tag1"),
-      style: {
-        opacity: clicked.includes("tag1") ? 0.6 : 1,
-        margin: "4px"
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        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__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      color: "success",
-      onClick: () => handleTagClick("tag2"),
-      style: {
-        opacity: clicked.includes("tag2") ? 0.6 : 1,
-        margin: "4px"
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        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__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      color: "warning",
-      onClick: () => handleTagClick("tag3"),
-      style: {
-        opacity: clicked.includes("tag3") ? 0.6 : 1,
-        margin: "4px"
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        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__ */ import_react.default.createElement("p", null, "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ", clicked.join(", ")));
+    ),
+    clicked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+      "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ",
+      clicked.join(", ")
+    ] })
+  ] });
 };
 const customColorTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#ff6b6b", variant: "contained" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "contained" }, "RGB \u9EC4\u8272"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { htmlColor: "#ff6b6b", variant: "contained", children: "\u81EA\u5B9A\u4E49\u7EA2\u8272" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined", children: "\u81EA\u5B9A\u4E49\u9752\u8272" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle", children: "\u81EA\u5B9A\u4E49\u84DD\u8272" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "contained", children: "RGB \u9EC4\u8272" })
+  ] });
 };
 const ariaLabelTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      color: "primary",
-      onClick: () => {
-        console.log("\u5220\u9664\u7528\u6237");
-      },
-      "aria-label": "\u5220\u9664\u7528\u6237\u6807\u7B7E"
-    },
-    "\u7528\u6237"
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      color: "success",
-      onClick: () => {
-        console.log("\u7F16\u8F91\u9879\u76EE");
-      },
-      "aria-label": "\u7F16\u8F91\u9879\u76EE\u6807\u7B7E"
-    },
-    "\u9879\u76EE"
-  ), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "info", "aria-label": "\u53EA\u8BFB\u7684\u8BBE\u7F6E\u4FE1\u606F" }, "\u8BBE\u7F6E"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        color: "primary",
+        onClick: () => {
+          console.log("\u5220\u9664\u7528\u6237");
+        },
+        "aria-label": "\u5220\u9664\u7528\u6237\u6807\u7B7E",
+        children: "\u7528\u6237"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        color: "success",
+        onClick: () => {
+          console.log("\u7F16\u8F91\u9879\u76EE");
+        },
+        "aria-label": "\u7F16\u8F91\u9879\u76EE\u6807\u7B7E",
+        children: "\u9879\u76EE"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tag.default, { color: "info", "aria-label": "\u53EA\u8BFB\u7684\u8BBE\u7F6E\u4FE1\u606F", children: "\u8BBE\u7F6E" })
+  ] });
 };
 const ComplexTagListDemo = () => {
   const [tags, setTags] = (0, import_react.useState)([
@@ -146,36 +175,45 @@ const ComplexTagListDemo = () => {
     );
   };
   const activeTags = tags.filter((tag) => tag.active);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "\u6280\u672F\u6807\u7B7E\u9009\u62E9\u5668"), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "10px" } }, tags.map((tag) => /* @__PURE__ */ import_react.default.createElement(
-    import_Tag.default,
-    {
-      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__ */ import_react.default.createElement("p", null, "\u5DF2\u9009\u62E9\u7684\u6280\u672F:", " ", activeTags.length > 0 ? activeTags.map((tag) => tag.name).join(", ") : "\u65E0"), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setTags(
-          (prevTags) => prevTags.map((tag) => __spreadProps(__spreadValues({}, tag), { active: false }))
-        );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "\u6280\u672F\u6807\u7B7E\u9009\u62E9\u5668" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginBottom: "10px" }, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Tag.default,
+      {
+        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__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+      "\u5DF2\u9009\u62E9\u7684\u6280\u672F:",
+      " ",
+      activeTags.length > 0 ? activeTags.map((tag) => tag.name).join(", ") : "\u65E0"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ import_react.default.createElement(ComplexTagListDemo, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComplexTagListDemo, {});
 };
 var A11yDemos_default = {
   basicTagDemo,

package/dist/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;