bj-web-components 0.2.26 → 0.2.27

package/dist/web/Table/Column.js

@@ -0,0 +1 @@
+"use strict";function n(t){return null}module.exports=n;

package/dist/web/Table/Column.mjs

@@ -0,0 +1,6 @@
+function u(n) {
+  return null;
+}
+export {
+  u as default
+};

package/dist/web/Table/ColumnGroup.js

@@ -0,0 +1 @@
+"use strict";function u(n){return null}module.exports=u;

package/dist/web/Table/ColumnGroup.mjs

@@ -0,0 +1,6 @@
+function n(u) {
+  return null;
+}
+export {
+  n as default
+};

package/dist/web/Table/utils/columns.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function c(r){return s.Children.toArray(r).flatMap((e,n)=>{if(!s.isValidElement(e))return[];const o=e.props,{children:l,...t}=o;return[{...t,key:e.key??t.key??n,...l?{children:c(l)}:{}}]})}function d(r){return r.flatMap(e=>"children"in e?d(e.children):[e])}function h(r){return r.reduce((e,n)=>Math.max(e,"children"in n?1+h(n.children):1),1)}function u(r){return"children"in r?r.children.reduce((e,n)=>e+u(n),0):1}function f(r){const e=h(r),n=Array.from({length:e},()=>[]),o=(l,t)=>{l.forEach(i=>{const a="children"in i&&i.children.length>0;n[t].push({column:i,colSpan:i.colSpan??(a?u(i):1),rowSpan:a?1:e-t,depth:t}),a&&o(i.children,t+1)})};return o(r,0),n}exports.buildHeaderRows=f;exports.convertChildrenToColumns=c;exports.flattenColumns=d;

package/dist/web/Table/utils/columns.mjs

@@ -0,0 +1,43 @@
+import { Children as d, isValidElement as l } from "react";
+function f(n) {
+  return d.toArray(n).flatMap((r, e) => {
+    if (!l(r)) return [];
+    const o = r.props, { children: a, ...t } = o;
+    return [{
+      ...t,
+      key: r.key ?? t.key ?? e,
+      ...a ? { children: f(a) } : {}
+    }];
+  });
+}
+function p(n) {
+  return n.flatMap((r) => "children" in r ? p(r.children) : [r]);
+}
+function c(n) {
+  return n.reduce((r, e) => Math.max(
+    r,
+    "children" in e ? 1 + c(e.children) : 1
+  ), 1);
+}
+function s(n) {
+  return "children" in n ? n.children.reduce((r, e) => r + s(e), 0) : 1;
+}
+function C(n) {
+  const r = c(n), e = Array.from({ length: r }, () => []), o = (a, t) => {
+    a.forEach((i) => {
+      const h = "children" in i && i.children.length > 0;
+      e[t].push({
+        column: i,
+        colSpan: i.colSpan ?? (h ? s(i) : 1),
+        rowSpan: h ? 1 : r - t,
+        depth: t
+      }), h && o(i.children, t + 1);
+    });
+  };
+  return o(n, 0), e;
+}
+export {
+  C as buildHeaderRows,
+  f as convertChildrenToColumns,
+  p as flattenColumns
+};

package/dist/web/Table/utils/sortFilter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t,n){return t.key!==void 0&&t.key!==null?t.key:t.dataIndex!==void 0?Array.isArray(t.dataIndex)?t.dataIndex.join("."):t.dataIndex:n}function x(t,n){return typeof t=="function"?t(n):t}function S(t,n=["ascend","descend",null]){const o=n.indexOf(t),i=n[o+1];return i===void 0?n[0]??null:i}function l(t){if(typeof t.sorter=="function")return t.sorter;if(t.sorter&&typeof t.sorter=="object")return t.sorter.compare}function g(t){return t.sorter&&typeof t.sorter=="object"?t.sorter.multiple??0:0}function p(t,n,o,i="children"){const f=n.map((e,r)=>({column:e,key:a(e,r)})).filter(({column:e,key:r})=>!("children"in e)&&l(e)&&o.get(r)).sort((e,r)=>g(r.column)-g(e.column));return f.length===0?[...t]:[...t].sort((e,r)=>{for(const{column:s,key:c}of f){const u=o.get(c),d=l(s);if(u&&d){const y=d(e,r,u);if(y!==0)return u==="ascend"?y:-y}}return 0}).map(e=>{const r=e[i];return Array.isArray(r)?{...e,[i]:p(r,n,o,i)}:e})}function k(t,n,o){return n.reduce((i,f,e)=>{const r=f,s=o.get(a(r,e));return!r.onFilter||!(s!=null&&s.length)?i:i.filter(c=>s.some(u=>{var d;return(d=r.onFilter)==null?void 0:d.call(r,u,c)}))},[...t])}function v(t,n){const o=t.flatMap((i,f)=>{const e=i,r=a(e,f),s=n.get(r);return s?[{column:e,order:s,field:e.dataIndex,columnKey:r}]:[]});return o.length<=1?o[0]??{}:o}exports.filterRecords=k;exports.getColumnKey=a;exports.getNextSortOrder=S;exports.getSorterResult=v;exports.renderColumnTitle=x;exports.sortRecords=p;

package/dist/web/Table/utils/sortFilter.mjs

@@ -0,0 +1,63 @@
+function y(t, n) {
+  return t.key !== void 0 && t.key !== null ? t.key : t.dataIndex !== void 0 ? Array.isArray(t.dataIndex) ? t.dataIndex.join(".") : t.dataIndex : n;
+}
+function x(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function k(t, n = ["ascend", "descend", null]) {
+  const o = n.indexOf(t), i = n[o + 1];
+  return i === void 0 ? n[0] ?? null : i;
+}
+function p(t) {
+  if (typeof t.sorter == "function")
+    return t.sorter;
+  if (t.sorter && typeof t.sorter == "object")
+    return t.sorter.compare;
+}
+function g(t) {
+  return t.sorter && typeof t.sorter == "object" ? t.sorter.multiple ?? 0 : 0;
+}
+function l(t, n, o, i = "children") {
+  const s = n.map((r, e) => ({
+    column: r,
+    key: y(r, e)
+  })).filter(({ column: r, key: e }) => !("children" in r) && p(r) && o.get(e)).sort((r, e) => g(e.column) - g(r.column));
+  return s.length === 0 ? [...t] : [...t].sort((r, e) => {
+    for (const { column: f, key: d } of s) {
+      const u = o.get(d), a = p(f);
+      if (u && a) {
+        const c = a(r, e, u);
+        if (c !== 0)
+          return u === "ascend" ? c : -c;
+      }
+    }
+    return 0;
+  }).map((r) => {
+    const e = r[i];
+    return Array.isArray(e) ? { ...r, [i]: l(e, n, o, i) } : r;
+  });
+}
+function I(t, n, o) {
+  return n.reduce((i, s, r) => {
+    const e = s, f = o.get(y(e, r));
+    return !e.onFilter || !(f != null && f.length) ? i : i.filter((d) => f.some((u) => {
+      var a;
+      return (a = e.onFilter) == null ? void 0 : a.call(e, u, d);
+    }));
+  }, [...t]);
+}
+function v(t, n) {
+  const o = t.flatMap((i, s) => {
+    const r = i, e = y(r, s), f = n.get(e);
+    return f ? [{ column: r, order: f, field: r.dataIndex, columnKey: e }] : [];
+  });
+  return o.length <= 1 ? o[0] ?? {} : o;
+}
+export {
+  I as filterRecords,
+  y as getColumnKey,
+  k as getNextSortOrder,
+  v as getSorterResult,
+  x as renderColumnTitle,
+  l as sortRecords
+};

package/dist/web/Tabs/BTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),M=require("./TabPane.js");;/* empty css            */function I(...s){return s.filter(Boolean).join(" ")}function q(s,n){const[t,a]=c.useState(s);return[n===void 0?t:n,a]}function D(s,n){return c.useMemo(()=>s?s.filter(t=>!!(t&&typeof t=="object"&&"key"in t)):c.Children.toArray(n).flatMap(t=>{if(!c.isValidElement(t))return[];const{tab:a,tabKey:b,...y}=t.props,i=b??t.key;return i===null?[]:[{...y,key:String(i),label:a}]}),[n,s])}function E({active:s,id:n,item:t,onClick:a,onKeyDown:b,tabCount:y,tabIndex:i}){return r.jsxs("button",{"aria-controls":`${n}-panel-${t.key}`,"aria-disabled":t.disabled,"aria-selected":s,className:I("bj-tabs__tab",s&&"bj-tabs__tab--active",t.disabled&&"bj-tabs__tab--disabled"),disabled:t.disabled,id:`${n}-tab-${t.key}`,onClick:a,onKeyDown:b,role:"tab",tabIndex:t.disabled?-1:s?0:-1,type:"button",children:[r.jsx("span",{className:"bj-tabs__tab-btn",children:t.label}),r.jsx("span",{className:"bj-tabs__sr-only",children:`Tab ${i+1} of ${y}`})]})}function L({activeKey:s,id:n,items:t}){return r.jsx("div",{className:"bj-tabs__content-holder",children:r.jsx("div",{className:"bj-tabs__content",children:t.map(a=>{const b=a.key===s;return!b&&!a.forceRender?null:r.jsx("div",{"aria-hidden":!b,"aria-labelledby":`${n}-tab-${a.key}`,className:I("bj-tabs__tabpane",b&&"bj-tabs__tabpane--active",a.className),id:`${n}-panel-${a.key}`,role:"tabpanel",style:a.style,tabIndex:b?0:-1,children:a.children},a.key)})})})}function m({activeKey:s,children:n,centered:t,className:a,defaultActiveKey:b,id:y,items:i,onChange:f,onTabClick:_,style:w,tabBarGutter:F,tabBarStyle:S,tabPosition:x="top",type:T="line"}){const l=D(i,n),K=c.useRef(`bj-tabs-${Math.random().toString(36).slice(2,10)}`),p=y??K.current,[o,v]=q(()=>{var e;return b??((e=l[0])==null?void 0:e.key)},s),[$,P]=c.useState(()=>l.findIndex(e=>e.key===o));c.useEffect(()=>{var d;let e=l.findIndex(u=>u.key===o);e===-1&&(e=Math.max(0,Math.min($,l.length-1)),v((d=l[e])==null?void 0:d.key)),P(e)},[$,o,v,l]);const B=(e,d)=>{_==null||_(e,d),e!==o&&(v(e),f==null||f(e))},R=(e,d)=>{var N;const g=x==="left"||x==="right"?e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0:e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0;if(!g)return;e.preventDefault();const j=l.filter(h=>!h.disabled),V=j.findIndex(h=>{var A;return h.key===((A=l[d])==null?void 0:A.key)}),k=j[(V+g+j.length)%j.length];(N=document.getElementById(`${p}-tab-${k==null?void 0:k.key}`))==null||N.focus()};return r.jsxs("div",{className:I("bj-tabs",`bj-tabs--${x}`,`bj-tabs--${T}`,t&&"bj-tabs--centered",a),style:w,children:[r.jsx("div",{className:"bj-tabs__nav",role:"tablist",style:S,children:r.jsx("div",{className:"bj-tabs__nav-wrap",children:r.jsx("div",{className:"bj-tabs__nav-list",children:l.map((e,d)=>r.jsx(E,{active:e.key===o,id:p,item:e,onClick:u=>B(e.key,u),onKeyDown:u=>R(u,d),tabCount:l.length,tabIndex:d},e.key))})})}),r.jsx(L,{activeKey:o,id:p,items:l})]})}m.TabPane=M.TabPane;exports.TabPane=M.TabPane;exports.default=m;

package/dist/web/Tabs/BTabs.mjs

@@ -0,0 +1,130 @@
+import { jsxs as g, jsx as b } from "react/jsx-runtime";
+import { useRef as E, useState as A, useEffect as L, useMemo as T, Children as P, isValidElement as F } from "react";
+import { TabPane as G } from "./TabPane.mjs";
+/* empty css            */
+function I(...n) {
+  return n.filter(Boolean).join(" ");
+}
+function U(n, s) {
+  const [t, a] = A(n);
+  return [s === void 0 ? t : s, a];
+}
+function q(n, s) {
+  return T(() => n ? n.filter((t) => !!(t && typeof t == "object" && "key" in t)) : P.toArray(s).flatMap((t) => {
+    if (!F(t)) return [];
+    const { tab: a, tabKey: l, ...u } = t.props, c = l ?? t.key;
+    return c === null ? [] : [{ ...u, key: String(c), label: a }];
+  }), [s, n]);
+}
+function z({
+  active: n,
+  id: s,
+  item: t,
+  onClick: a,
+  onKeyDown: l,
+  tabCount: u,
+  tabIndex: c
+}) {
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      "aria-controls": `${s}-panel-${t.key}`,
+      "aria-disabled": t.disabled,
+      "aria-selected": n,
+      className: I("bj-tabs__tab", n && "bj-tabs__tab--active", t.disabled && "bj-tabs__tab--disabled"),
+      disabled: t.disabled,
+      id: `${s}-tab-${t.key}`,
+      onClick: a,
+      onKeyDown: l,
+      role: "tab",
+      tabIndex: t.disabled ? -1 : n ? 0 : -1,
+      type: "button",
+      children: [
+        /* @__PURE__ */ b("span", { className: "bj-tabs__tab-btn", children: t.label }),
+        /* @__PURE__ */ b("span", { className: "bj-tabs__sr-only", children: `Tab ${c + 1} of ${u}` })
+      ]
+    }
+  );
+}
+function H({ activeKey: n, id: s, items: t }) {
+  return /* @__PURE__ */ b("div", { className: "bj-tabs__content-holder", children: /* @__PURE__ */ b("div", { className: "bj-tabs__content", children: t.map((a) => {
+    const l = a.key === n;
+    return !l && !a.forceRender ? null : /* @__PURE__ */ b(
+      "div",
+      {
+        "aria-hidden": !l,
+        "aria-labelledby": `${s}-tab-${a.key}`,
+        className: I("bj-tabs__tabpane", l && "bj-tabs__tabpane--active", a.className),
+        id: `${s}-panel-${a.key}`,
+        role: "tabpanel",
+        style: a.style,
+        tabIndex: l ? 0 : -1,
+        children: a.children
+      },
+      a.key
+    );
+  }) }) });
+}
+function J({
+  activeKey: n,
+  children: s,
+  centered: t,
+  className: a,
+  defaultActiveKey: l,
+  id: u,
+  items: c,
+  onChange: f,
+  onTabClick: p,
+  style: w,
+  tabBarGutter: O,
+  tabBarStyle: M,
+  tabPosition: _ = "top",
+  type: K = "line"
+}) {
+  const r = q(c, s), B = E(`bj-tabs-${Math.random().toString(36).slice(2, 10)}`), j = u ?? B.current, [o, k] = U(
+    () => {
+      var e;
+      return l ?? ((e = r[0]) == null ? void 0 : e.key);
+    },
+    n
+  ), [$, V] = A(() => r.findIndex((e) => e.key === o));
+  L(() => {
+    var d;
+    let e = r.findIndex((i) => i.key === o);
+    e === -1 && (e = Math.max(0, Math.min($, r.length - 1)), k((d = r[e]) == null ? void 0 : d.key)), V(e);
+  }, [$, o, k, r]);
+  const R = (e, d) => {
+    p == null || p(e, d), e !== o && (k(e), f == null || f(e));
+  }, S = (e, d) => {
+    var m;
+    const x = _ === "left" || _ === "right" ? e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0 : e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
+    if (!x) return;
+    e.preventDefault();
+    const y = r.filter((h) => !h.disabled), D = y.findIndex((h) => {
+      var N;
+      return h.key === ((N = r[d]) == null ? void 0 : N.key);
+    }), v = y[(D + x + y.length) % y.length];
+    (m = document.getElementById(`${j}-tab-${v == null ? void 0 : v.key}`)) == null || m.focus();
+  };
+  return /* @__PURE__ */ g("div", { className: I("bj-tabs", `bj-tabs--${_}`, `bj-tabs--${K}`, t && "bj-tabs--centered", a), style: w, children: [
+    /* @__PURE__ */ b("div", { className: "bj-tabs__nav", role: "tablist", style: M, children: /* @__PURE__ */ b("div", { className: "bj-tabs__nav-wrap", children: /* @__PURE__ */ b("div", { className: "bj-tabs__nav-list", children: r.map((e, d) => /* @__PURE__ */ b(
+      z,
+      {
+        active: e.key === o,
+        id: j,
+        item: e,
+        onClick: (i) => R(e.key, i),
+        onKeyDown: (i) => S(i, d),
+        tabCount: r.length,
+        tabIndex: d
+      },
+      e.key
+    )) }) }) }),
+    /* @__PURE__ */ b(H, { activeKey: o, id: j, items: r })
+  ] });
+}
+J.TabPane = G;
+export {
+  G as TabPane,
+  J as default
+};

package/dist/web/Tabs/TabPane.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(a){return null}e.displayName="BTabs.TabPane";exports.TabPane=e;exports.default=e;

package/dist/web/Tabs/TabPane.mjs

@@ -0,0 +1,8 @@
+function a(e) {
+  return null;
+}
+a.displayName = "BTabs.TabPane";
+export {
+  a as TabPane,
+  a as default
+};

package/dist/web/Tooltip/ConfirmTooltip.js

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime");;/* empty css              */const m=require("./useAutoPlacement.js");function f({placement:e="top",title:i="是否使用当前自动翻译的英文？",okText:s="使用",cancelText:c="我去改改",onOk:l,onCancel:n,className:r,style:p}){const[t,a]=m.useAutoPlacement(e),u=["tooltip-popup",`tooltip-popup--${t}`,r].filter(Boolean).join(" ");return o.jsxs("div",{ref:a,className:u,style:p,children:[o.jsx("div",{className:`tooltip-arrow tooltip-arrow--${t}`}),o.jsx("p",{className:"tooltip-confirm__title",children:i}),o.jsxs("div",{className:"tooltip-confirm__actions",children:[o.jsx("button",{className:"tooltip-confirm__cancel",onClick:n,children:c}),o.jsx("button",{className:"tooltip-confirm__ok",onClick:l,children:s})]})]})}module.exports=f;

package/dist/web/Tooltip/ConfirmTooltip.mjs

@@ -0,0 +1,26 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+/* empty css              */
+import { useAutoPlacement as u } from "./useAutoPlacement.mjs";
+function h({
+  placement: l = "top",
+  title: p = "是否使用当前自动翻译的英文？",
+  okText: c = "使用",
+  cancelText: e = "我去改改",
+  onOk: n,
+  onCancel: r,
+  className: a,
+  style: s
+}) {
+  const [t, m] = u(l), f = ["tooltip-popup", `tooltip-popup--${t}`, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { ref: m, className: f, style: s, children: [
+    /* @__PURE__ */ o("div", { className: `tooltip-arrow tooltip-arrow--${t}` }),
+    /* @__PURE__ */ o("p", { className: "tooltip-confirm__title", children: p }),
+    /* @__PURE__ */ i("div", { className: "tooltip-confirm__actions", children: [
+      /* @__PURE__ */ o("button", { className: "tooltip-confirm__cancel", onClick: r, children: e }),
+      /* @__PURE__ */ o("button", { className: "tooltip-confirm__ok", onClick: n, children: c })
+    ] })
+  ] });
+}
+export {
+  h as default
+};

package/dist/web/Tooltip/ContentTooltip.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),B=require("react-dom"),$=require("antd");;/* empty css              */const P=require("./useAutoPlacement.js");function k({children:j,placement:i="top",content:a="这里是提示内容，可以包含更多详细信息。",variant:c="default",className:w,style:h,getPopupContainer:e,getAnchorElement:s,color:o,fontColor:r,autoAdjustOverflow:q=!0}){const[v,N]=P.useAutoPlacement(i),n=y.useRef(null),[b,S]=y.useState(),u=["tooltip-popup","tooltip-popup--content",`tooltip-popup--${v}`,c!=="default"?`tooltip-popup--${c}`:"",w].filter(Boolean).join(" "),p=["tooltip-arrow",`tooltip-arrow--${v}`,c==="tinted"?"tooltip-arrow--tinted-bg":""].filter(Boolean).join(" "),d={...h,...o?{backgroundColor:o}:{},...r?{color:r}:{}},f=o?{backgroundColor:o,borderColor:o}:void 0,x=r?{color:r}:void 0,_=t.jsxs("div",{className:`${u} tooltip-popup--antd`,style:d,children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]});if(j)return t.jsx($.Tooltip,{title:_,placement:i==="auto"?"top":i,arrowPointAtCenter:!0,autoAdjustOverflow:q,getPopupContainer:e,overlayClassName:"bu-content-tooltip",children:j});const R=t.jsxs("div",{ref:N,className:u,style:d,children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]});if(y.useLayoutEffect(()=>{if(!e||!n.current)return;const l=(s==null?void 0:s())??n.current.parentElement;if(!l)return;const m=l.getBoundingClientRect();S({position:"fixed",left:m.left+m.width/2,top:m.top,right:"auto",bottom:"auto",transform:"translate(-50%, calc(-100% - 16px))"})},[s,e]),e&&typeof document<"u"){const l=e();return t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:n,className:"tooltip-portal-anchor"}),b&&B.createPortal(t.jsxs("div",{ref:N,className:u,style:{...d,...b},children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]}),l)]})}return R}module.exports=k;

package/dist/web/Tooltip/ContentTooltip.mjs

@@ -0,0 +1,85 @@
+import { jsx as t, jsxs as i, Fragment as $ } from "react/jsx-runtime";
+import { useRef as k, useState as C, useLayoutEffect as P } from "react";
+import { createPortal as T } from "react-dom";
+import { Tooltip as F } from "antd";
+/* empty css              */
+import { useAutoPlacement as L } from "./useAutoPlacement.mjs";
+function J({
+  children: N,
+  placement: a = "top",
+  content: p = "这里是提示内容，可以包含更多详细信息。",
+  variant: n = "default",
+  className: h,
+  style: S,
+  getPopupContainer: o,
+  getAnchorElement: l,
+  color: e,
+  fontColor: r,
+  autoAdjustOverflow: _ = !0
+}) {
+  const [b, x] = L(a), c = k(null), [w, j] = C(), u = [
+    "tooltip-popup",
+    "tooltip-popup--content",
+    `tooltip-popup--${b}`,
+    n !== "default" ? `tooltip-popup--${n}` : "",
+    h
+  ].filter(Boolean).join(" "), d = [
+    "tooltip-arrow",
+    `tooltip-arrow--${b}`,
+    n === "tinted" ? "tooltip-arrow--tinted-bg" : ""
+  ].filter(Boolean).join(" "), f = {
+    ...S,
+    ...e ? { backgroundColor: e } : {},
+    ...r ? { color: r } : {}
+  }, m = e ? { backgroundColor: e, borderColor: e } : void 0, y = r ? { color: r } : void 0, B = /* @__PURE__ */ i("div", { className: `${u} tooltip-popup--antd`, style: f, children: [
+    /* @__PURE__ */ t("div", { className: d, style: m }),
+    /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
+  ] });
+  if (N)
+    return /* @__PURE__ */ t(
+      F,
+      {
+        title: B,
+        placement: a === "auto" ? "top" : a,
+        arrowPointAtCenter: !0,
+        autoAdjustOverflow: _,
+        getPopupContainer: o,
+        overlayClassName: "bu-content-tooltip",
+        children: N
+      }
+    );
+  const R = /* @__PURE__ */ i("div", { ref: x, className: u, style: f, children: [
+    /* @__PURE__ */ t("div", { className: d, style: m }),
+    /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
+  ] });
+  if (P(() => {
+    if (!o || !c.current) return;
+    const s = (l == null ? void 0 : l()) ?? c.current.parentElement;
+    if (!s) return;
+    const v = s.getBoundingClientRect();
+    j({
+      position: "fixed",
+      left: v.left + v.width / 2,
+      top: v.top,
+      right: "auto",
+      bottom: "auto",
+      transform: "translate(-50%, calc(-100% - 16px))"
+    });
+  }, [l, o]), o && typeof document < "u") {
+    const s = o();
+    return /* @__PURE__ */ i($, { children: [
+      /* @__PURE__ */ t("span", { ref: c, className: "tooltip-portal-anchor" }),
+      w && T(
+        /* @__PURE__ */ i("div", { ref: x, className: u, style: { ...f, ...w }, children: [
+          /* @__PURE__ */ t("div", { className: d, style: m }),
+          /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
+        ] }),
+        s
+      )
+    ] });
+  }
+  return R;
+}
+export {
+  J as default
+};

package/dist/web/Tooltip/ProgressTooltip.js

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

@@ -0,0 +1,35 @@
+import { jsxs as o, jsx as t } 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
+}) {
+  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__ */ t(
+        "div",
+        {
+          className: "tooltip-progress__track",
+          style: { "--tooltip-progress": `${e}%` },
+          children: /* @__PURE__ */ t("div", { className: "tooltip-progress__fill" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  _ as default
+};

package/dist/web/Tooltip/TooltipWrapper.js

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as i } 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 });
+  }
+);
+l.displayName = "TooltipWrapper";
+export {
+  l as default
+};

package/dist/web/Tooltip/useAutoPlacement.js

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

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