@svton/taro-ui 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 // src/components/TabBar/index.tsx
-import React2, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { View, Text } from "@tarojs/components";
 import { usePersistFn } from "@svton/hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
 function TabBar(props) {
-  var _a;
   const {
     items,
     activeKey: controlledActiveKey,
@@ -15,7 +15,7 @@ function TabBar(props) {
     showIndicator = true,
     sticky = true
   } = props;
-  const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey || ((_a = items[0]) == null ? void 0 : _a.key));
+  const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey || items[0]?.key);
   const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey;
   const activeIndex = items.findIndex((item) => item.key === activeKey);
   const indicatorLeft = items.length > 0 ? `${(activeIndex + 0.5) * (100 / items.length)}%` : "50%";
@@ -24,38 +24,41 @@ function TabBar(props) {
     if (controlledActiveKey === void 0) {
       setInternalActiveKey(key);
     }
-    onChange == null ? void 0 : onChange(key);
+    onChange?.(key);
   });
   useEffect(() => {
     if (controlledActiveKey !== void 0) {
       setInternalActiveKey(controlledActiveKey);
     }
   }, [controlledActiveKey]);
-  return /* @__PURE__ */ React2.createElement(View, { className: `svton-tab-bar ${sticky ? "sticky" : ""} ${className}`, style }, /* @__PURE__ */ React2.createElement(View, { className: "svton-tab-bar__list" }, items.map((item) => /* @__PURE__ */ React2.createElement(
-    View,
-    {
-      key: item.key,
-      className: `svton-tab-bar__item ${activeKey === item.key ? "active" : ""} ${item.disabled ? "disabled" : ""}`,
-      onClick: () => handleTabChange(item.key, item.disabled)
-    },
-    item.render ? item.render() : /* @__PURE__ */ React2.createElement(Text, { className: "svton-tab-bar__text" }, item.label)
-  ))), showIndicator && items.length > 0 && /* @__PURE__ */ React2.createElement(View, { className: "svton-tab-bar__indicator-wrapper" }, /* @__PURE__ */ React2.createElement(
-    View,
-    {
-      className: "svton-tab-bar__indicator",
-      style: {
-        left: indicatorLeft,
-        width: `${indicatorWidth}px`,
-        marginLeft: `-${indicatorWidth / 2}px`
+  return /* @__PURE__ */ jsxs(View, { className: `svton-tab-bar ${sticky ? "sticky" : ""} ${className}`, style, children: [
+    /* @__PURE__ */ jsx(View, { className: "svton-tab-bar__list", children: items.map((item) => /* @__PURE__ */ jsx(
+      View,
+      {
+        className: `svton-tab-bar__item ${activeKey === item.key ? "active" : ""} ${item.disabled ? "disabled" : ""}`,
+        onClick: () => handleTabChange(item.key, item.disabled),
+        children: item.render ? item.render() : /* @__PURE__ */ jsx(Text, { className: "svton-tab-bar__text", children: item.label })
+      },
+      item.key
+    )) }),
+    showIndicator && items.length > 0 && /* @__PURE__ */ jsx(View, { className: "svton-tab-bar__indicator-wrapper", children: /* @__PURE__ */ jsx(
+      View,
+      {
+        className: "svton-tab-bar__indicator",
+        style: {
+          left: indicatorLeft,
+          width: `${indicatorWidth}px`,
+          marginLeft: `-${indicatorWidth / 2}px`
+        }
       }
-    }
-  )));
+    ) })
+  ] });
 }
 
 // src/components/Button/index.tsx
-import React3 from "react";
 import { View as View2, Text as Text2 } from "@tarojs/components";
 import { usePersistFn as usePersistFn2 } from "@svton/hooks";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button(props) {
   const {
     type = "default",
@@ -70,24 +73,26 @@ function Button(props) {
   } = props;
   const handleClick = usePersistFn2(() => {
     if (disabled || loading) return;
-    onClick == null ? void 0 : onClick();
+    onClick?.();
   });
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ jsxs2(
     View2,
     {
       className: `svton-button svton-button--${type} svton-button--${size} ${block ? "svton-button--block" : ""} ${disabled ? "svton-button--disabled" : ""} ${loading ? "svton-button--loading" : ""} ${className}`,
       style,
-      onClick: handleClick
-    },
-    loading && /* @__PURE__ */ React3.createElement(View2, { className: "svton-button__loading" }, /* @__PURE__ */ React3.createElement(Text2, { className: "svton-button__loading-icon" }, "\u23F3")),
-    /* @__PURE__ */ React3.createElement(Text2, { className: "svton-button__text" }, children)
+      onClick: handleClick,
+      children: [
+        loading && /* @__PURE__ */ jsx2(View2, { className: "svton-button__loading", children: /* @__PURE__ */ jsx2(Text2, { className: "svton-button__loading-icon", children: "\u23F3" }) }),
+        /* @__PURE__ */ jsx2(Text2, { className: "svton-button__text", children })
+      ]
+    }
   );
 }
 
 // src/components/List/index.tsx
-import React4 from "react";
 import { View as View3, ScrollView, Text as Text3 } from "@tarojs/components";
 import Taro, { usePullDownRefresh, useReachBottom } from "@tarojs/taro";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function List(props) {
   const {
     data,
@@ -114,42 +119,49 @@ function List(props) {
       return;
     }
     try {
-      await (onRefresh == null ? void 0 : onRefresh());
+      await onRefresh?.();
     } finally {
       Taro.stopPullDownRefresh();
     }
   });
   useReachBottom(async () => {
     if (!enableLoadMore || !hasMore || loading || !onLoadMore) return;
-    await (onLoadMore == null ? void 0 : onLoadMore());
+    await onLoadMore?.();
   });
   const renderEmptyContent = () => {
     if (renderEmpty) {
       return renderEmpty();
     }
-    return /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__empty" }, /* @__PURE__ */ React4.createElement(Text3, { className: "svton-list__empty-text" }, emptyText));
+    return /* @__PURE__ */ jsx3(View3, { className: "svton-list__empty", children: /* @__PURE__ */ jsx3(Text3, { className: "svton-list__empty-text", children: emptyText }) });
   };
   const renderLoadingTip = () => {
     if (!loading && !hasMore) {
-      return /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__tip svton-list__tip--no-more" }, /* @__PURE__ */ React4.createElement(Text3, null, noMoreText));
+      return /* @__PURE__ */ jsx3(View3, { className: "svton-list__tip svton-list__tip--no-more", children: /* @__PURE__ */ jsx3(Text3, { children: noMoreText }) });
     }
     if (loading && data.length > 0) {
-      return /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__tip svton-list__tip--loading" }, /* @__PURE__ */ React4.createElement(Text3, null, loadingText));
+      return /* @__PURE__ */ jsx3(View3, { className: "svton-list__tip svton-list__tip--loading", children: /* @__PURE__ */ jsx3(Text3, { children: loadingText }) });
     }
     return null;
   };
-  return /* @__PURE__ */ React4.createElement(ScrollView, { className: `svton-list ${className}`, style, scrollY: true, enableBackToTop: true }, header && /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__header" }, header), data.length === 0 && !loading ? renderEmptyContent() : /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__content" }, data.map((item, index) => /* @__PURE__ */ React4.createElement(View3, { key: keyExtractor(item, index), className: "svton-list__item" }, renderItem(item, index)))), renderLoadingTip(), footer && /* @__PURE__ */ React4.createElement(View3, { className: "svton-list__footer" }, footer));
+  return /* @__PURE__ */ jsxs3(ScrollView, { className: `svton-list ${className}`, style, scrollY: true, enableBackToTop: true, children: [
+    header && /* @__PURE__ */ jsx3(View3, { className: "svton-list__header", children: header }),
+    data.length === 0 && !loading ? renderEmptyContent() : /* @__PURE__ */ jsx3(View3, { className: "svton-list__content", children: data.map((item, index) => /* @__PURE__ */ jsx3(View3, { className: "svton-list__item", children: renderItem(item, index) }, keyExtractor(item, index))) }),
+    renderLoadingTip(),
+    footer && /* @__PURE__ */ jsx3(View3, { className: "svton-list__footer", children: footer })
+  ] });
 }
 
 // src/components/NavBar/index.tsx
-import React6, { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 import { View as View5, Text as Text4, Image } from "@tarojs/components";
 import Taro3 from "@tarojs/taro";
 
 // src/utils/systemInfo.ts
 import Taro2 from "@tarojs/taro";
 var SystemInfoManager = class {
-  info = null;
+  constructor() {
+    this.info = null;
+  }
   async init() {
     try {
       const systemInfo = await Taro2.getSystemInfo();
@@ -231,23 +243,21 @@ var SystemInfoManager = class {
     return this.info;
   }
   getStatusBarHeight() {
-    var _a;
-    return ((_a = this.info) == null ? void 0 : _a.statusBarHeight) || 44;
+    return this.info?.statusBarHeight || 44;
   }
   getNavBarHeight() {
-    var _a;
-    return ((_a = this.info) == null ? void 0 : _a.navBarHeight) || 88;
+    return this.info?.navBarHeight || 88;
   }
   getSafeAreaInsets() {
-    var _a;
-    return ((_a = this.info) == null ? void 0 : _a.safeAreaInsets) || { top: 44, right: 0, bottom: 0, left: 0 };
+    return this.info?.safeAreaInsets || { top: 44, right: 0, bottom: 0, left: 0 };
   }
 };
 var systemInfoManager = new SystemInfoManager();
 
 // src/components/StatusBar/index.tsx
-import React5, { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 import { View as View4 } from "@tarojs/components";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function StatusBar({ backgroundColor, className = "" }) {
   const [height, setHeight] = useState2(44);
   useEffect2(() => {
@@ -256,7 +266,7 @@ function StatusBar({ backgroundColor, className = "" }) {
       setHeight(info.statusBarHeight);
     }
   }, []);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsx4(
     View4,
     {
       className: `status-bar ${className}`,
@@ -269,6 +279,7 @@ function StatusBar({ backgroundColor, className = "" }) {
 }
 
 // src/components/NavBar/index.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var BACK_ICON_SVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTUgMThMOSAxMkwxNSA2IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=";
 function CustomNavBar({
   title = "",
@@ -355,42 +366,54 @@ function CustomNavBar({
   const navBarClass = `custom-nav-bar ${fixed ? "fixed" : ""}`;
   const actualBgColor = getBackgroundColor();
   const totalHeight = statusBarHeight + navBarContentHeight;
-  const navBarContent = /* @__PURE__ */ React6.createElement(View5, { className: navBarClass, style: { backgroundColor: actualBgColor } }, /* @__PURE__ */ React6.createElement(StatusBar, { backgroundColor: actualBgColor }), /* @__PURE__ */ React6.createElement(
-    View5,
-    {
-      className: "nav-bar-content",
-      style: {
-        height: `${navBarContentHeight}px`,
-        backgroundColor: actualBgColor
-      }
-    },
-    (showBack || showClose) && /* @__PURE__ */ React6.createElement(View5, { className: "nav-left" }, showBack && /* @__PURE__ */ React6.createElement(View5, { className: "nav-btn", onClick: handleBack }, /* @__PURE__ */ React6.createElement(
-      Image,
-      {
-        className: "nav-icon-img back-icon-img",
-        src: BACK_ICON_SVG,
-        mode: "aspectFit"
-      }
-    )), showClose && /* @__PURE__ */ React6.createElement(View5, { className: "nav-btn", onClick: handleClose }, /* @__PURE__ */ React6.createElement(Text4, { className: "nav-icon close-icon", style: { color: textColor } }, "\u2715"))),
-    title && /* @__PURE__ */ React6.createElement(View5, { className: "nav-title" }, /* @__PURE__ */ React6.createElement(Text4, { className: "title-text", style: { color: textColor } }, title)),
-    rightContent && /* @__PURE__ */ React6.createElement(View5, { className: "nav-right", style: { right: `${getRightSafeDistance()}px` } }, rightContent)
-  ));
-  if (fixed) {
-    return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+  const navBarContent = /* @__PURE__ */ jsxs4(View5, { className: navBarClass, style: { backgroundColor: actualBgColor }, children: [
+    /* @__PURE__ */ jsx5(StatusBar, { backgroundColor: actualBgColor }),
+    /* @__PURE__ */ jsxs4(
       View5,
       {
-        className: "nav-bar-placeholder",
-        style: { height: `${totalHeight}px` }
+        className: "nav-bar-content",
+        style: {
+          height: `${navBarContentHeight}px`,
+          backgroundColor: actualBgColor
+        },
+        children: [
+          (showBack || showClose) && /* @__PURE__ */ jsxs4(View5, { className: "nav-left", children: [
+            showBack && /* @__PURE__ */ jsx5(View5, { className: "nav-btn", onClick: handleBack, children: /* @__PURE__ */ jsx5(
+              Image,
+              {
+                className: "nav-icon-img back-icon-img",
+                src: BACK_ICON_SVG,
+                mode: "aspectFit"
+              }
+            ) }),
+            showClose && /* @__PURE__ */ jsx5(View5, { className: "nav-btn", onClick: handleClose, children: /* @__PURE__ */ jsx5(Text4, { className: "nav-icon close-icon", style: { color: textColor }, children: "\u2715" }) })
+          ] }),
+          title && /* @__PURE__ */ jsx5(View5, { className: "nav-title", children: /* @__PURE__ */ jsx5(Text4, { className: "title-text", style: { color: textColor }, children: title }) }),
+          rightContent && /* @__PURE__ */ jsx5(View5, { className: "nav-right", style: { right: `${getRightSafeDistance()}px` }, children: rightContent })
+        ]
       }
-    ), navBarContent);
+    )
+  ] });
+  if (fixed) {
+    return /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx5(
+        View5,
+        {
+          className: "nav-bar-placeholder",
+          style: { height: `${totalHeight}px` }
+        }
+      ),
+      navBarContent
+    ] });
   }
   return navBarContent;
 }
 
 // src/components/ImageUploader/index.tsx
-import React7, { useState as useState4 } from "react";
+import { useState as useState4 } from "react";
 import { View as View6, Image as Image2 } from "@tarojs/components";
 import Taro4 from "@tarojs/taro";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ImageUploader({
   value = [],
   onChange,
@@ -421,7 +444,7 @@ function ImageUploader({
       });
       const urls = await Promise.all(uploadPromises);
       const newImages = [...value, ...urls];
-      onChange == null ? void 0 : onChange(newImages);
+      onChange?.(newImages);
       Taro4.showToast({
         title: "\u4E0A\u4F20\u6210\u529F",
         icon: "success"
@@ -448,33 +471,46 @@ function ImageUploader({
       success: (res) => {
         if (res.confirm) {
           const newImages = value.filter((_, i) => i !== index);
-          onChange == null ? void 0 : onChange(newImages);
+          onChange?.(newImages);
         }
       }
     });
   };
-  return /* @__PURE__ */ React7.createElement(View6, { className: "image-uploader" }, /* @__PURE__ */ React7.createElement(View6, { className: "image-list" }, value.map((url, index) => /* @__PURE__ */ React7.createElement(View6, { key: index, className: "image-item" }, /* @__PURE__ */ React7.createElement(
-    Image2,
-    {
-      src: url,
-      mode: "aspectFill",
-      className: "image",
-      onClick: () => handlePreview(index)
-    }
-  ), /* @__PURE__ */ React7.createElement(View6, { className: "delete-btn", onClick: () => handleDelete(index) }, "\xD7"))), value.length < maxCount && /* @__PURE__ */ React7.createElement(
-    View6,
-    {
-      className: `add-btn ${uploading ? "disabled" : ""}`,
-      onClick: uploading ? void 0 : handleChooseImage
-    },
-    uploading ? /* @__PURE__ */ React7.createElement(View6, { className: "loading" }, "\u4E0A\u4F20\u4E2D...") : /* @__PURE__ */ React7.createElement(View6, { className: "add-icon" }, "+")
-  )), /* @__PURE__ */ React7.createElement(View6, { className: "tip" }, "\u6700\u591A\u4E0A\u4F20 ", maxCount, " \u5F20\u56FE\u7247"));
+  return /* @__PURE__ */ jsxs5(View6, { className: "image-uploader", children: [
+    /* @__PURE__ */ jsxs5(View6, { className: "image-list", children: [
+      value.map((url, index) => /* @__PURE__ */ jsxs5(View6, { className: "image-item", children: [
+        /* @__PURE__ */ jsx6(
+          Image2,
+          {
+            src: url,
+            mode: "aspectFill",
+            className: "image",
+            onClick: () => handlePreview(index)
+          }
+        ),
+        /* @__PURE__ */ jsx6(View6, { className: "delete-btn", onClick: () => handleDelete(index), children: "\xD7" })
+      ] }, index)),
+      value.length < maxCount && /* @__PURE__ */ jsx6(
+        View6,
+        {
+          className: `add-btn ${uploading ? "disabled" : ""}`,
+          onClick: uploading ? void 0 : handleChooseImage,
+          children: uploading ? /* @__PURE__ */ jsx6(View6, { className: "loading", children: "\u4E0A\u4F20\u4E2D..." }) : /* @__PURE__ */ jsx6(View6, { className: "add-icon", children: "+" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5(View6, { className: "tip", children: [
+      "\u6700\u591A\u4E0A\u4F20 ",
+      maxCount,
+      " \u5F20\u56FE\u7247"
+    ] })
+  ] });
 }
 
 // src/components/ImageGrid/index.tsx
-import React8 from "react";
 import { View as View7, Image as Image3 } from "@tarojs/components";
 import Taro5 from "@tarojs/taro";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ImageGrid({ images, maxCount = 9, onImageClick }) {
   const displayImages = images.slice(0, maxCount);
   const count = displayImages.length;
@@ -493,19 +529,26 @@ function ImageGrid({ images, maxCount = 9, onImageClick }) {
       });
     }
   };
-  return /* @__PURE__ */ React8.createElement(View7, { className: `image-grid ${getGridClass()}` }, displayImages.map((url, index) => /* @__PURE__ */ React8.createElement(View7, { key: index, className: "image-item", onClick: () => handleImageClick(index) }, /* @__PURE__ */ React8.createElement(
-    Image3,
-    {
-      src: url,
-      mode: count === 1 ? "widthFix" : "aspectFill",
-      className: "image",
-      lazyLoad: true
-    }
-  ), index === maxCount - 1 && images.length > maxCount && /* @__PURE__ */ React8.createElement(View7, { className: "image-overlay" }, /* @__PURE__ */ React8.createElement(View7, { className: "image-count" }, "+", images.length - maxCount + 1)))));
+  return /* @__PURE__ */ jsx7(View7, { className: `image-grid ${getGridClass()}`, children: displayImages.map((url, index) => /* @__PURE__ */ jsxs6(View7, { className: "image-item", onClick: () => handleImageClick(index), children: [
+    /* @__PURE__ */ jsx7(
+      Image3,
+      {
+        src: url,
+        mode: count === 1 ? "widthFix" : "aspectFill",
+        className: "image",
+        lazyLoad: true
+      }
+    ),
+    index === maxCount - 1 && images.length > maxCount && /* @__PURE__ */ jsx7(View7, { className: "image-overlay", children: /* @__PURE__ */ jsxs6(View7, { className: "image-count", children: [
+      "+",
+      images.length - maxCount + 1
+    ] }) })
+  ] }, index)) });
 }
 
 // src/components/Tabs/index.tsx
 import { View as View8, Text as Text5 } from "@tarojs/components";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Tabs({ activeKey, items, onChange, className = "" }) {
   const handleItemClick = (e) => {
     const key = e.currentTarget.dataset.key;
@@ -513,23 +556,30 @@ function Tabs({ activeKey, items, onChange, className = "" }) {
       onChange(key);
     }
   };
-  return /* @__PURE__ */ React.createElement(View8, { className: `svton-tabs ${className}` }, items.map((item) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx8(View8, { className: `svton-tabs ${className}`, children: items.map((item) => /* @__PURE__ */ jsxs7(
     View8,
     {
-      key: item.key,
       "data-key": item.key,
       className: `svton-tabs__item ${activeKey === item.key ? "svton-tabs__item--active" : ""}`,
-      onClick: handleItemClick
+      onClick: handleItemClick,
+      children: [
+        /* @__PURE__ */ jsx8(Text5, { className: "svton-tabs__label", children: item.label }),
+        item.count !== void 0 && /* @__PURE__ */ jsxs7(Text5, { className: "svton-tabs__count", children: [
+          "(",
+          item.count,
+          ")"
+        ] })
+      ]
     },
-    /* @__PURE__ */ React.createElement(Text5, { className: "svton-tabs__label" }, item.label),
-    item.count !== void 0 && /* @__PURE__ */ React.createElement(Text5, { className: "svton-tabs__count" }, "(", item.count, ")")
-  )));
+    item.key
+  )) });
 }
 var Tabs_default = Tabs;
 
 // src/components/ContentActionBar/index.tsx
-import React9, { useState as useState5 } from "react";
+import { useState as useState5 } from "react";
 import { View as View9, Text as Text6, Textarea, Image as Image4 } from "@tarojs/components";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ICONS = {
   // 点赞图标（未点赞） - 空心心形
   like: "https://miaoduo.fbcontent.cn/private/resource/image/19a9ba374ebbee0-0aa9c734-e868-4861-9bfd-37de7ed3a123.svg",
@@ -568,7 +618,7 @@ function ContentActionBar({
     if (!inputValue.trim() || submitting || disabled) return;
     setSubmitting(true);
     try {
-      await (onComment == null ? void 0 : onComment(inputValue.trim()));
+      await onComment?.(inputValue.trim());
       handleCollapse();
     } catch (error) {
       console.error("\u8BC4\u8BBA\u5931\u8D25:", error);
@@ -579,79 +629,99 @@ function ContentActionBar({
   const handleLike = (e) => {
     e.stopPropagation();
     if (disabled) return;
-    onLike == null ? void 0 : onLike();
+    onLike?.();
   };
   const handleFavorite = (e) => {
     e.stopPropagation();
     if (disabled) return;
-    onFavorite == null ? void 0 : onFavorite();
+    onFavorite?.();
   };
   const handleShare = (e) => {
     e.stopPropagation();
     if (disabled) return;
-    onShare == null ? void 0 : onShare();
+    onShare?.();
   };
-  return /* @__PURE__ */ React9.createElement(View9, { className: "content-action-bar" }, !isExpanded ? (
+  return /* @__PURE__ */ jsx9(View9, { className: "content-action-bar", children: !isExpanded ? (
     // 收起状态：输入框占位 + 操作按钮
-    /* @__PURE__ */ React9.createElement(View9, { className: "action-bar-collapsed" }, /* @__PURE__ */ React9.createElement(View9, { className: "input-placeholder", onClick: handleExpand }, /* @__PURE__ */ React9.createElement(Text6, { className: "placeholder-text" }, placeholder)), /* @__PURE__ */ React9.createElement(View9, { className: "action-buttons" }, /* @__PURE__ */ React9.createElement(
-      View9,
-      {
-        className: `action-btn ${liked ? "active" : ""}`,
-        onClick: handleLike
-      },
-      /* @__PURE__ */ React9.createElement(
-        Image4,
-        {
-          className: `action-icon-img ${liked ? "liked" : ""}`,
-          src: liked ? ICONS.liked : ICONS.like,
-          mode: "aspectFit"
-        }
-      )
-    ), /* @__PURE__ */ React9.createElement(
-      View9,
-      {
-        className: `action-btn ${favorited ? "active" : ""}`,
-        onClick: handleFavorite
-      },
-      /* @__PURE__ */ React9.createElement(
-        Image4,
-        {
-          className: `action-icon-img ${favorited ? "favorited" : ""}`,
-          src: favorited ? ICONS.favorited : ICONS.favorite,
-          mode: "aspectFit"
-        }
-      )
-    ), /* @__PURE__ */ React9.createElement(View9, { className: "action-btn", onClick: handleShare }, /* @__PURE__ */ React9.createElement(
-      Image4,
-      {
-        className: "action-icon-img",
-        src: ICONS.share,
-        mode: "aspectFit"
-      }
-    ))))
+    /* @__PURE__ */ jsxs8(View9, { className: "action-bar-collapsed", children: [
+      /* @__PURE__ */ jsx9(View9, { className: "input-placeholder", onClick: handleExpand, children: /* @__PURE__ */ jsx9(Text6, { className: "placeholder-text", children: placeholder }) }),
+      /* @__PURE__ */ jsxs8(View9, { className: "action-buttons", children: [
+        /* @__PURE__ */ jsx9(
+          View9,
+          {
+            className: `action-btn ${liked ? "active" : ""}`,
+            onClick: handleLike,
+            children: /* @__PURE__ */ jsx9(
+              Image4,
+              {
+                className: `action-icon-img ${liked ? "liked" : ""}`,
+                src: liked ? ICONS.liked : ICONS.like,
+                mode: "aspectFit"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          View9,
+          {
+            className: `action-btn ${favorited ? "active" : ""}`,
+            onClick: handleFavorite,
+            children: /* @__PURE__ */ jsx9(
+              Image4,
+              {
+                className: `action-icon-img ${favorited ? "favorited" : ""}`,
+                src: favorited ? ICONS.favorited : ICONS.favorite,
+                mode: "aspectFit"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx9(View9, { className: "action-btn", onClick: handleShare, children: /* @__PURE__ */ jsx9(
+          Image4,
+          {
+            className: "action-icon-img",
+            src: ICONS.share,
+            mode: "aspectFit"
+          }
+        ) })
+      ] })
+    ] })
   ) : (
     // 展开状态：多行输入框 + 发送按钮
-    /* @__PURE__ */ React9.createElement(View9, { className: "action-bar-expanded" }, /* @__PURE__ */ React9.createElement(
-      Textarea,
-      {
-        className: "comment-textarea",
-        value: inputValue,
-        onInput: (e) => setInputValue(e.detail.value),
-        placeholder,
-        maxlength: maxLength,
-        autoHeight: true,
-        focus: true,
-        disabled
-      }
-    ), /* @__PURE__ */ React9.createElement(View9, { className: "expanded-actions" }, /* @__PURE__ */ React9.createElement(Text6, { className: "char-count" }, inputValue.length, "/", maxLength), /* @__PURE__ */ React9.createElement(View9, { className: "action-btns" }, /* @__PURE__ */ React9.createElement(View9, { className: "cancel-btn", onClick: handleCollapse }, /* @__PURE__ */ React9.createElement(Text6, { className: "btn-text" }, "\u53D6\u6D88")), /* @__PURE__ */ React9.createElement(
-      View9,
-      {
-        className: `send-btn ${inputValue.trim() && !submitting ? "active" : "disabled"}`,
-        onClick: handleSubmit
-      },
-      /* @__PURE__ */ React9.createElement(Text6, { className: "btn-text" }, submitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001")
-    ))))
-  ));
+    /* @__PURE__ */ jsxs8(View9, { className: "action-bar-expanded", children: [
+      /* @__PURE__ */ jsx9(
+        Textarea,
+        {
+          className: "comment-textarea",
+          value: inputValue,
+          onInput: (e) => setInputValue(e.detail.value),
+          placeholder,
+          maxlength: maxLength,
+          autoHeight: true,
+          focus: true,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxs8(View9, { className: "expanded-actions", children: [
+        /* @__PURE__ */ jsxs8(Text6, { className: "char-count", children: [
+          inputValue.length,
+          "/",
+          maxLength
+        ] }),
+        /* @__PURE__ */ jsxs8(View9, { className: "action-btns", children: [
+          /* @__PURE__ */ jsx9(View9, { className: "cancel-btn", onClick: handleCollapse, children: /* @__PURE__ */ jsx9(Text6, { className: "btn-text", children: "\u53D6\u6D88" }) }),
+          /* @__PURE__ */ jsx9(
+            View9,
+            {
+              className: `send-btn ${inputValue.trim() && !submitting ? "active" : "disabled"}`,
+              onClick: handleSubmit,
+              children: /* @__PURE__ */ jsx9(Text6, { className: "btn-text", children: submitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ) });
 }
 
 // src/hooks/useScrollOpacity.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svton/taro-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Production-ready Taro UI components library for mini-programs with TypeScript support",
   "keywords": [
     "taro",
@@ -37,12 +37,6 @@
       "require": "./dist/index.js"
     }
   },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm build"
-  },
   "peerDependencies": {
     "@tarojs/components": "^3.6.0",
     "@tarojs/taro": "^3.6.0",
@@ -59,5 +53,10 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit"
   }
-}
+}