bj-web-components 0.2.12 → 0.2.14

package/dist/web/CheckBox/BCheckBox.mjs

@@ -0,0 +1,101 @@
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { forwardRef as S, useContext as g, useState as L, useRef as O, useEffect as x } from "react";
+import $ from "../Icon/Icon.mjs";
+import { CheckBoxGroupContext as q } from "./context.mjs";
+/* empty css                */
+function u(...r) {
+  return r.filter(Boolean).join(" ");
+}
+const z = S((r, p) => {
+  const {
+    checked: k,
+    defaultChecked: j = !1,
+    disabled: v,
+    indeterminate: o = !1,
+    children: b,
+    className: C,
+    style: N,
+    onChange: i,
+    onMouseEnter: _,
+    onMouseLeave: B,
+    value: c,
+    skipGroup: V = !1,
+    direction: w = "ltr",
+    name: y,
+    variant: m = "dark",
+    ...E
+  } = r, e = g(q), [D, G] = L(j), s = O(c), a = !!(e && !V), t = a ? e.value.includes(c) : k ?? D, n = (e == null ? void 0 : e.disabled) || v, P = a ? e == null ? void 0 : e.name : y, I = a ? (e == null ? void 0 : e.variant) ?? m : m;
+  x(() => {
+    if (!(!a || c === void 0))
+      return e == null || e.registerValue(c), () => e == null ? void 0 : e.cancelValue(c);
+  }, [e, a, c]), x(() => {
+    !a || s.current === c || (s.current !== void 0 && (e == null || e.cancelValue(s.current)), c !== void 0 && (e == null || e.registerValue(c)), s.current = c);
+  }, [e, a, c]);
+  const M = (l) => {
+    if (n) return;
+    const f = l.target.checked;
+    !a && k === void 0 && G(f);
+    const R = {
+      target: { ...r, checked: f },
+      stopPropagation: () => l.stopPropagation(),
+      preventDefault: () => l.preventDefault(),
+      nativeEvent: l.nativeEvent
+    };
+    i == null || i(R), a && c !== void 0 && (e == null || e.toggleOption({ label: b, value: c, disabled: n, onChange: i }));
+  };
+  return /* @__PURE__ */ h(
+    "label",
+    {
+      className: u(
+        "bj-checkbox-wrapper",
+        t && "bj-checkbox-wrapper--checked",
+        n && "bj-checkbox-wrapper--disabled",
+        w === "rtl" && "bj-checkbox-wrapper--rtl",
+        C
+      ),
+      onMouseEnter: _,
+      onMouseLeave: B,
+      style: N,
+      children: [
+        /* @__PURE__ */ h(
+          "span",
+          {
+            className: u(
+              "bj-checkbox",
+              t && "bj-checkbox--checked",
+              n && "bj-checkbox--disabled",
+              o && "bj-checkbox--indeterminate",
+              `bj-checkbox--${I}`
+            ),
+            children: [
+              /* @__PURE__ */ d(
+                "input",
+                {
+                  ...E,
+                  "aria-checked": o ? "mixed" : t,
+                  checked: t,
+                  className: "bj-checkbox__input",
+                  disabled: n,
+                  name: P,
+                  onChange: M,
+                  ref: p,
+                  type: "checkbox",
+                  value: typeof c == "boolean" ? String(c) : c
+                }
+              ),
+              /* @__PURE__ */ h("span", { className: "bj-checkbox__inner", children: [
+                t && !o && /* @__PURE__ */ d($, { className: "bj-checkbox__check-icon", type: "icon-a-dagouxi" }),
+                o && /* @__PURE__ */ d("span", { className: "bj-checkbox__indeterminate-mark" })
+              ] })
+            ]
+          }
+        ),
+        b !== void 0 && /* @__PURE__ */ d("span", { className: "bj-checkbox__label", children: b })
+      ]
+    }
+  );
+});
+z.displayName = "BCheckBox";
+export {
+  z as default
+};

package/dist/web/CheckBox/Group.js

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),c=require("react"),z=require("./BCheckBox.js"),C=require("./context.js");function M(n){return(n??[]).map(t=>typeof t=="string"||typeof t=="number"?{label:t,value:t}:t)}const h=c.forwardRef(({defaultValue:n=[],value:t,onChange:i,options:f,children:j,disabled:o,name:m,className:k,style:B,direction:O="ltr",variant:v="dark"},y)=>{const[p,g]=c.useState(n),[x,b]=c.useState([]),u=t??p,l=c.useMemo(()=>M(f),[f]);c.useEffect(()=>{t!==void 0&&g(t)},[t]);const q=e=>{b(r=>r.includes(e)?r:[...r,e])},V=e=>{b(r=>r.filter(a=>a!==e))},G=e=>{const r=u.includes(e.value)?u.filter(s=>s!==e.value):[...u,e.value];t===void 0&&g(r);const a=l.length>0?l.map(s=>s.value):x;i==null||i(r.filter(s=>x.includes(s)).sort((s,S)=>a.indexOf(s)-a.indexOf(S)))},N=c.useMemo(()=>({name:m,value:u,disabled:o,variant:v,registerValue:q,cancelValue:V,toggleOption:G}),[o,u,m,x,v]),R=l.length>0?l.map(e=>d.jsx(z,{className:"bj-checkbox-group__item",disabled:e.disabled??o,onChange:e.onChange,style:e.style,value:e.value,children:e.label},String(e.value))):j;return d.jsx("div",{className:["bj-checkbox-group",O==="rtl"?"bj-checkbox-group--rtl":"",k].filter(Boolean).join(" "),ref:y,style:B,children:d.jsx(C.CheckBoxGroupContext.Provider,{value:N,children:R})})});h.displayName="BCheckBox.Group";module.exports=h;

package/dist/web/CheckBox/Group.mjs

@@ -0,0 +1,67 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as S, useState as b, useMemo as h, useEffect as _ } from "react";
+import w from "./BCheckBox.mjs";
+import { CheckBoxGroupContext as E } from "./context.mjs";
+function I(u) {
+  return (u ?? []).map((r) => typeof r == "string" || typeof r == "number" ? { label: r, value: r } : r);
+}
+const M = S(({
+  defaultValue: u = [],
+  value: r,
+  onChange: i,
+  options: m,
+  children: p,
+  disabled: n,
+  name: d,
+  className: k,
+  style: B,
+  direction: O = "ltr",
+  variant: x = "dark"
+}, j) => {
+  const [y, v] = b(u), [f, g] = b([]), s = r ?? y, c = h(() => I(m), [m]);
+  _(() => {
+    r !== void 0 && v(r);
+  }, [r]);
+  const V = (e) => {
+    g((t) => t.includes(e) ? t : [...t, e]);
+  }, G = (e) => {
+    g((t) => t.filter((a) => a !== e));
+  }, N = (e) => {
+    const t = s.includes(e.value) ? s.filter((l) => l !== e.value) : [...s, e.value];
+    r === void 0 && v(t);
+    const a = c.length > 0 ? c.map((l) => l.value) : f;
+    i == null || i(t.filter((l) => f.includes(l)).sort((l, R) => a.indexOf(l) - a.indexOf(R)));
+  }, z = h(() => ({
+    name: d,
+    value: s,
+    disabled: n,
+    variant: x,
+    registerValue: V,
+    cancelValue: G,
+    toggleOption: N
+  }), [n, s, d, f, x]), C = c.length > 0 ? c.map((e) => /* @__PURE__ */ o(
+    w,
+    {
+      className: "bj-checkbox-group__item",
+      disabled: e.disabled ?? n,
+      onChange: e.onChange,
+      style: e.style,
+      value: e.value,
+      children: e.label
+    },
+    String(e.value)
+  )) : p;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: ["bj-checkbox-group", O === "rtl" ? "bj-checkbox-group--rtl" : "", k].filter(Boolean).join(" "),
+      ref: j,
+      style: B,
+      children: /* @__PURE__ */ o(E.Provider, { value: z, children: C })
+    }
+  );
+});
+M.displayName = "BCheckBox.Group";
+export {
+  M as default
+};

package/dist/web/CheckBox/context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.CheckBoxGroupContext=t;

package/dist/web/CheckBox/context.mjs

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(null);
+export {
+  e as CheckBoxGroupContext
+};

package/dist/web/CheckBox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./BCheckBox.js"),r=require("./Group.js"),e=o;e.Group=r;e.__ANT_CHECKBOX=!0;exports.BCheckBox=e;

package/dist/web/CheckBox/index.mjs

@@ -0,0 +1,8 @@
+import r from "./BCheckBox.mjs";
+import B from "./Group.mjs";
+const o = r;
+o.Group = B;
+o.__ANT_CHECKBOX = !0;
+export {
+  o as BCheckBox
+};

package/dist/web/Dropdown/BDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),U=require("react-dom"),X=require("../BasicInput/BInput.js"),Y=require("../CheckBox/index.js"),T=require("../Icon/Icon.js"),Z=require("../OverlayScrollbar/BOverlayScrollbar.js");;/* empty css                       */const $=require("../Tooltip/ContentTooltip.js");require("../Tooltip/TooltipWrapper.js");const ee=require("../ProductField/no_data_light.png.js");;/* empty css                */function u(...t){return t.filter(Boolean).join(" ")}function ne(t){return typeof t.label=="string"||typeof t.label=="number"?String(t.label):String(t.value)}function V({option:t}){const i=r.useRef(null),[b,o]=r.useState(!1),[l,m]=r.useState(null),p=typeof t.label=="string"||typeof t.label=="number",j=p?String(t.label):t.label;function _(){const a=i.current;p&&a&&a.scrollWidth>a.clientWidth&&(m(a.getBoundingClientRect()),o(!0))}return n.jsxs("span",{ref:i,className:"bj-dropdown__option-label",onMouseEnter:_,onMouseLeave:()=>o(!1),children:[j,b&&l&&typeof document<"u"&&U.createPortal(n.jsx("span",{className:"bj-dropdown__option-tooltip-anchor",style:{position:"fixed",top:l.top,left:l.left,width:l.width,height:l.height},children:n.jsx($,{className:"bj-dropdown__option-tooltip",content:j,placement:"top"})}),document.body)]})}function D({option:t,doubleLine:i}){return i?n.jsxs("span",{className:"bj-dropdown__option-content",children:[n.jsx(V,{option:t}),t.description!==void 0&&n.jsx("span",{className:"bj-dropdown__option-description",children:t.description})]}):n.jsx(V,{option:t})}function te({className:t,style:i,options:b,value:o,defaultValue:l=[],multiple:m=!1,optionMode:p="single-line",searchable:j=!1,searchValue:_,searchPlaceholder:a="搜索",onSearch:f,filterOption:v=!0,emptyText:I,labels:g,t:O=h=>h,optionRender:x,onChange:y,footer:N=!0,showReset:E=!0,showConfirm:P=!0,resetText:W="重置",confirmText:z="确定",onReset:q,onConfirm:L}){const h=r.useRef(null),k=r.useRef(null),[A,C]=r.useState(l),[G,F]=r.useState(""),s=o??A,d=m===!0,c=p==="double-line",w=_??G,H=I??(g==null?void 0:g.emptyText)??O("暂无结果"),S=!f&&v!==!1&&w?b.filter(e=>typeof v=="function"?v(w,e):ne(e).toLocaleLowerCase().includes(w.toLocaleLowerCase())):b;function J(e,B){o===void 0&&C(e),y==null||y(e,B)}function M(e){_===void 0&&F(e),f==null||f(e)}function R(e){if(e.disabled)return;const B=d?s.includes(e.value)?s.filter(Q=>Q!==e.value):[...s,e.value]:[e.value];J(B,e)}function K(){o===void 0&&C([]),q==null||q()}return n.jsxs("div",{ref:h,className:u("bj-dropdown",c&&"bj-dropdown--double-line",!d&&"bj-dropdown--single",t),role:"dialog",style:i,children:[j&&n.jsx("div",{className:"bj-dropdown__search",children:n.jsx(X,{"aria-label":"搜索选项",allowClear:{clearIcon:n.jsx(T,{className:"bj-dropdown__search-clear-icon",type:"icon-a-guanbixi"})},onChange:e=>M(e.target.value),onClear:()=>M(""),placeholder:a,prefix:n.jsx(T,{type:"icon-a-sousuoxi"}),inputMode:"search",role:"searchbox",type:"text",value:w})}),n.jsxs("div",{ref:k,className:u("bj-dropdown__options","bj-overlay-scrollbar-hidden",S.length===0&&"bj-dropdown__options--empty",!d&&"bj-dropdown__options--single"),children:[S.map(e=>d?n.jsx(Y.BCheckBox,{checked:s.includes(e.value),className:u("bj-dropdown__option",c&&e.description!==void 0&&"bj-dropdown__option--double-line"),disabled:e.disabled,onChange:()=>R(e),skipGroup:!0,variant:"white",children:x?x(e):n.jsx(D,{doubleLine:c&&e.description!==void 0,option:e})},String(e.value)):n.jsxs("button",{"aria-pressed":s.includes(e.value),className:u("bj-dropdown__option","bj-dropdown__option--single",c&&e.description!==void 0&&"bj-dropdown__option--double-line",s.includes(e.value)&&"bj-dropdown__option--selected"),disabled:e.disabled,onClick:()=>R(e),type:"button",children:[x?n.jsx("span",{className:"bj-dropdown__option-label",children:x(e)}):n.jsx(D,{doubleLine:c&&e.description!==void 0,option:e}),s.includes(e.value)&&n.jsx(T,{className:"bj-dropdown__option-icon",type:"icon-a-dagouxi"})]},String(e.value))),S.length===0&&n.jsxs("div",{className:"bj-dropdown__empty",children:[n.jsx("img",{alt:"",className:"bj-dropdown__empty-image",src:ee}),n.jsx("span",{className:"bj-dropdown__empty-text",children:H})]})]}),n.jsx(Z,{containerRef:h,gap:2,size:2,targetRef:k}),N!==!1&&(N!==!0?N:n.jsxs("div",{className:u("bj-dropdown__actions",!d&&"bj-dropdown__actions--single"),children:[E&&n.jsx("button",{onClick:K,type:"button",children:W}),d&&P&&n.jsx("button",{onClick:()=>L==null?void 0:L(s),type:"button",children:z})]}))]})}exports.BDropdown=te;

package/dist/web/Dropdown/BDropdown.mjs

@@ -0,0 +1,160 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { useRef as V, useState as j } from "react";
+import { createPortal as Y } from "react-dom";
+import Z from "../BasicInput/BInput.mjs";
+import { BCheckBox as $ } from "../CheckBox/index.mjs";
+import T from "../Icon/Icon.mjs";
+import ee from "../OverlayScrollbar/BOverlayScrollbar.mjs";
+/* empty css                       */
+import le from "../Tooltip/ContentTooltip.mjs";
+import "../Tooltip/TooltipWrapper.mjs";
+import ne from "../ProductField/no_data_light.png.mjs";
+/* empty css                */
+function u(...n) {
+  return n.filter(Boolean).join(" ");
+}
+function te(n) {
+  return typeof n.label == "string" || typeof n.label == "number" ? String(n.label) : String(n.value);
+}
+function D({ option: n }) {
+  const d = V(null), [p, i] = j(!1), [o, g] = j(null), b = typeof n.label == "string" || typeof n.label == "number", m = b ? String(n.label) : n.label;
+  function f() {
+    const a = d.current;
+    b && a && a.scrollWidth > a.clientWidth && (g(a.getBoundingClientRect()), i(!0));
+  }
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ref: d,
+      className: "bj-dropdown__option-label",
+      onMouseEnter: f,
+      onMouseLeave: () => i(!1),
+      children: [
+        m,
+        p && o && typeof document < "u" && Y(
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: "bj-dropdown__option-tooltip-anchor",
+              style: {
+                position: "fixed",
+                top: o.top,
+                left: o.left,
+                width: o.width,
+                height: o.height
+              },
+              children: /* @__PURE__ */ l(le, { className: "bj-dropdown__option-tooltip", content: m, placement: "top" })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function R({ option: n, doubleLine: d }) {
+  return d ? /* @__PURE__ */ r("span", { className: "bj-dropdown__option-content", children: [
+    /* @__PURE__ */ l(D, { option: n }),
+    n.description !== void 0 && /* @__PURE__ */ l("span", { className: "bj-dropdown__option-description", children: n.description })
+  ] }) : /* @__PURE__ */ l(D, { option: n });
+}
+function _e({
+  className: n,
+  style: d,
+  options: p,
+  value: i,
+  defaultValue: o = [],
+  multiple: g = !1,
+  optionMode: b = "single-line",
+  searchable: m = !1,
+  searchValue: f,
+  searchPlaceholder: a = "搜索",
+  onSearch: _,
+  filterOption: y = !0,
+  emptyText: W,
+  labels: N,
+  t: z = (w) => w,
+  optionRender: h,
+  onChange: x,
+  footer: B = !0,
+  showReset: A = !0,
+  showConfirm: G = !0,
+  resetText: P = "重置",
+  confirmText: q = "确定",
+  onReset: L,
+  onConfirm: k
+}) {
+  const w = V(null), M = V(null), [F, S] = j(o), [H, J] = j(""), t = i ?? F, s = g === !0, c = b === "double-line", v = f ?? H, K = W ?? (N == null ? void 0 : N.emptyText) ?? z("暂无结果"), C = !_ && y !== !1 && v ? p.filter((e) => typeof y == "function" ? y(v, e) : te(e).toLocaleLowerCase().includes(v.toLocaleLowerCase())) : p;
+  function Q(e, I) {
+    i === void 0 && S(e), x == null || x(e, I);
+  }
+  function E(e) {
+    f === void 0 && J(e), _ == null || _(e);
+  }
+  function O(e) {
+    if (e.disabled) return;
+    const I = s ? t.includes(e.value) ? t.filter((X) => X !== e.value) : [...t, e.value] : [e.value];
+    Q(I, e);
+  }
+  function U() {
+    i === void 0 && S([]), L == null || L();
+  }
+  return /* @__PURE__ */ r("div", { ref: w, className: u("bj-dropdown", c && "bj-dropdown--double-line", !s && "bj-dropdown--single", n), role: "dialog", style: d, children: [
+    m && /* @__PURE__ */ l("div", { className: "bj-dropdown__search", children: /* @__PURE__ */ l(
+      Z,
+      {
+        "aria-label": "搜索选项",
+        allowClear: { clearIcon: /* @__PURE__ */ l(T, { className: "bj-dropdown__search-clear-icon", type: "icon-a-guanbixi" }) },
+        onChange: (e) => E(e.target.value),
+        onClear: () => E(""),
+        placeholder: a,
+        prefix: /* @__PURE__ */ l(T, { type: "icon-a-sousuoxi" }),
+        inputMode: "search",
+        role: "searchbox",
+        type: "text",
+        value: v
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { ref: M, className: u("bj-dropdown__options", "bj-overlay-scrollbar-hidden", C.length === 0 && "bj-dropdown__options--empty", !s && "bj-dropdown__options--single"), children: [
+      C.map((e) => s ? /* @__PURE__ */ l(
+        $,
+        {
+          checked: t.includes(e.value),
+          className: u("bj-dropdown__option", c && e.description !== void 0 && "bj-dropdown__option--double-line"),
+          disabled: e.disabled,
+          onChange: () => O(e),
+          skipGroup: !0,
+          variant: "white",
+          children: h ? h(e) : /* @__PURE__ */ l(R, { doubleLine: c && e.description !== void 0, option: e })
+        },
+        String(e.value)
+      ) : /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-pressed": t.includes(e.value),
+          className: u("bj-dropdown__option", "bj-dropdown__option--single", c && e.description !== void 0 && "bj-dropdown__option--double-line", t.includes(e.value) && "bj-dropdown__option--selected"),
+          disabled: e.disabled,
+          onClick: () => O(e),
+          type: "button",
+          children: [
+            h ? /* @__PURE__ */ l("span", { className: "bj-dropdown__option-label", children: h(e) }) : /* @__PURE__ */ l(R, { doubleLine: c && e.description !== void 0, option: e }),
+            t.includes(e.value) && /* @__PURE__ */ l(T, { className: "bj-dropdown__option-icon", type: "icon-a-dagouxi" })
+          ]
+        },
+        String(e.value)
+      )),
+      C.length === 0 && /* @__PURE__ */ r("div", { className: "bj-dropdown__empty", children: [
+        /* @__PURE__ */ l("img", { alt: "", className: "bj-dropdown__empty-image", src: ne }),
+        /* @__PURE__ */ l("span", { className: "bj-dropdown__empty-text", children: K })
+      ] })
+    ] }),
+    /* @__PURE__ */ l(ee, { containerRef: w, gap: 2, size: 2, targetRef: M }),
+    B !== !1 && (B !== !0 ? B : /* @__PURE__ */ r("div", { className: u("bj-dropdown__actions", !s && "bj-dropdown__actions--single"), children: [
+      A && /* @__PURE__ */ l("button", { onClick: U, type: "button", children: P }),
+      s && G && /* @__PURE__ */ l("button", { onClick: () => k == null ? void 0 : k(t), type: "button", children: q })
+    ] }))
+  ] });
+}
+export {
+  _e as BDropdown
+};

package/dist/web/OverlayScrollbar/BOverlayScrollbar.js

@@ -0,0 +1 @@
+"use strict";const Y=require("react/jsx-runtime"),s=require("react");;/* empty css                        */const $=24,re=800,H={visible:!1,offset:0,length:0,cross:0};function se({containerRef:_,targetRef:j,selector:U,direction:S="vertical",size:E=4,gap:w=0,background:F,showOnHover:l=!0,showOnScroll:Z=!0,hoverSelector:A,horizontalInsetStart:p=0,horizontalInsetEnd:D=0,horizontalThumbLength:R,className:te=""}){const P=S==="vertical"||S==="both",V=S==="horizontal"||S==="both",m=s.useRef(null),f=s.useRef(null),y=s.useRef(null),L=s.useRef(!1),M=s.useRef(!1),[k,G]=s.useState(H),[B,J]=s.useState(H),[ne,v]=s.useState(!l);s.useEffect(()=>{l||v(!0)},[l]);const g=s.useCallback(()=>{const e=m.current,n=_.current;if(!e||!n)return;const{scrollTop:t,scrollHeight:o,clientHeight:c,scrollLeft:d,scrollWidth:u,clientWidth:i}=e,h=e.getBoundingClientRect(),r=n.getBoundingClientRect(),b=h.top-r.top,x=h.left-r.left;if(P){const C=o-c;if(C<=1)G(a=>a.visible?H:a);else{const a=Math.max(c/o*c,$);G({visible:!0,offset:b+t/C*(c-a),length:a,cross:x+i-E-w})}}if(V){const C=u-i,a=Math.max(i-p-D,0);if(C<=1||a<=0)J(W=>W.visible?H:W);else{const W=i/u*a,ee=Math.min(a,Math.max(R??W,$));J({visible:!0,offset:x+p+d/C*(a-ee),length:ee,cross:b+c-E-w})}}},[_,w,D,p,R,V,P,E]),q=s.useCallback(()=>{if(!l)return;const e=L.current||M.current||f.current;if(!Z&&!e){v(!1);return}v(!0),y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{!f.current&&!L.current&&!M.current&&v(!1)},re)},[l,Z]),X=s.useCallback(()=>{g(),q()},[g,q]);s.useEffect(()=>{const e=_.current;if(!e)return;window.getComputedStyle(e).position==="static"&&(e.style.position="relative");let n,t=null;const o=()=>{const r=(j==null?void 0:j.current)??(U?e.querySelector(U):e.firstElementChild);if(!r||r===m.current)return;n==null||n(),m.current=r,r.addEventListener("scroll",X,{passive:!0});const b=new ResizeObserver(g);b.observe(r),r.firstElementChild&&b.observe(r.firstElementChild),n=()=>{r.removeEventListener("scroll",X),b.disconnect()},g()},c=()=>{L.current=!0,l&&v(!0)},d=()=>{L.current=!1,l&&!M.current&&!f.current&&v(!1)},u=()=>{t==null||t.removeEventListener("mouseenter",c),t==null||t.removeEventListener("mouseleave",d),t=null,L.current=!1},i=()=>{const r=A?e.querySelector(A):e;!r||r===t||(u(),t=r,t.addEventListener("mouseenter",c),t.addEventListener("mouseleave",d))};o(),i();const h=new MutationObserver(()=>{(!m.current||!e.contains(m.current))&&o(),t&&!e.contains(t)&&u(),t||i(),g()});return h.observe(e,{childList:!0,subtree:!0}),()=>{h.disconnect(),n==null||n(),u(),m.current=null,y.current&&clearTimeout(y.current)}},[_,A,X,U,l,g,j]);const T=s.useCallback(e=>{const n=m.current,t=f.current;if(!n||!t)return;const o=t.axis==="vertical",c=o?n.clientHeight:n.clientWidth,d=o?n.scrollHeight:n.scrollWidth,u=o?c:Math.max(c-p-D,0),i=c/d*u,h=Math.min(u,Math.max(o?i:R??i,$)),r=u-h;if(r<=0)return;const b=(o?e.clientY:e.clientX)-t.client,x=t.scroll+b*((d-c)/r);o?n.scrollTop=x:n.scrollLeft=x},[D,p,R]),N=s.useCallback(()=>{const e=!!f.current;f.current=null,document.body.style.userSelect="",document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",N),e&&q()},[T,q]),K=e=>n=>{const t=m.current;t&&(n.preventDefault(),n.stopPropagation(),f.current={axis:e,client:e==="vertical"?n.clientY:n.clientX,scroll:e==="vertical"?t.scrollTop:t.scrollLeft},document.body.style.userSelect="none",document.addEventListener("mousemove",T),document.addEventListener("mouseup",N))};s.useEffect(()=>()=>{f.current=null,document.body.style.userSelect="",document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",N)},[N,T]);const Q=["bj-overlay-scrollbar__thumb",ne&&"bj-overlay-scrollbar__thumb--active",te].filter(Boolean).join(" "),I=F?{"--bj-overlay-scrollbar-bg":F}:void 0,z=()=>{M.current=!0,l&&v(!0)},O=()=>{M.current=!1,l&&!L.current&&!f.current&&v(!1)};return Y.jsxs(Y.Fragment,{children:[P&&k.visible&&Y.jsx("div",{className:`${Q} bj-overlay-scrollbar__thumb--vertical`,onMouseDown:K("vertical"),onMouseEnter:z,onMouseLeave:O,style:{...I,top:k.offset,left:k.cross,height:k.length,width:E}}),V&&B.visible&&Y.jsx("div",{className:`${Q} bj-overlay-scrollbar__thumb--horizontal`,onMouseDown:K("horizontal"),onMouseEnter:z,onMouseLeave:O,style:{...I,left:B.offset,top:B.cross,width:B.length,height:E}})]})}module.exports=se;

package/dist/web/OverlayScrollbar/BOverlayScrollbar.mjs

@@ -0,0 +1,152 @@
+import { jsxs as se, Fragment as le, jsx as re } from "react/jsx-runtime";
+import { useRef as x, useState as $, useEffect as F, useCallback as D } from "react";
+/* empty css                        */
+const Z = 24, ie = 800, U = { visible: !1, offset: 0, length: 0, cross: 0 };
+function fe({
+  containerRef: j,
+  targetRef: C,
+  selector: q,
+  direction: S = "vertical",
+  size: g = 4,
+  gap: w = 0,
+  background: G,
+  showOnHover: s = !0,
+  showOnScroll: J = !0,
+  hoverSelector: A,
+  horizontalInsetStart: p = 0,
+  horizontalInsetEnd: B = 0,
+  horizontalThumbLength: k,
+  className: ce = ""
+}) {
+  const P = S === "vertical" || S === "both", V = S === "horizontal" || S === "both", m = x(null), a = x(null), y = x(null), h = x(!1), E = x(!1), [N, K] = $(U), [R, Q] = $(U), [oe, f] = $(!s);
+  F(() => {
+    s || f(!0);
+  }, [s]);
+  const L = D(() => {
+    const e = m.current, n = j.current;
+    if (!e || !n) return;
+    const { scrollTop: t, scrollHeight: o, clientHeight: c, scrollLeft: b, scrollWidth: l, clientWidth: i } = e, d = e.getBoundingClientRect(), r = n.getBoundingClientRect(), v = d.top - r.top, T = d.left - r.left;
+    if (P) {
+      const _ = o - c;
+      if (_ <= 1)
+        K((u) => u.visible ? U : u);
+      else {
+        const u = Math.max(c / o * c, Z);
+        K({
+          visible: !0,
+          offset: v + t / _ * (c - u),
+          length: u,
+          cross: T + i - g - w
+        });
+      }
+    }
+    if (V) {
+      const _ = l - i, u = Math.max(i - p - B, 0);
+      if (_ <= 1 || u <= 0)
+        Q((H) => H.visible ? U : H);
+      else {
+        const H = i / l * u, ne = Math.min(u, Math.max(k ?? H, Z));
+        Q({
+          visible: !0,
+          offset: T + p + b / _ * (u - ne),
+          length: ne,
+          cross: v + c - g - w
+        });
+      }
+    }
+  }, [j, w, B, p, k, V, P, g]), W = D(() => {
+    if (!s) return;
+    const e = h.current || E.current || a.current;
+    if (!J && !e) {
+      f(!1);
+      return;
+    }
+    f(!0), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+      !a.current && !h.current && !E.current && f(!1);
+    }, ie);
+  }, [s, J]), X = D(() => {
+    L(), W();
+  }, [L, W]);
+  F(() => {
+    const e = j.current;
+    if (!e) return;
+    window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
+    let n, t = null;
+    const o = () => {
+      const r = (C == null ? void 0 : C.current) ?? (q ? e.querySelector(q) : e.firstElementChild);
+      if (!r || r === m.current) return;
+      n == null || n(), m.current = r, r.addEventListener("scroll", X, { passive: !0 });
+      const v = new ResizeObserver(L);
+      v.observe(r), r.firstElementChild && v.observe(r.firstElementChild), n = () => {
+        r.removeEventListener("scroll", X), v.disconnect();
+      }, L();
+    }, c = () => {
+      h.current = !0, s && f(!0);
+    }, b = () => {
+      h.current = !1, s && !E.current && !a.current && f(!1);
+    }, l = () => {
+      t == null || t.removeEventListener("mouseenter", c), t == null || t.removeEventListener("mouseleave", b), t = null, h.current = !1;
+    }, i = () => {
+      const r = A ? e.querySelector(A) : e;
+      !r || r === t || (l(), t = r, t.addEventListener("mouseenter", c), t.addEventListener("mouseleave", b));
+    };
+    o(), i();
+    const d = new MutationObserver(() => {
+      (!m.current || !e.contains(m.current)) && o(), t && !e.contains(t) && l(), t || i(), L();
+    });
+    return d.observe(e, { childList: !0, subtree: !0 }), () => {
+      d.disconnect(), n == null || n(), l(), m.current = null, y.current && clearTimeout(y.current);
+    };
+  }, [j, A, X, q, s, L, C]);
+  const M = D((e) => {
+    const n = m.current, t = a.current;
+    if (!n || !t) return;
+    const o = t.axis === "vertical", c = o ? n.clientHeight : n.clientWidth, b = o ? n.scrollHeight : n.scrollWidth, l = o ? c : Math.max(c - p - B, 0), i = c / b * l, d = Math.min(l, Math.max(o ? i : k ?? i, Z)), r = l - d;
+    if (r <= 0) return;
+    const v = (o ? e.clientY : e.clientX) - t.client, T = t.scroll + v * ((b - c) / r);
+    o ? n.scrollTop = T : n.scrollLeft = T;
+  }, [B, p, k]), Y = D(() => {
+    const e = !!a.current;
+    a.current = null, document.body.style.userSelect = "", document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", Y), e && W();
+  }, [M, W]), I = (e) => (n) => {
+    const t = m.current;
+    t && (n.preventDefault(), n.stopPropagation(), a.current = {
+      axis: e,
+      client: e === "vertical" ? n.clientY : n.clientX,
+      scroll: e === "vertical" ? t.scrollTop : t.scrollLeft
+    }, document.body.style.userSelect = "none", document.addEventListener("mousemove", M), document.addEventListener("mouseup", Y));
+  };
+  F(() => () => {
+    a.current = null, document.body.style.userSelect = "", document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", Y);
+  }, [Y, M]);
+  const z = ["bj-overlay-scrollbar__thumb", oe && "bj-overlay-scrollbar__thumb--active", ce].filter(Boolean).join(" "), O = G ? { "--bj-overlay-scrollbar-bg": G } : void 0, ee = () => {
+    E.current = !0, s && f(!0);
+  }, te = () => {
+    E.current = !1, s && !h.current && !a.current && f(!1);
+  };
+  return /* @__PURE__ */ se(le, { children: [
+    P && N.visible && /* @__PURE__ */ re(
+      "div",
+      {
+        className: `${z} bj-overlay-scrollbar__thumb--vertical`,
+        onMouseDown: I("vertical"),
+        onMouseEnter: ee,
+        onMouseLeave: te,
+        style: { ...O, top: N.offset, left: N.cross, height: N.length, width: g }
+      }
+    ),
+    V && R.visible && /* @__PURE__ */ re(
+      "div",
+      {
+        className: `${z} bj-overlay-scrollbar__thumb--horizontal`,
+        onMouseDown: I("horizontal"),
+        onMouseEnter: ee,
+        onMouseLeave: te,
+        style: { ...O, left: R.offset, top: R.cross, width: R.length, height: g }
+      }
+    )
+  ] });
+}
+export {
+  fe as default
+};

package/dist/web/Pagination/Pagination.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),ae=require("react-dom");;/* empty css                 */function le({triggerRect:w,dropdownHeight:r,viewportHeight:L}){const x=L-w.bottom,b=w.top;return x<r&&b>=r?"top":"bottom"}const re=w=>{const{current:r,defaultCurrent:L=1,pageSize:x,defaultPageSize:b=10,total:v=0,onChange:c,onShowSizeChange:N,showSizeChanger:A=!1,showQuickJumper:q=!1,pageSizeOptions:S=[10,20,50,100],disabled:a=!1,hideOnSinglePage:T=!1,showTotal:y,size:H="medium",align:J="start",simple:Q=!1,popupPlacement:d,resolvePopupPlacement:k,dropdownClassName:P,t:j=e=>e,className:$,style:M}=w,[W,E]=l.useState(L),[F,G]=l.useState(b),[g,f]=l.useState(!1),[C,K]=l.useState("bottom"),[z,U]=l.useState(null),p=l.useRef(null),R=l.useRef(null),s=r??W,u=x??F,o=Math.ceil(v/u);if(T&&o<=1)return null;const h=e=>{a||e<1||e>o||e===s||(r===void 0&&E(e),c==null||c(e,u))},V=e=>{const i=Math.ceil(v/e),n=Math.min(s,i)||1;x===void 0&&(G(e),r===void 0&&E(n)),N==null||N(n,e),c==null||c(n,e)},B=e=>{if(!p.current)return;const i=p.current.getBoundingClientRect();U({left:i.left+i.width/2,top:e==="bottom"?i.bottom+4:i.top-4})},X=()=>{if(a)return;if(g){f(!1);return}let e=C;if(d===void 0&&p.current){const i=p.current.getBoundingClientRect(),n=S.length*40+8,m=window.innerHeight;e=(k==null?void 0:k({triggerRect:i,dropdownHeight:n,viewportHeight:m}))??le({triggerRect:i,dropdownHeight:n,viewportHeight:m}),K(e)}B(d??e),f(!0)},Y=e=>{V(e),f(!1)};l.useEffect(()=>{const e=m=>{var I,Z;const O=m.target;(I=p.current)!=null&&I.contains(O)||(Z=R.current)!=null&&Z.contains(O)||f(!1)},i=()=>f(!1),n=()=>B(d??C);if(g)return document.addEventListener("mousedown",e),document.addEventListener("scroll",i,!0),window.addEventListener("resize",n),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",i,!0),window.removeEventListener("resize",n)}},[g,d,C]);const _=e=>{const i=parseInt(e.target.value);!isNaN(i)&&i>=1&&i<=o&&h(i)},ee=l.useMemo(()=>{const e=[];if(o<=7)for(let n=1;n<=o;n++)e.push(n);else if(s<=4){for(let n=1;n<=5;n++)e.push(n);e.push("..."),e.push(o)}else if(s>=o-3){e.push(1),e.push("...");for(let n=o-4;n<=o;n++)e.push(n)}else{e.push(1),e.push("...");for(let n=s-1;n<=s+1;n++)e.push(n);e.push("..."),e.push(o)}return e},[s,o]),te=(s-1)*u+1,ne=Math.min(s*u,v),ie=`pagination-${H}`,se=`pagination-${J}`,D=a?"pagination-disabled":"",oe=(e,i)=>{if(e==="...")return t.jsx("span",{className:"pagination-item pagination-ellipsis",children:"..."},`ellipsis-${i}`);const m=e===s?"pagination-item-active":"";return t.jsx("button",{type:"button",className:`pagination-item ${m}`,onClick:()=>h(e),disabled:a,children:e},e)};return Q?t.jsx("div",{className:`pagination pagination-simple ${D} ${$||""}`,style:M,children:t.jsxs("div",{className:"pagination-simple-list",children:[t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M8 2L4 6L8 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t.jsxs("span",{className:"pagination-simple-text",children:[s," / ",o||0]}),t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}):t.jsxs("div",{className:`pagination ${ie} ${se} ${D} ${$||""}`,style:M,children:[y&&t.jsx("div",{className:"pagination-total",children:y(v,[te,ne])}),t.jsxs("div",{className:"pagination-list",children:[t.jsx("button",{type:"button",className:"pagination-item pagination-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",fill:"#333333"}),t.jsx("path",{d:"M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",fill:"black",fillOpacity:"0.2"})]})}),ee.map((e,i)=>oe(e,i)),t.jsx("button",{type:"button",className:"pagination-item pagination-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",fill:"#333333"}),t.jsx("path",{d:"M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",fill:"black","fill-opacity":"0.2"})]})})]}),A&&t.jsxs("div",{className:"pagination-sizer",ref:p,children:[t.jsxs("button",{type:"button",className:"pagination-sizer-select",onClick:X,disabled:a,children:[u,j("条每页"),t.jsxs("svg",{className:`pagination-sizer-icon${g?" pagination-sizer-icon-open":""}`,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",fill:"#333333"}),t.jsx("path",{d:"M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",fill:"black",fillOpacity:"0.2"})]})]}),g&&z&&ae.createPortal(t.jsx("div",{ref:R,className:`pagination-sizer-dropdown pagination-sizer-dropdown-${d??C}${P?` ${P}`:""}`,style:{position:"fixed",left:z.left,top:z.top,zIndex:99999,transform:(d??C)==="bottom"?"translate(-50%, 0)":"translate(-50%, -100%)"},children:S.map(e=>t.jsxs("button",{type:"button",className:"pagination-sizer-option",onClick:()=>Y(e),"data-selected":e===u,children:[e,j("条/页")]},e))}),document.body)]}),q&&t.jsxs("div",{className:"pagination-jumper",children:[t.jsx("span",{children:j("跳至")}),t.jsx("input",{type:"number",className:"pagination-jumper-input",min:1,max:o,onChange:_,disabled:a,placeholder:""}),t.jsx("span",{children:j("页")})]})]})};module.exports=re;
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),ae=require("react-dom");;/* empty css                 */function le({triggerRect:w,dropdownHeight:r,viewportHeight:L}){const x=L-w.bottom,b=w.top;return x<r&&b>=r?"top":"bottom"}const re=w=>{const{current:r,defaultCurrent:L=1,pageSize:x,defaultPageSize:b=10,total:v=0,onChange:c,onShowSizeChange:N,showSizeChanger:A=!1,showQuickJumper:q=!1,pageSizeOptions:S=[10,20,50,100],disabled:a=!1,hideOnSinglePage:T=!1,showTotal:y,size:H="medium",align:J="start",simple:Q=!1,popupPlacement:d,resolvePopupPlacement:k,dropdownClassName:P,t:j=e=>e,className:$,style:M}=w,[W,E]=l.useState(L),[F,G]=l.useState(b),[g,f]=l.useState(!1),[C,K]=l.useState("bottom"),[z,U]=l.useState(null),p=l.useRef(null),R=l.useRef(null),s=r??W,u=x??F,o=Math.ceil(v/u);if(T&&o<=1)return null;const h=e=>{a||e<1||e>o||e===s||(r===void 0&&E(e),c==null||c(e,u))},V=e=>{const i=Math.ceil(v/e),n=Math.min(s,i)||1;x===void 0&&(G(e),r===void 0&&E(n)),N==null||N(n,e),c==null||c(n,e)},B=e=>{if(!p.current)return;const i=p.current.getBoundingClientRect();U({left:i.left+i.width/2,top:e==="bottom"?i.bottom+4:i.top-4})},X=()=>{if(a)return;if(g){f(!1);return}let e=C;if(d===void 0&&p.current){const i=p.current.getBoundingClientRect(),n=S.length*40+8,m=window.innerHeight;e=(k==null?void 0:k({triggerRect:i,dropdownHeight:n,viewportHeight:m}))??le({triggerRect:i,dropdownHeight:n,viewportHeight:m}),K(e)}B(d??e),f(!0)},Y=e=>{V(e),f(!1)};l.useEffect(()=>{const e=m=>{var I,Z;const O=m.target;(I=p.current)!=null&&I.contains(O)||(Z=R.current)!=null&&Z.contains(O)||f(!1)},i=()=>f(!1),n=()=>B(d??C);if(g)return document.addEventListener("mousedown",e),document.addEventListener("scroll",i,!0),window.addEventListener("resize",n),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",i,!0),window.removeEventListener("resize",n)}},[g,d,C]);const _=e=>{const i=parseInt(e.target.value);!isNaN(i)&&i>=1&&i<=o&&h(i)},ee=l.useMemo(()=>{const e=[];if(o<=7)for(let n=1;n<=o;n++)e.push(n);else if(s<=4){for(let n=1;n<=5;n++)e.push(n);e.push("..."),e.push(o)}else if(s>=o-3){e.push(1),e.push("...");for(let n=o-4;n<=o;n++)e.push(n)}else{e.push(1),e.push("...");for(let n=s-1;n<=s+1;n++)e.push(n);e.push("..."),e.push(o)}return e},[s,o]),te=(s-1)*u+1,ne=Math.min(s*u,v),ie=`pagination-${H}`,se=`pagination-${J}`,D=a?"pagination-disabled":"",oe=(e,i)=>{if(e==="...")return t.jsx("span",{className:"pagination-item pagination-ellipsis",children:"..."},`ellipsis-${i}`);const m=e===s?"pagination-item-active":"";return t.jsx("button",{type:"button",className:`pagination-item ${m}`,onClick:()=>h(e),disabled:a,children:e},e)};return Q?t.jsx("div",{className:`pagination pagination-simple ${D} ${$||""}`,style:M,children:t.jsxs("div",{className:"pagination-simple-list",children:[t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M8 2L4 6L8 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t.jsxs("span",{className:"pagination-simple-text",children:[s," / ",o||0]}),t.jsx("button",{type:"button",className:"pagination-simple-item pagination-simple-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:t.jsx("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}):t.jsxs("div",{className:`pagination ${ie} ${se} ${D} ${$||""}`,style:M,children:[y&&t.jsx("div",{className:"pagination-total",children:y(v,[te,ne])}),t.jsxs("div",{className:"pagination-list",children:[t.jsx("button",{type:"button",className:"pagination-item pagination-prev",onClick:()=>h(s-1),disabled:a||s===1,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",fill:"#333333"}),t.jsx("path",{d:"M11.1749 5.57516C11.3377 5.41245 11.6014 5.41245 11.7641 5.57516C11.9268 5.73788 11.9268 6.00164 11.7641 6.16436L7.8945 10.034L11.7617 13.8366C11.9257 13.998 11.9279 14.2617 11.7666 14.4258C11.6052 14.5899 11.3414 14.592 11.1774 14.4307L7.2105 10.5299C6.93541 10.2594 6.93349 9.81648 7.20629 9.54367L11.1749 5.57516Z",fill:"black",fillOpacity:"0.2"})]})}),ee.map((e,i)=>oe(e,i)),t.jsx("button",{type:"button",className:"pagination-item pagination-next",onClick:()=>h(s+1),disabled:a||s===o,children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",fill:"#333333"}),t.jsx("path",{d:"M8.82507 5.57516C8.66235 5.41245 8.39859 5.41245 8.23587 5.57516C8.07315 5.73788 8.07315 6.00164 8.23587 6.16436L12.1055 10.034L8.23831 13.8366C8.07427 13.998 8.0721 14.2617 8.23343 14.4258C8.39478 14.5899 8.65856 14.592 8.82262 14.4307L12.7895 10.5299C13.0646 10.2594 13.0665 9.81648 12.7937 9.54367L8.82507 5.57516Z",fill:"black","fill-opacity":"0.2"})]})})]}),A&&t.jsxs("div",{className:"pagination-sizer",ref:p,children:[t.jsxs("button",{type:"button",className:"pagination-sizer-select",onClick:X,disabled:a,children:[u,j("条/页"),t.jsxs("svg",{className:`pagination-sizer-icon${g?" pagination-sizer-icon-open":""}`,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",fill:"#333333"}),t.jsx("path",{d:"M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z",fill:"black",fillOpacity:"0.2"})]})]}),g&&z&&ae.createPortal(t.jsx("div",{ref:R,className:`pagination-sizer-dropdown pagination-sizer-dropdown-${d??C}${P?` ${P}`:""}`,style:{position:"fixed",left:z.left,top:z.top,zIndex:99999,transform:(d??C)==="bottom"?"translate(-50%, 0)":"translate(-50%, -100%)"},children:S.map(e=>t.jsxs("button",{type:"button",className:"pagination-sizer-option",onClick:()=>Y(e),"data-selected":e===u,children:[e,j("条/页")]},e))}),document.body)]}),q&&t.jsxs("div",{className:"pagination-jumper",children:[t.jsx("span",{children:j("跳至")}),t.jsx("input",{type:"number",className:"pagination-jumper-input",min:1,max:o,onChange:_,disabled:a,placeholder:""}),t.jsx("span",{children:j("页")})]})]})};module.exports=re;

package/dist/web/Pagination/Pagination.mjs

@@ -188,7 +188,7 @@ const ft = (v) => {
               disabled: l,
               children: [
                 u,
-                N("条每页"),
+                N("条/页"),
                 /* @__PURE__ */ a("svg", { className: `pagination-sizer-icon${m ? " pagination-sizer-icon-open" : ""}`, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                   /* @__PURE__ */ i("path", { d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z", fill: "#333333" }),
                   /* @__PURE__ */ i("path", { d: "M5.57321 8.828C5.41049 8.66528 5.41049 8.40152 5.57321 8.2388C5.73593 8.07608 5.99969 8.07608 6.1624 8.2388L10.032 12.1084L13.8347 8.24124C13.996 8.0772 14.2598 8.07503 14.4239 8.23636C14.5879 8.39771 14.5901 8.66149 14.4287 8.82555L10.5279 12.7924C10.2574 13.0675 9.81452 13.0694 9.54172 12.7966L5.57321 8.828Z", fill: "black", fillOpacity: "0.2" })