bj-web-components 0.2.27 → 0.2.28

package/dist/web/Tooltip/ProgressTooltip.js

@@ -1 +1,36 @@
-"use strict";const s=require("react/jsx-runtime");;/* empty css              */const n=require("./useAutoPlacement.js");function u({placement:t="top",title:r="正在翻译私域数据...",progress:p=0,className:i,style:l}){const[o,a]=n.useAutoPlacement(t),e=Math.min(100,Math.max(0,Math.round(p))),c=["tooltip-popup",`tooltip-popup--${o}`,i].filter(Boolean).join(" ");return s.jsxs("div",{ref:a,className:c,style:l,children:[s.jsx("div",{className:`tooltip-arrow tooltip-arrow--${o}`}),s.jsxs("div",{className:"tooltip-progress",children:[s.jsxs("div",{className:"tooltip-progress__header",children:[s.jsx("span",{className:"tooltip-progress__title",children:r}),s.jsxs("span",{className:"tooltip-progress__percent",children:[e,"%"]})]}),s.jsx("div",{className:"tooltip-progress__track",style:{"--tooltip-progress":`${e}%`},children:s.jsx("div",{className:"tooltip-progress__fill"})})]})]})}module.exports=u;
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css              */
+const useAutoPlacement = require("./useAutoPlacement.js");
+function ProgressTooltip({
+  placement = "top",
+  title = "正在翻译私域数据...",
+  progress = 0,
+  className,
+  style
+}) {
+  const [activePlacement, popupRef] = useAutoPlacement.useAutoPlacement(placement);
+  const pct = Math.min(100, Math.max(0, Math.round(progress)));
+  const popupCls = ["tooltip-popup", `tooltip-popup--${activePlacement}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: popupRef, className: popupCls, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `tooltip-arrow tooltip-arrow--${activePlacement}` }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tooltip-progress", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tooltip-progress__header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tooltip-progress__title", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tooltip-progress__percent", children: [
+          pct,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "tooltip-progress__track",
+          style: { "--tooltip-progress": `${pct}%` },
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tooltip-progress__fill" })
+        }
+      )
+    ] })
+  ] });
+}
+module.exports = ProgressTooltip;

package/dist/web/Tooltip/ProgressTooltip.mjs

@@ -1,35 +1,37 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 /* empty css              */
-import { useAutoPlacement as m } from "./useAutoPlacement.mjs";
-function _({
-  placement: p = "top",
-  title: r = "正在翻译私域数据...",
-  progress: l = 0,
-  className: i,
-  style: a
+import { useAutoPlacement } from "./useAutoPlacement.mjs";
+function ProgressTooltip({
+  placement = "top",
+  title = "正在翻译私域数据...",
+  progress = 0,
+  className,
+  style
 }) {
-  const [s, c] = m(p), e = Math.min(100, Math.max(0, Math.round(l))), n = ["tooltip-popup", `tooltip-popup--${s}`, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { ref: c, className: n, style: a, children: [
-    /* @__PURE__ */ t("div", { className: `tooltip-arrow tooltip-arrow--${s}` }),
-    /* @__PURE__ */ o("div", { className: "tooltip-progress", children: [
-      /* @__PURE__ */ o("div", { className: "tooltip-progress__header", children: [
-        /* @__PURE__ */ t("span", { className: "tooltip-progress__title", children: r }),
-        /* @__PURE__ */ o("span", { className: "tooltip-progress__percent", children: [
-          e,
+  const [activePlacement, popupRef] = useAutoPlacement(placement);
+  const pct = Math.min(100, Math.max(0, Math.round(progress)));
+  const popupCls = ["tooltip-popup", `tooltip-popup--${activePlacement}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ref: popupRef, className: popupCls, style, children: [
+    /* @__PURE__ */ jsx("div", { className: `tooltip-arrow tooltip-arrow--${activePlacement}` }),
+    /* @__PURE__ */ jsxs("div", { className: "tooltip-progress", children: [
+      /* @__PURE__ */ jsxs("div", { className: "tooltip-progress__header", children: [
+        /* @__PURE__ */ jsx("span", { className: "tooltip-progress__title", children: title }),
+        /* @__PURE__ */ jsxs("span", { className: "tooltip-progress__percent", children: [
+          pct,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: "tooltip-progress__track",
-          style: { "--tooltip-progress": `${e}%` },
-          children: /* @__PURE__ */ t("div", { className: "tooltip-progress__fill" })
+          style: { "--tooltip-progress": `${pct}%` },
+          children: /* @__PURE__ */ jsx("div", { className: "tooltip-progress__fill" })
         }
       )
     ] })
   ] });
 }
 export {
-  _ as default
+  ProgressTooltip as default
 };

package/dist/web/Tooltip/TooltipWrapper.js

@@ -1 +1,12 @@
-"use strict";const p=require("react/jsx-runtime"),a=require("react");;/* empty css              */const r=a.forwardRef(({children:e,style:o,className:t},s)=>{const i=["tooltip-wrapper",t].filter(Boolean).join(" ");return p.jsx("div",{ref:s,className:i,style:o,children:e})});r.displayName="TooltipWrapper";module.exports=r;
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+;/* empty css              */
+const TooltipWrapper = react.forwardRef(
+  ({ children, style, className }, ref) => {
+    const cls = ["tooltip-wrapper", className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cls, style, children });
+  }
+);
+TooltipWrapper.displayName = "TooltipWrapper";
+module.exports = TooltipWrapper;

package/dist/web/Tooltip/TooltipWrapper.mjs

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 /* empty css              */
-const l = i(
-  ({ children: o, style: r, className: p }, t) => {
-    const a = ["tooltip-wrapper", p].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { ref: t, className: a, style: r, children: o });
+const TooltipWrapper = forwardRef(
+  ({ children, style, className }, ref) => {
+    const cls = ["tooltip-wrapper", className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: cls, style, children });
   }
 );
-l.displayName = "TooltipWrapper";
+TooltipWrapper.displayName = "TooltipWrapper";
 export {
-  l as default
+  TooltipWrapper as default
 };

package/dist/web/Tooltip/useAutoPlacement.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),h=["top","right","bottom","left"];function b(o){const[f,i]=s.useState("top"),[t,l]=s.useState(null),a=s.useCallback(e=>{l(e)},[]);return s.useLayoutEffect(()=>{if(o!=="auto"||!t)return;const e=t.parentElement;if(!e)return;const n=e.getBoundingClientRect(),c=t.offsetWidth,p=t.offsetHeight,r=12,d={top:n.top,right:window.innerWidth-n.right,bottom:window.innerHeight-n.bottom,left:n.left},g={top:p+r,right:c+r,bottom:p+r,left:c+r};for(const u of h)if(d[u]>=g[u]){i(u);return}i("top")},[o,t]),[o==="auto"?f:o,a]}exports.useAutoPlacement=b;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const CLOCKWISE = ["top", "right", "bottom", "left"];
+function useAutoPlacement(placement) {
+  const [resolved, setResolved] = react.useState("top");
+  const [popupEl, setPopupEl] = react.useState(null);
+  const popupRef = react.useCallback((el) => {
+    setPopupEl(el);
+  }, []);
+  react.useLayoutEffect(() => {
+    if (placement !== "auto" || !popupEl) return;
+    const parent = popupEl.parentElement;
+    if (!parent) return;
+    const pr = parent.getBoundingClientRect();
+    const pw = popupEl.offsetWidth;
+    const ph = popupEl.offsetHeight;
+    const gap = 12;
+    const space = {
+      top: pr.top,
+      right: window.innerWidth - pr.right,
+      bottom: window.innerHeight - pr.bottom,
+      left: pr.left
+    };
+    const required = {
+      top: ph + gap,
+      right: pw + gap,
+      bottom: ph + gap,
+      left: pw + gap
+    };
+    for (const dir of CLOCKWISE) {
+      if (space[dir] >= required[dir]) {
+        setResolved(dir);
+        return;
+      }
+    }
+    setResolved("top");
+  }, [placement, popupEl]);
+  return [placement === "auto" ? resolved : placement, popupRef];
+}
+exports.useAutoPlacement = useAutoPlacement;

package/dist/web/Tooltip/useAutoPlacement.mjs

@@ -1,32 +1,41 @@
-import { useState as f, useCallback as a, useLayoutEffect as b } from "react";
-const m = ["top", "right", "bottom", "left"];
-function E(o) {
-  const [c, i] = f("top"), [t, l] = f(null), d = a((e) => {
-    l(e);
+import { useState, useCallback, useLayoutEffect } from "react";
+const CLOCKWISE = ["top", "right", "bottom", "left"];
+function useAutoPlacement(placement) {
+  const [resolved, setResolved] = useState("top");
+  const [popupEl, setPopupEl] = useState(null);
+  const popupRef = useCallback((el) => {
+    setPopupEl(el);
   }, []);
-  return b(() => {
-    if (o !== "auto" || !t) return;
-    const e = t.parentElement;
-    if (!e) return;
-    const n = e.getBoundingClientRect(), p = t.offsetWidth, u = t.offsetHeight, r = 12, g = {
-      top: n.top,
-      right: window.innerWidth - n.right,
-      bottom: window.innerHeight - n.bottom,
-      left: n.left
-    }, h = {
-      top: u + r,
-      right: p + r,
-      bottom: u + r,
-      left: p + r
+  useLayoutEffect(() => {
+    if (placement !== "auto" || !popupEl) return;
+    const parent = popupEl.parentElement;
+    if (!parent) return;
+    const pr = parent.getBoundingClientRect();
+    const pw = popupEl.offsetWidth;
+    const ph = popupEl.offsetHeight;
+    const gap = 12;
+    const space = {
+      top: pr.top,
+      right: window.innerWidth - pr.right,
+      bottom: window.innerHeight - pr.bottom,
+      left: pr.left
     };
-    for (const s of m)
-      if (g[s] >= h[s]) {
-        i(s);
+    const required = {
+      top: ph + gap,
+      right: pw + gap,
+      bottom: ph + gap,
+      left: pw + gap
+    };
+    for (const dir of CLOCKWISE) {
+      if (space[dir] >= required[dir]) {
+        setResolved(dir);
         return;
       }
-    i("top");
-  }, [o, t]), [o === "auto" ? c : o, d];
+    }
+    setResolved("top");
+  }, [placement, popupEl]);
+  return [placement === "auto" ? resolved : placement, popupRef];
 }
 export {
-  E as useAutoPlacement
+  useAutoPlacement
 };

package/dist/web.js

@@ -1 +1,51 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),e=require("./web/Tooltip/ConfirmTooltip.js"),t=require("./web/Tooltip/ProgressTooltip.js"),r=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),c=require("./web/BasicInput/BInput.js"),p=require("./web/Tabs/BTabs.js"),a=require("./web/Tabs/TabPane.js"),l=require("./web/EmptyInputBox/EmptyInputBox.js"),s=require("./web/Modal/Modal.js"),B=require("./web/ProductField/ProductField.js"),q=require("./web/CategoryDropdown/CategoryDropdown.js"),d=require("./web/Pagination/Pagination.js"),T=require("./web/FileCard/FileCard.js"),C=require("./web/Switch/Switch.js"),b=require("./web/InputNumber/BInputNumber.js"),I=require("./web/Table/BTable.js"),m=require("./web/Table/Column.js"),P=require("./web/Table/ColumnGroup.js"),g=require("./web/CheckBox/index.js"),y=require("./web/OverlayScrollbar/BOverlayScrollbar.js"),S=require("./web/Dropdown/BDropdown.js");exports.BuIcon=o;exports.ConfirmTooltip=e;exports.ProgressTooltip=t;exports.BTooltip=r;exports.ContentTooltip=r;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BInput=c;exports.BTabs=p.default;exports.TabPane=a.TabPane;exports.BuEmptyInputBox=l;exports.BuModal=s;exports.BuProductField=B;exports.BuCategoryDropdown=q;exports.Pagination=d;exports.FileCard=T;exports.BuSwitch=C;exports.BInputNumber=b;exports.BTable=I.BTable;exports.Column=m;exports.ColumnGroup=P;exports.BCheckBox=g.BCheckBox;exports.BOverlayScrollbar=y;exports.BDropdown=S.BDropdown;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Icon = require("./web/Icon/Icon.js");
+const ConfirmTooltip = require("./web/Tooltip/ConfirmTooltip.js");
+const ProgressTooltip = require("./web/Tooltip/ProgressTooltip.js");
+const ContentTooltip = require("./web/Tooltip/ContentTooltip.js");
+const TooltipWrapper = require("./web/Tooltip/TooltipWrapper.js");
+const SkuInputCard = require("./web/SkuInputCard/SkuInputCard.js");
+const Input = require("./web/Input/Input.js");
+const BInput = require("./web/BasicInput/BInput.js");
+const BTabs = require("./web/Tabs/BTabs.js");
+const TabPane = require("./web/Tabs/TabPane.js");
+const EmptyInputBox = require("./web/EmptyInputBox/EmptyInputBox.js");
+const Modal = require("./web/Modal/Modal.js");
+const ProductField = require("./web/ProductField/ProductField.js");
+const CategoryDropdown = require("./web/CategoryDropdown/CategoryDropdown.js");
+const Pagination = require("./web/Pagination/Pagination.js");
+const FileCard = require("./web/FileCard/FileCard.js");
+const Switch = require("./web/Switch/Switch.js");
+const BInputNumber = require("./web/InputNumber/BInputNumber.js");
+const BTable = require("./web/Table/BTable.js");
+const Column = require("./web/Table/Column.js");
+const ColumnGroup = require("./web/Table/ColumnGroup.js");
+const index = require("./web/CheckBox/index.js");
+const BOverlayScrollbar = require("./web/OverlayScrollbar/BOverlayScrollbar.js");
+const BDropdown = require("./web/Dropdown/BDropdown.js");
+exports.BuIcon = Icon;
+exports.ConfirmTooltip = ConfirmTooltip;
+exports.ProgressTooltip = ProgressTooltip;
+exports.BTooltip = ContentTooltip;
+exports.ContentTooltip = ContentTooltip;
+exports.TooltipWrapper = TooltipWrapper;
+exports.SkuInputCard = SkuInputCard;
+exports.BuInput = Input;
+exports.BInput = BInput;
+exports.BTabs = BTabs.default;
+exports.TabPane = TabPane.TabPane;
+exports.BuEmptyInputBox = EmptyInputBox;
+exports.BuModal = Modal;
+exports.BuProductField = ProductField;
+exports.BuCategoryDropdown = CategoryDropdown;
+exports.Pagination = Pagination;
+exports.FileCard = FileCard;
+exports.BuSwitch = Switch;
+exports.BInputNumber = BInputNumber;
+exports.BTable = BTable.BTable;
+exports.Column = Column;
+exports.ColumnGroup = ColumnGroup;
+exports.BCheckBox = index.BCheckBox;
+exports.BOverlayScrollbar = BOverlayScrollbar;
+exports.BDropdown = BDropdown.BDropdown;

package/dist/web.mjs

@@ -1,51 +1,51 @@
-import { default as t } from "./web/Icon/Icon.mjs";
-import { default as a } from "./web/Tooltip/ConfirmTooltip.mjs";
-import { default as p } from "./web/Tooltip/ProgressTooltip.mjs";
-import { default as l, default as m } from "./web/Tooltip/ContentTooltip.mjs";
-import { default as x } from "./web/Tooltip/TooltipWrapper.mjs";
-import { default as B } from "./web/SkuInputCard/SkuInputCard.mjs";
-import { default as i } from "./web/Input/Input.mjs";
-import { default as T } from "./web/BasicInput/BInput.mjs";
-import { default as b } from "./web/Tabs/BTabs.mjs";
-import { TabPane as P } from "./web/Tabs/TabPane.mjs";
-import { default as w } from "./web/EmptyInputBox/EmptyInputBox.mjs";
-import { default as S } from "./web/Modal/Modal.mjs";
-import { default as k } from "./web/ProductField/ProductField.mjs";
-import { default as F } from "./web/CategoryDropdown/CategoryDropdown.mjs";
-import { default as E } from "./web/Pagination/Pagination.mjs";
-import { default as M } from "./web/FileCard/FileCard.mjs";
-import { default as O } from "./web/Switch/Switch.mjs";
-import { default as j } from "./web/InputNumber/BInputNumber.mjs";
-import { BTable as z } from "./web/Table/BTable.mjs";
-import { default as H } from "./web/Table/Column.mjs";
-import { default as K } from "./web/Table/ColumnGroup.mjs";
-import { BCheckBox as Q } from "./web/CheckBox/index.mjs";
-import { default as U } from "./web/OverlayScrollbar/BOverlayScrollbar.mjs";
-import { BDropdown as X } from "./web/Dropdown/BDropdown.mjs";
+import { default as default2 } from "./web/Icon/Icon.mjs";
+import { default as default3 } from "./web/Tooltip/ConfirmTooltip.mjs";
+import { default as default4 } from "./web/Tooltip/ProgressTooltip.mjs";
+import { default as default5, default as default6 } from "./web/Tooltip/ContentTooltip.mjs";
+import { default as default7 } from "./web/Tooltip/TooltipWrapper.mjs";
+import { default as default8 } from "./web/SkuInputCard/SkuInputCard.mjs";
+import { default as default9 } from "./web/Input/Input.mjs";
+import { default as default10 } from "./web/BasicInput/BInput.mjs";
+import { default as default11 } from "./web/Tabs/BTabs.mjs";
+import { TabPane } from "./web/Tabs/TabPane.mjs";
+import { default as default12 } from "./web/EmptyInputBox/EmptyInputBox.mjs";
+import { default as default13 } from "./web/Modal/Modal.mjs";
+import { default as default14 } from "./web/ProductField/ProductField.mjs";
+import { default as default15 } from "./web/CategoryDropdown/CategoryDropdown.mjs";
+import { default as default16 } from "./web/Pagination/Pagination.mjs";
+import { default as default17 } from "./web/FileCard/FileCard.mjs";
+import { default as default18 } from "./web/Switch/Switch.mjs";
+import { default as default19 } from "./web/InputNumber/BInputNumber.mjs";
+import { BTable } from "./web/Table/BTable.mjs";
+import { default as default20 } from "./web/Table/Column.mjs";
+import { default as default21 } from "./web/Table/ColumnGroup.mjs";
+import { BCheckBox } from "./web/CheckBox/index.mjs";
+import { default as default22 } from "./web/OverlayScrollbar/BOverlayScrollbar.mjs";
+import { BDropdown } from "./web/Dropdown/BDropdown.mjs";
 export {
-  Q as BCheckBox,
-  X as BDropdown,
-  T as BInput,
-  j as BInputNumber,
-  U as BOverlayScrollbar,
-  z as BTable,
-  b as BTabs,
-  l as BTooltip,
-  F as BuCategoryDropdown,
-  w as BuEmptyInputBox,
-  t as BuIcon,
-  i as BuInput,
-  S as BuModal,
-  k as BuProductField,
-  O as BuSwitch,
-  H as Column,
-  K as ColumnGroup,
-  a as ConfirmTooltip,
-  m as ContentTooltip,
-  M as FileCard,
-  E as Pagination,
-  p as ProgressTooltip,
-  B as SkuInputCard,
-  P as TabPane,
-  x as TooltipWrapper
+  BCheckBox,
+  BDropdown,
+  default10 as BInput,
+  default19 as BInputNumber,
+  default22 as BOverlayScrollbar,
+  BTable,
+  default11 as BTabs,
+  default5 as BTooltip,
+  default15 as BuCategoryDropdown,
+  default12 as BuEmptyInputBox,
+  default2 as BuIcon,
+  default9 as BuInput,
+  default13 as BuModal,
+  default14 as BuProductField,
+  default18 as BuSwitch,
+  default20 as Column,
+  default21 as ColumnGroup,
+  default3 as ConfirmTooltip,
+  default6 as ContentTooltip,
+  default17 as FileCard,
+  default16 as Pagination,
+  default4 as ProgressTooltip,
+  default8 as SkuInputCard,
+  TabPane,
+  default7 as TooltipWrapper
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bj-web-components",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "description": "Enterprise UI component library for Web, Mobile, and Mini-app platforms",
   "keywords": [
     "react",