@svton/taro-ui 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -45,11 +46,11 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/TabBar/index.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_components = require("@tarojs/components");
 var import_hooks = require("@svton/hooks");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TabBar(props) {
-  var _a;
   const {
     items,
     activeKey: controlledActiveKey,
@@ -61,7 +62,7 @@ function TabBar(props) {
     showIndicator = true,
     sticky = true
   } = props;
-  const [internalActiveKey, setInternalActiveKey] = (0, import_react.useState)(defaultActiveKey || ((_a = items[0]) == null ? void 0 : _a.key));
+  const [internalActiveKey, setInternalActiveKey] = (0, import_react.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%";
@@ -70,38 +71,41 @@ function TabBar(props) {
     if (controlledActiveKey === void 0) {
       setInternalActiveKey(key);
     }
-    onChange == null ? void 0 : onChange(key);
+    onChange?.(key);
   });
   (0, import_react.useEffect)(() => {
     if (controlledActiveKey !== void 0) {
       setInternalActiveKey(controlledActiveKey);
     }
   }, [controlledActiveKey]);
-  return /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: `svton-tab-bar ${sticky ? "sticky" : ""} ${className}`, style }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "svton-tab-bar__list" }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
-    import_components.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__ */ import_react.default.createElement(import_components.Text, { className: "svton-tab-bar__text" }, item.label)
-  ))), showIndicator && items.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "svton-tab-bar__indicator-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
-    import_components.View,
-    {
-      className: "svton-tab-bar__indicator",
-      style: {
-        left: indicatorLeft,
-        width: `${indicatorWidth}px`,
-        marginLeft: `-${indicatorWidth / 2}px`
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.View, { className: `svton-tab-bar ${sticky ? "sticky" : ""} ${className}`, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.View, { className: "svton-tab-bar__list", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.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__ */ (0, import_jsx_runtime.jsx)(import_components.Text, { className: "svton-tab-bar__text", children: item.label })
+      },
+      item.key
+    )) }),
+    showIndicator && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.View, { className: "svton-tab-bar__indicator-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.View,
+      {
+        className: "svton-tab-bar__indicator",
+        style: {
+          left: indicatorLeft,
+          width: `${indicatorWidth}px`,
+          marginLeft: `-${indicatorWidth / 2}px`
+        }
       }
-    }
-  )));
+    ) })
+  ] });
 }
 
 // src/components/Button/index.tsx
-var import_react2 = __toESM(require("react"));
 var import_components2 = require("@tarojs/components");
 var import_hooks2 = require("@svton/hooks");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Button(props) {
   const {
     type = "default",
@@ -116,24 +120,26 @@ function Button(props) {
   } = props;
   const handleClick = (0, import_hooks2.usePersistFn)(() => {
     if (disabled || loading) return;
-    onClick == null ? void 0 : onClick();
+    onClick?.();
   });
-  return /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_components2.View,
     {
       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__ */ import_react2.default.createElement(import_components2.View, { className: "svton-button__loading" }, /* @__PURE__ */ import_react2.default.createElement(import_components2.Text, { className: "svton-button__loading-icon" }, "\u23F3")),
-    /* @__PURE__ */ import_react2.default.createElement(import_components2.Text, { className: "svton-button__text" }, children)
+      onClick: handleClick,
+      children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.View, { className: "svton-button__loading", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { className: "svton-button__loading-icon", children: "\u23F3" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { className: "svton-button__text", children })
+      ]
+    }
   );
 }
 
 // src/components/List/index.tsx
-var import_react3 = __toESM(require("react"));
 var import_components3 = require("@tarojs/components");
 var import_taro = __toESM(require("@tarojs/taro"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function List(props) {
   const {
     data,
@@ -160,42 +166,49 @@ function List(props) {
       return;
     }
     try {
-      await (onRefresh == null ? void 0 : onRefresh());
+      await onRefresh?.();
     } finally {
       import_taro.default.stopPullDownRefresh();
     }
   });
   (0, import_taro.useReachBottom)(async () => {
     if (!enableLoadMore || !hasMore || loading || !onLoadMore) return;
-    await (onLoadMore == null ? void 0 : onLoadMore());
+    await onLoadMore?.();
   });
   const renderEmptyContent = () => {
     if (renderEmpty) {
       return renderEmpty();
     }
-    return /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__empty" }, /* @__PURE__ */ import_react3.default.createElement(import_components3.Text, { className: "svton-list__empty-text" }, emptyText));
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__empty", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.Text, { className: "svton-list__empty-text", children: emptyText }) });
   };
   const renderLoadingTip = () => {
     if (!loading && !hasMore) {
-      return /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__tip svton-list__tip--no-more" }, /* @__PURE__ */ import_react3.default.createElement(import_components3.Text, null, noMoreText));
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__tip svton-list__tip--no-more", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.Text, { children: noMoreText }) });
     }
     if (loading && data.length > 0) {
-      return /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__tip svton-list__tip--loading" }, /* @__PURE__ */ import_react3.default.createElement(import_components3.Text, null, loadingText));
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__tip svton-list__tip--loading", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.Text, { children: loadingText }) });
     }
     return null;
   };
-  return /* @__PURE__ */ import_react3.default.createElement(import_components3.ScrollView, { className: `svton-list ${className}`, style, scrollY: true, enableBackToTop: true }, header && /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__header" }, header), data.length === 0 && !loading ? renderEmptyContent() : /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__content" }, data.map((item, index) => /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { key: keyExtractor(item, index), className: "svton-list__item" }, renderItem(item, index)))), renderLoadingTip(), footer && /* @__PURE__ */ import_react3.default.createElement(import_components3.View, { className: "svton-list__footer" }, footer));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_components3.ScrollView, { className: `svton-list ${className}`, style, scrollY: true, enableBackToTop: true, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__header", children: header }),
+    data.length === 0 && !loading ? renderEmptyContent() : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__content", children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__item", children: renderItem(item, index) }, keyExtractor(item, index))) }),
+    renderLoadingTip(),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, { className: "svton-list__footer", children: footer })
+  ] });
 }
 
 // src/components/NavBar/index.tsx
-var import_react5 = __toESM(require("react"));
+var import_react3 = require("react");
 var import_components5 = require("@tarojs/components");
 var import_taro3 = __toESM(require("@tarojs/taro"));
 
 // src/utils/systemInfo.ts
 var import_taro2 = __toESM(require("@tarojs/taro"));
 var SystemInfoManager = class {
-  info = null;
+  constructor() {
+    this.info = null;
+  }
   async init() {
     try {
       const systemInfo = await import_taro2.default.getSystemInfo();
@@ -277,32 +290,30 @@ 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
-var import_react4 = __toESM(require("react"));
+var import_react2 = require("react");
 var import_components4 = require("@tarojs/components");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function StatusBar({ backgroundColor, className = "" }) {
-  const [height, setHeight] = (0, import_react4.useState)(44);
-  (0, import_react4.useEffect)(() => {
+  const [height, setHeight] = (0, import_react2.useState)(44);
+  (0, import_react2.useEffect)(() => {
     const info = systemInfoManager.getInfo();
     if (info) {
       setHeight(info.statusBarHeight);
     }
   }, []);
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_components4.View,
     {
       className: `status-bar ${className}`,
@@ -315,6 +326,7 @@ function StatusBar({ backgroundColor, className = "" }) {
 }
 
 // src/components/NavBar/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var BACK_ICON_SVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTUgMThMOSAxMkwxNSA2IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=";
 function CustomNavBar({
   title = "",
@@ -328,9 +340,9 @@ function CustomNavBar({
   fixed = false,
   scrollOpacity = 1
 }) {
-  const [navBarContentHeight, setNavBarContentHeight] = (0, import_react5.useState)(44);
-  const [statusBarHeight, setStatusBarHeight] = (0, import_react5.useState)(44);
-  const [menuButtonLeft, setMenuButtonLeft] = (0, import_react5.useState)(0);
+  const [navBarContentHeight, setNavBarContentHeight] = (0, import_react3.useState)(44);
+  const [statusBarHeight, setStatusBarHeight] = (0, import_react3.useState)(44);
+  const [menuButtonLeft, setMenuButtonLeft] = (0, import_react3.useState)(0);
   const getBackgroundColor = () => {
     if (scrollOpacity >= 1) {
       return backgroundColor;
@@ -341,7 +353,7 @@ function CustomNavBar({
     const b = parseInt(hex.substring(4, 6), 16);
     return `rgba(${r}, ${g}, ${b}, ${scrollOpacity})`;
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const info = systemInfoManager.getInfo();
     if (info) {
       setNavBarContentHeight(info.navBarHeight - info.statusBarHeight);
@@ -401,49 +413,61 @@ function CustomNavBar({
   const navBarClass = `custom-nav-bar ${fixed ? "fixed" : ""}`;
   const actualBgColor = getBackgroundColor();
   const totalHeight = statusBarHeight + navBarContentHeight;
-  const navBarContent = /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: navBarClass, style: { backgroundColor: actualBgColor } }, /* @__PURE__ */ import_react5.default.createElement(StatusBar, { backgroundColor: actualBgColor }), /* @__PURE__ */ import_react5.default.createElement(
-    import_components5.View,
-    {
-      className: "nav-bar-content",
-      style: {
-        height: `${navBarContentHeight}px`,
-        backgroundColor: actualBgColor
-      }
-    },
-    (showBack || showClose) && /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: "nav-left" }, showBack && /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: "nav-btn", onClick: handleBack }, /* @__PURE__ */ import_react5.default.createElement(
-      import_components5.Image,
-      {
-        className: "nav-icon-img back-icon-img",
-        src: BACK_ICON_SVG,
-        mode: "aspectFit"
-      }
-    )), showClose && /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: "nav-btn", onClick: handleClose }, /* @__PURE__ */ import_react5.default.createElement(import_components5.Text, { className: "nav-icon close-icon", style: { color: textColor } }, "\u2715"))),
-    title && /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: "nav-title" }, /* @__PURE__ */ import_react5.default.createElement(import_components5.Text, { className: "title-text", style: { color: textColor } }, title)),
-    rightContent && /* @__PURE__ */ import_react5.default.createElement(import_components5.View, { className: "nav-right", style: { right: `${getRightSafeDistance()}px` } }, rightContent)
-  ));
-  if (fixed) {
-    return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
+  const navBarContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_components5.View, { className: navBarClass, style: { backgroundColor: actualBgColor }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBar, { backgroundColor: actualBgColor }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       import_components5.View,
       {
-        className: "nav-bar-placeholder",
-        style: { height: `${totalHeight}px` }
+        className: "nav-bar-content",
+        style: {
+          height: `${navBarContentHeight}px`,
+          backgroundColor: actualBgColor
+        },
+        children: [
+          (showBack || showClose) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_components5.View, { className: "nav-left", children: [
+            showBack && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.View, { className: "nav-btn", onClick: handleBack, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_components5.Image,
+              {
+                className: "nav-icon-img back-icon-img",
+                src: BACK_ICON_SVG,
+                mode: "aspectFit"
+              }
+            ) }),
+            showClose && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.View, { className: "nav-btn", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.Text, { className: "nav-icon close-icon", style: { color: textColor }, children: "\u2715" }) })
+          ] }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.View, { className: "nav-title", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.Text, { className: "title-text", style: { color: textColor }, children: title }) }),
+          rightContent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components5.View, { className: "nav-right", style: { right: `${getRightSafeDistance()}px` }, children: rightContent })
+        ]
       }
-    ), navBarContent);
+    )
+  ] });
+  if (fixed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_components5.View,
+        {
+          className: "nav-bar-placeholder",
+          style: { height: `${totalHeight}px` }
+        }
+      ),
+      navBarContent
+    ] });
   }
   return navBarContent;
 }
 
 // src/components/ImageUploader/index.tsx
-var import_react6 = __toESM(require("react"));
+var import_react4 = require("react");
 var import_components6 = require("@tarojs/components");
 var import_taro4 = __toESM(require("@tarojs/taro"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function ImageUploader({
   value = [],
   onChange,
   maxCount = 9,
   uploadUrl = process.env.TARO_APP_API + "/upload/image"
 }) {
-  const [uploading, setUploading] = (0, import_react6.useState)(false);
+  const [uploading, setUploading] = (0, import_react4.useState)(false);
   const handleChooseImage = async () => {
     try {
       const res = await import_taro4.default.chooseImage({
@@ -467,7 +491,7 @@ function ImageUploader({
       });
       const urls = await Promise.all(uploadPromises);
       const newImages = [...value, ...urls];
-      onChange == null ? void 0 : onChange(newImages);
+      onChange?.(newImages);
       import_taro4.default.showToast({
         title: "\u4E0A\u4F20\u6210\u529F",
         icon: "success"
@@ -494,33 +518,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__ */ import_react6.default.createElement(import_components6.View, { className: "image-uploader" }, /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { className: "image-list" }, value.map((url, index) => /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { key: index, className: "image-item" }, /* @__PURE__ */ import_react6.default.createElement(
-    import_components6.Image,
-    {
-      src: url,
-      mode: "aspectFill",
-      className: "image",
-      onClick: () => handlePreview(index)
-    }
-  ), /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { className: "delete-btn", onClick: () => handleDelete(index) }, "\xD7"))), value.length < maxCount && /* @__PURE__ */ import_react6.default.createElement(
-    import_components6.View,
-    {
-      className: `add-btn ${uploading ? "disabled" : ""}`,
-      onClick: uploading ? void 0 : handleChooseImage
-    },
-    uploading ? /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { className: "loading" }, "\u4E0A\u4F20\u4E2D...") : /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { className: "add-icon" }, "+")
-  )), /* @__PURE__ */ import_react6.default.createElement(import_components6.View, { className: "tip" }, "\u6700\u591A\u4E0A\u4F20 ", maxCount, " \u5F20\u56FE\u7247"));
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_components6.View, { className: "image-uploader", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_components6.View, { className: "image-list", children: [
+      value.map((url, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_components6.View, { className: "image-item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_components6.Image,
+          {
+            src: url,
+            mode: "aspectFill",
+            className: "image",
+            onClick: () => handlePreview(index)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_components6.View, { className: "delete-btn", onClick: () => handleDelete(index), children: "\xD7" })
+      ] }, index)),
+      value.length < maxCount && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_components6.View,
+        {
+          className: `add-btn ${uploading ? "disabled" : ""}`,
+          onClick: uploading ? void 0 : handleChooseImage,
+          children: uploading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_components6.View, { className: "loading", children: "\u4E0A\u4F20\u4E2D..." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_components6.View, { className: "add-icon", children: "+" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_components6.View, { className: "tip", children: [
+      "\u6700\u591A\u4E0A\u4F20 ",
+      maxCount,
+      " \u5F20\u56FE\u7247"
+    ] })
+  ] });
 }
 
 // src/components/ImageGrid/index.tsx
-var import_react7 = __toESM(require("react"));
 var import_components7 = require("@tarojs/components");
 var import_taro5 = __toESM(require("@tarojs/taro"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function ImageGrid({ images, maxCount = 9, onImageClick }) {
   const displayImages = images.slice(0, maxCount);
   const count = displayImages.length;
@@ -539,19 +576,26 @@ function ImageGrid({ images, maxCount = 9, onImageClick }) {
       });
     }
   };
-  return /* @__PURE__ */ import_react7.default.createElement(import_components7.View, { className: `image-grid ${getGridClass()}` }, displayImages.map((url, index) => /* @__PURE__ */ import_react7.default.createElement(import_components7.View, { key: index, className: "image-item", onClick: () => handleImageClick(index) }, /* @__PURE__ */ import_react7.default.createElement(
-    import_components7.Image,
-    {
-      src: url,
-      mode: count === 1 ? "widthFix" : "aspectFill",
-      className: "image",
-      lazyLoad: true
-    }
-  ), index === maxCount - 1 && images.length > maxCount && /* @__PURE__ */ import_react7.default.createElement(import_components7.View, { className: "image-overlay" }, /* @__PURE__ */ import_react7.default.createElement(import_components7.View, { className: "image-count" }, "+", images.length - maxCount + 1)))));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_components7.View, { className: `image-grid ${getGridClass()}`, children: displayImages.map((url, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_components7.View, { className: "image-item", onClick: () => handleImageClick(index), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_components7.Image,
+      {
+        src: url,
+        mode: count === 1 ? "widthFix" : "aspectFill",
+        className: "image",
+        lazyLoad: true
+      }
+    ),
+    index === maxCount - 1 && images.length > maxCount && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_components7.View, { className: "image-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_components7.View, { className: "image-count", children: [
+      "+",
+      images.length - maxCount + 1
+    ] }) })
+  ] }, index)) });
 }
 
 // src/components/Tabs/index.tsx
 var import_components8 = require("@tarojs/components");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Tabs({ activeKey, items, onChange, className = "" }) {
   const handleItemClick = (e) => {
     const key = e.currentTarget.dataset.key;
@@ -559,23 +603,30 @@ function Tabs({ activeKey, items, onChange, className = "" }) {
       onChange(key);
     }
   };
-  return /* @__PURE__ */ React.createElement(import_components8.View, { className: `svton-tabs ${className}` }, items.map((item) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components8.View, { className: `svton-tabs ${className}`, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     import_components8.View,
     {
-      key: item.key,
       "data-key": item.key,
       className: `svton-tabs__item ${activeKey === item.key ? "svton-tabs__item--active" : ""}`,
-      onClick: handleItemClick
+      onClick: handleItemClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components8.Text, { className: "svton-tabs__label", children: item.label }),
+        item.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_components8.Text, { className: "svton-tabs__count", children: [
+          "(",
+          item.count,
+          ")"
+        ] })
+      ]
     },
-    /* @__PURE__ */ React.createElement(import_components8.Text, { className: "svton-tabs__label" }, item.label),
-    item.count !== void 0 && /* @__PURE__ */ React.createElement(import_components8.Text, { className: "svton-tabs__count" }, "(", item.count, ")")
-  )));
+    item.key
+  )) });
 }
 var Tabs_default = Tabs;
 
 // src/components/ContentActionBar/index.tsx
-var import_react8 = __toESM(require("react"));
+var import_react5 = require("react");
 var import_components9 = require("@tarojs/components");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ICONS = {
   // 点赞图标（未点赞） - 空心心形
   like: "https://miaoduo.fbcontent.cn/private/resource/image/19a9ba374ebbee0-0aa9c734-e868-4861-9bfd-37de7ed3a123.svg",
@@ -599,9 +650,9 @@ function ContentActionBar({
   maxLength = 500,
   disabled = false
 }) {
-  const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
-  const [inputValue, setInputValue] = (0, import_react8.useState)("");
-  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react5.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react5.useState)("");
+  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
   const handleExpand = () => {
     if (disabled) return;
     setIsExpanded(true);
@@ -614,7 +665,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);
@@ -625,86 +676,106 @@ 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__ */ import_react8.default.createElement(import_components9.View, { className: "content-action-bar" }, !isExpanded ? (
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.View, { className: "content-action-bar", children: !isExpanded ? (
     // 收起状态：输入框占位 + 操作按钮
-    /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "action-bar-collapsed" }, /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "input-placeholder", onClick: handleExpand }, /* @__PURE__ */ import_react8.default.createElement(import_components9.Text, { className: "placeholder-text" }, placeholder)), /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "action-buttons" }, /* @__PURE__ */ import_react8.default.createElement(
-      import_components9.View,
-      {
-        className: `action-btn ${liked ? "active" : ""}`,
-        onClick: handleLike
-      },
-      /* @__PURE__ */ import_react8.default.createElement(
-        import_components9.Image,
-        {
-          className: `action-icon-img ${liked ? "liked" : ""}`,
-          src: liked ? ICONS.liked : ICONS.like,
-          mode: "aspectFit"
-        }
-      )
-    ), /* @__PURE__ */ import_react8.default.createElement(
-      import_components9.View,
-      {
-        className: `action-btn ${favorited ? "active" : ""}`,
-        onClick: handleFavorite
-      },
-      /* @__PURE__ */ import_react8.default.createElement(
-        import_components9.Image,
-        {
-          className: `action-icon-img ${favorited ? "favorited" : ""}`,
-          src: favorited ? ICONS.favorited : ICONS.favorite,
-          mode: "aspectFit"
-        }
-      )
-    ), /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "action-btn", onClick: handleShare }, /* @__PURE__ */ import_react8.default.createElement(
-      import_components9.Image,
-      {
-        className: "action-icon-img",
-        src: ICONS.share,
-        mode: "aspectFit"
-      }
-    ))))
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.View, { className: "action-bar-collapsed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.View, { className: "input-placeholder", onClick: handleExpand, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.Text, { className: "placeholder-text", children: placeholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.View, { className: "action-buttons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_components9.View,
+          {
+            className: `action-btn ${liked ? "active" : ""}`,
+            onClick: handleLike,
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_components9.Image,
+              {
+                className: `action-icon-img ${liked ? "liked" : ""}`,
+                src: liked ? ICONS.liked : ICONS.like,
+                mode: "aspectFit"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_components9.View,
+          {
+            className: `action-btn ${favorited ? "active" : ""}`,
+            onClick: handleFavorite,
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_components9.Image,
+              {
+                className: `action-icon-img ${favorited ? "favorited" : ""}`,
+                src: favorited ? ICONS.favorited : ICONS.favorite,
+                mode: "aspectFit"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.View, { className: "action-btn", onClick: handleShare, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_components9.Image,
+          {
+            className: "action-icon-img",
+            src: ICONS.share,
+            mode: "aspectFit"
+          }
+        ) })
+      ] })
+    ] })
   ) : (
     // 展开状态：多行输入框 + 发送按钮
-    /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "action-bar-expanded" }, /* @__PURE__ */ import_react8.default.createElement(
-      import_components9.Textarea,
-      {
-        className: "comment-textarea",
-        value: inputValue,
-        onInput: (e) => setInputValue(e.detail.value),
-        placeholder,
-        maxlength: maxLength,
-        autoHeight: true,
-        focus: true,
-        disabled
-      }
-    ), /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "expanded-actions" }, /* @__PURE__ */ import_react8.default.createElement(import_components9.Text, { className: "char-count" }, inputValue.length, "/", maxLength), /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "action-btns" }, /* @__PURE__ */ import_react8.default.createElement(import_components9.View, { className: "cancel-btn", onClick: handleCollapse }, /* @__PURE__ */ import_react8.default.createElement(import_components9.Text, { className: "btn-text" }, "\u53D6\u6D88")), /* @__PURE__ */ import_react8.default.createElement(
-      import_components9.View,
-      {
-        className: `send-btn ${inputValue.trim() && !submitting ? "active" : "disabled"}`,
-        onClick: handleSubmit
-      },
-      /* @__PURE__ */ import_react8.default.createElement(import_components9.Text, { className: "btn-text" }, submitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001")
-    ))))
-  ));
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.View, { className: "action-bar-expanded", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_components9.Textarea,
+        {
+          className: "comment-textarea",
+          value: inputValue,
+          onInput: (e) => setInputValue(e.detail.value),
+          placeholder,
+          maxlength: maxLength,
+          autoHeight: true,
+          focus: true,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.View, { className: "expanded-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.Text, { className: "char-count", children: [
+          inputValue.length,
+          "/",
+          maxLength
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_components9.View, { className: "action-btns", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.View, { className: "cancel-btn", onClick: handleCollapse, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.Text, { className: "btn-text", children: "\u53D6\u6D88" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_components9.View,
+            {
+              className: `send-btn ${inputValue.trim() && !submitting ? "active" : "disabled"}`,
+              onClick: handleSubmit,
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components9.Text, { className: "btn-text", children: submitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ) });
 }
 
 // src/hooks/useScrollOpacity.ts
-var import_react9 = require("react");
+var import_react6 = require("react");
 function useScrollOpacity(threshold = 200) {
-  const [scrollOpacity, setScrollOpacity] = (0, import_react9.useState)(1);
-  const handleScroll = (0, import_react9.useCallback)((scrollTop) => {
+  const [scrollOpacity, setScrollOpacity] = (0, import_react6.useState)(1);
+  const handleScroll = (0, import_react6.useCallback)((scrollTop) => {
     const opacity = Math.max(1 - scrollTop / threshold, 0);
     setScrollOpacity(opacity);
   }, [threshold]);