@xiping/react-components 0.0.67 → 0.0.68

package/dist/es/components/txt-reader/TxtReader.js

@@ -1,36 +1,37 @@
-import { jsxs as s, Fragment as F, jsx as e } from "react/jsx-runtime";
-import { useRef as a } from "react";
-import r from "clsx";
+import { jsxs as E, Fragment as F, jsx as t } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import e from "clsx";
 import { useScroll as _, useTransform as v, useMotionTemplate as y, motion as n } from "motion/react";
-const g = 16, I = 1.5, L = "normal", j = ({
-  content: f,
-  lineHeight: m = I,
-  fontSize: d = g,
-  fontWeight: p = L,
-  className: u = "",
-  style: x = {},
-  onProgressChange: t,
-  initialScrollPosition: R,
-  cacheKey: S,
-  showTopProgress: T = !0,
-  topProgressClassName: b,
-  showBottomProgress: h = !0,
-  bottomProgressClassName: N
+import g from "./index.module.css.js";
+const I = 16, L = 1.5, R = "normal", k = ({
+  content: a,
+  lineHeight: f = L,
+  fontSize: m = I,
+  fontWeight: p = R,
+  className: d = "",
+  style: u = {},
+  onProgressChange: r,
+  initialScrollPosition: S,
+  cacheKey: A,
+  showTopProgress: x = !0,
+  topProgressClassName: T,
+  showBottomProgress: b = !0,
+  bottomProgressClassName: h
 }) => {
-  const l = a(null), o = a(null), { scrollYProgress: i } = _({
+  const l = c(null), o = c(null), { scrollYProgress: i } = _({
     container: l,
     target: o
-  }), c = v(() => (i.get() * 100).toFixed(2)), w = y`${c}%`;
-  return c.on("change", (E) => {
-    t == null || t(Number(E));
-  }), /* @__PURE__ */ s(F, { children: [
-    T && /* @__PURE__ */ e(
+  }), s = v(() => (i.get() * 100).toFixed(2).replace(/\.0*$/, "")), N = y`${s}%`;
+  return s.on("change", (w) => {
+    r == null || r(Number(w));
+  }), /* @__PURE__ */ E(F, { children: [
+    x && /* @__PURE__ */ t(
       n.div,
       {
         id: "scroll-indicator",
-        className: r(
+        className: e(
           "fixed left-0 top-0 right-0 bg-[#ff0088] h-2.5",
-          b
+          T
         ),
         style: {
           scaleX: i,
@@ -38,43 +39,45 @@ const g = 16, I = 1.5, L = "normal", j = ({
         }
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ t(
       "div",
       {
-        className: "relative w-full h-full overflow-y-auto",
+        className: e(
+          "relative w-full h-full overflow-y-auto",
+          g.textContent
+          // "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar scrollbar-thumb-slate-700 scrollbar-track-slate-300",
+        ),
         ref: l,
-        children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              ref: o,
-              className: r("w-full  whitespace-pre-wrap break-words", u),
-              style: {
-                fontSize: `${d}px`,
-                lineHeight: m,
-                fontWeight: p,
-                ...x
-              },
-              children: f
-            }
-          ),
-          h && /* @__PURE__ */ e(
-            n.div,
-            {
-              id: "scroll-present",
-              className: r(
-                "fixed text-white rounded text-sm bg-black bg-opacity-70 pl-2 pr-2 pb-1 pt-1 right-5 bottom-5",
-                N
-              ),
-              children: w
-            }
-          )
-        ]
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            ref: o,
+            className: e("w-full whitespace-pre-wrap break-words", d),
+            style: {
+              fontSize: `${m}px`,
+              lineHeight: f,
+              fontWeight: p,
+              ...u
+            },
+            children: a
+          }
+        )
+      }
+    ),
+    b && /* @__PURE__ */ t(
+      n.div,
+      {
+        id: "scroll-present",
+        className: e(
+          "fixed text-white rounded text-sm bg-black bg-opacity-70 pl-2 pr-2 pb-1 pt-1 right-5 bottom-5",
+          h
+        ),
+        children: N
       }
     )
   ] });
 };
 export {
-  j as TxtReader,
-  j as default
+  k as TxtReader,
+  k as default
 };

package/dist/es/components/txt-reader/index.module.css.js

@@ -0,0 +1,7 @@
+const t = "_textContent_8n59h_23", e = {
+  textContent: t
+};
+export {
+  e as default,
+  t as textContent
+};