bj-web-components 0.2.28 → 0.2.29

package/dist/web/Tooltip/ProgressTooltip.js

@@ -1,36 +1 @@
-"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;
+"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;

package/dist/web/Tooltip/ProgressTooltip.mjs

@@ -1,37 +1,35 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 /* empty css              */
-import { useAutoPlacement } from "./useAutoPlacement.mjs";
-function ProgressTooltip({
-  placement = "top",
-  title = "正在翻译私域数据...",
-  progress = 0,
-  className,
-  style
+import { useAutoPlacement as m } from "./useAutoPlacement.mjs";
+function _({
+  placement: p = "top",
+  title: r = "正在翻译私域数据...",
+  progress: l = 0,
+  className: i,
+  style: a
 }) {
-  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,
+  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,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ t(
         "div",
         {
           className: "tooltip-progress__track",
-          style: { "--tooltip-progress": `${pct}%` },
-          children: /* @__PURE__ */ jsx("div", { className: "tooltip-progress__fill" })
+          style: { "--tooltip-progress": `${e}%` },
+          children: /* @__PURE__ */ t("div", { className: "tooltip-progress__fill" })
         }
       )
     ] })
   ] });
 }
 export {
-  ProgressTooltip as default
+  _ as default
 };

package/dist/web/Tooltip/TooltipWrapper.js

@@ -1,12 +1 @@
-"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;
+"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;

package/dist/web/Tooltip/TooltipWrapper.mjs

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

package/dist/web/Tooltip/useAutoPlacement.js

@@ -1,41 +1 @@
-"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;
+"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;

package/dist/web/Tooltip/useAutoPlacement.mjs

@@ -1,41 +1,32 @@
-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);
+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);
   }, []);
-  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
+  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
     };
-    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);
+    for (const s of m)
+      if (g[s] >= h[s]) {
+        i(s);
         return;
       }
-    }
-    setResolved("top");
-  }, [placement, popupEl]);
-  return [placement === "auto" ? resolved : placement, popupRef];
+    i("top");
+  }, [o, t]), [o === "auto" ? c : o, d];
 }
 export {
-  useAutoPlacement
+  E as useAutoPlacement
 };

package/dist/web.js

@@ -1,51 +1 @@
-"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;
+"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;

package/dist/web.mjs

@@ -1,51 +1,51 @@
-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";
+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";
 export {
-  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
+  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
 };

package/package.json

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