bj-web-components 0.2.9 → 0.2.11

package/dist/web/FileCard/FileCard.mjs

@@ -0,0 +1,128 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as u, useRef as m, useEffect as b } from "react";
+/* empty css               */
+const y = {
+  pdf: { color: "#F54A45", label: "PDF" },
+  image: { color: "#00AAFF", label: "IMG" },
+  doc: { color: "#3B64FC", label: "DOC" },
+  docx: { color: "#3B64FC", label: "DOC" },
+  xls: { color: "#1D9B4C", label: "XLS" },
+  xlsx: { color: "#1D9B4C", label: "XLS" },
+  ppt: { color: "#DF4023", label: "PPT" },
+  pptx: { color: "#DF4023", label: "PPT" },
+  zip: { color: "#7B5EA7", label: "ZIP" },
+  rar: { color: "#7B5EA7", label: "RAR" },
+  txt: { color: "#8C8C8C", label: "TXT" },
+  other: { color: "#1677FF", label: "FILE" }
+};
+function v({ fileType: r, fileUrl: l, fileName: o }) {
+  if (r === "image" && l)
+    return /* @__PURE__ */ e("img", { src: l, alt: o, className: "file-card__image-thumb" });
+  const { color: t, label: s } = y[r];
+  return /* @__PURE__ */ c("svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "14", y: "8", width: "50", height: "62", rx: "4", fill: "#F5F5F5" }),
+    /* @__PURE__ */ e("path", { d: "M50 8L64 22H50V8Z", fill: "#E2E2E2" }),
+    /* @__PURE__ */ e("rect", { x: "20", y: "30", width: "30", height: "4", rx: "2", fill: "#E2E2E2" }),
+    /* @__PURE__ */ e("rect", { x: "20", y: "40", width: "30", height: "4", rx: "2", fill: "#E2E2E2" }),
+    /* @__PURE__ */ e("rect", { x: "20", y: "50", width: "20", height: "4", rx: "2", fill: "#E2E2E2" }),
+    /* @__PURE__ */ e("rect", { x: "42", y: "52", width: "32", height: "28", rx: "4", fill: t }),
+    /* @__PURE__ */ e("rect", { x: "42", y: "52", width: "4", height: "28", rx: "2", fill: "rgba(255,255,255,0.25)" }),
+    /* @__PURE__ */ e("rect", { x: "42", y: "76", width: "32", height: "4", rx: "2", fill: "rgba(0,0,0,0.15)" }),
+    /* @__PURE__ */ e(
+      "text",
+      {
+        x: "58",
+        y: "71",
+        textAnchor: "middle",
+        fill: "white",
+        fontSize: "9",
+        fontWeight: "700",
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+        letterSpacing: "0.3",
+        children: s
+      }
+    )
+  ] });
+}
+function p() {
+  return /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ e("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2" })
+  ] });
+}
+function g() {
+  return /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ e("polyline", { points: "3,6 5,6 21,6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M10 11v6M14 11v6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function k({ fileName: r, onRename: l }) {
+  const [o, t] = u(!1), [s, a] = u(r), n = m(null);
+  b(() => {
+    var i, f;
+    o && (a(r), (i = n.current) == null || i.focus(), (f = n.current) == null || f.select());
+  }, [o, r]);
+  const h = async () => {
+    const i = s.trim();
+    i && i !== r && await (l == null ? void 0 : l(i)), t(!1);
+  }, d = () => t(!1), x = (i) => {
+    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), h()), i.key === "Escape" && d();
+  }, _ = () => {
+    h();
+  }, C = () => {
+    l && t(!0);
+  };
+  return o ? /* @__PURE__ */ e("div", { className: "file-card__name-area file-card__name-area--editing", children: /* @__PURE__ */ e(
+    "textarea",
+    {
+      ref: n,
+      className: "file-card__edit-input",
+      value: s,
+      onChange: (i) => a(i.target.value),
+      onKeyDown: x,
+      onBlur: _,
+      rows: 2,
+      style: { height: "42px" }
+    }
+  ) }) : /* @__PURE__ */ e("div", { className: "file-card__name-area", onDoubleClick: C, children: /* @__PURE__ */ e("span", { className: "file-card__filename", title: r, children: r }) });
+}
+function E({ fileName: r, onDelete: l, onRename: o, onPreview: t, className: s, style: a }) {
+  return /* @__PURE__ */ c("div", { className: `file-card file-card--pdf ${s || ""}`, style: a, children: [
+    /* @__PURE__ */ c("div", { className: "file-card__pdf-preview", onClick: t, children: [
+      (t || l) && /* @__PURE__ */ c("div", { className: "file-card__overlay", children: [
+        t && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (n) => {
+          n.stopPropagation(), t();
+        }, children: /* @__PURE__ */ e(p, {}) }),
+        l && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (n) => {
+          n.stopPropagation(), l();
+        }, children: /* @__PURE__ */ e(g, {}) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "file-card__pdf-label", children: /* @__PURE__ */ e("span", { children: "PDF" }) })
+    ] }),
+    /* @__PURE__ */ e(k, { fileName: r, onRename: o })
+  ] });
+}
+function F({ fileName: r, fileType: l, fileUrl: o, onDelete: t, onRename: s, onPreview: a, className: n, style: h }) {
+  return /* @__PURE__ */ c("div", { className: `file-card file-card--other ${n || ""}`, style: h, children: [
+    /* @__PURE__ */ c("div", { className: "file-card__other-preview", onClick: a, children: [
+      (a || t) && /* @__PURE__ */ c("div", { className: "file-card__overlay", children: [
+        a && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (d) => {
+          d.stopPropagation(), a();
+        }, children: /* @__PURE__ */ e(p, {}) }),
+        t && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (d) => {
+          d.stopPropagation(), t();
+        }, children: /* @__PURE__ */ e(g, {}) })
+      ] }),
+      /* @__PURE__ */ e(v, { fileType: l, fileUrl: o, fileName: r })
+    ] }),
+    /* @__PURE__ */ e(k, { fileName: r, onRename: s })
+  ] });
+}
+function N(r) {
+  return r.fileType === "pdf" ? /* @__PURE__ */ e(E, { ...r }) : /* @__PURE__ */ e(F, { ...r });
+}
+export {
+  N as default
+};

package/dist/web/Icon/Icon.js

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime");;/* empty css           */const n=({type:r,style:i,onClick:u,className:e,...c})=>{const t=e?`bu-icon ${e}`:"bu-icon";return s.jsx("svg",{style:i,className:t,"aria-hidden":"true",onClick:u,...c,children:s.jsx("use",{xlinkHref:`#${r}`})})};n.displayName="BuIcon";module.exports=n;

package/dist/web/Icon/Icon.mjs

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+/* empty css           */
+const t = ({ type: r, style: e, onClick: i, className: n, ...c }) => {
+  const s = n ? `bu-icon ${n}` : "bu-icon";
+  return /* @__PURE__ */ o("svg", { style: e, className: s, "aria-hidden": "true", onClick: i, ...c, children: /* @__PURE__ */ o("use", { xlinkHref: `#${r}` }) });
+};
+t.displayName = "BuIcon";
+export {
+  t as default
+};

package/dist/web/Input/Input.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),R=require("react");;/* empty css            */function S(){return t.jsx("svg",{width:"8",height:"4.5",viewBox:"315 270 365 185",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M661.191111 440.106667c19.100444 0 28.664889-23.096889 15.160889-36.600889l-148.337778-148.337778a21.44 21.44 0 0 0-30.321778 0l-148.337777 148.337778c-13.511111 13.511111-3.946667 36.600889 15.153777 36.600889H661.191111z",fill:"currentColor"})})}function H(){return t.jsx("svg",{width:"8",height:"4.5",viewBox:"315 565 365 215",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M659.498667 582.328889c19.100444 0 28.657778 23.089778 15.160889 36.600889l-148.337778 148.337778a21.447111 21.447111 0 0 1-30.321778 0l-148.337778-148.337778c-13.511111-13.511111-3.946667-36.600889 15.146667-36.600889h296.689778z",fill:"currentColor"})})}function I(){return t.jsxs("svg",{className:"bu-input__error-icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M5 8h6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}const T=R.forwardRef(function({type:n="input",mode:f="single",activeLang:G="zh",onLangChange:J,value:i="",onChange:s,label:v,required:D,placeholder:_,maxLength:c,showCount:F,error:N=!1,errorMessage:g,disabled:e,leftIcon:b,rightIcon:d,langToggle:$,translating:l=!1,translated:h=!1,onBlur:j,min:p,max:a,step:k=1,labels:u,id:x,className:q,style:z},w){u==null||u.zh,u==null||u.en;function M(r){let o=(parseFloat(i)||0)+r;p!==void 0&&(o=Math.max(p,o)),a!==void 0&&(o=Math.min(a,o)),s==null||s(String(o))}const B=n==="textarea"&&!!F,L=B||f==="bilingual"||l||h,W=c?`${i.length}/${c}`:`${i.length}`,E=N&&!!g&&i.length>0,A=["bu-input__box",(n==="input"||n==="number")&&"bu-input__box--single",n==="number"&&"bu-input__box--number",n==="textarea"&&"bu-input__box--textarea",N&&"bu-input__box--error",e&&"bu-input__box--disabled",!!b&&"bu-input__box--has-left",!!d&&"bu-input__box--has-right"].filter(Boolean).join(" "),m=`bu-input__field bu-input__field--${n}`;return t.jsxs("div",{className:["bu-input",q].filter(Boolean).join(" "),style:z,children:[v&&t.jsxs("label",{className:"bu-input__label",htmlFor:x,children:[D&&t.jsx("span",{className:"bu-input__required",children:"*"}),v]}),t.jsxs("div",{className:"bu-input__row",children:[b&&t.jsx("span",{className:"bu-input__icon bu-input__icon--left",children:b}),t.jsxs("div",{className:A,children:[n==="textarea"?t.jsx("textarea",{ref:w,id:x,className:m,value:i,onChange:r=>s==null?void 0:s(r.target.value),onBlur:j,placeholder:_,maxLength:c,disabled:e}):n==="number"?t.jsxs(t.Fragment,{children:[t.jsx("input",{ref:w,id:x,className:m,value:i,onChange:r=>s==null?void 0:s(r.target.value),onBlur:j,placeholder:_,disabled:e,inputMode:"numeric"}),t.jsxs("div",{className:"bu-input__stepper",children:[t.jsx("button",{type:"button",className:"bu-input__stepper-btn bu-input__stepper-btn--up",onMouseDown:r=>r.preventDefault(),onClick:()=>M(k),disabled:e||a!==void 0&&parseFloat(i||"0")>=a,tabIndex:-1,children:t.jsx(S,{})}),t.jsx("button",{type:"button",className:"bu-input__stepper-btn bu-input__stepper-btn--down",onMouseDown:r=>r.preventDefault(),onClick:()=>M(-k),disabled:e||p!==void 0&&parseFloat(i||"0")<=p,tabIndex:-1,children:t.jsx(H,{})})]})]}):t.jsx("input",{ref:w,id:x,className:m,value:i,onChange:r=>s==null?void 0:s(r.target.value),onBlur:j,placeholder:_,maxLength:c,disabled:e}),L&&t.jsxs("div",{className:`bu-input__footer${n==="textarea"?" bu-input__footer--bottom":""}`,children:[B&&t.jsx("span",{className:"bu-input__count",children:W}),l&&t.jsxs("span",{className:"bu-input__translating",children:[t.jsx("svg",{className:"bu-input__translating-icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"14 42"})}),"翻译中…"]}),h&&!l&&t.jsxs("span",{className:"bu-input__translated",children:[t.jsx("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M3 8l3.5 3.5L13 4.5",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}),"翻译完成"]}),f==="bilingual"&&!l&&!h&&($??t.jsx("div",{className:"bu-input__lang-toggle"}))]})]}),d&&t.jsx("span",{className:"bu-input__icon bu-input__icon--right",children:d})]}),E&&t.jsxs("div",{className:"bu-input__error-msg",children:[t.jsx(I,{}),g]})]})});module.exports=T;

package/dist/web/Input/Input.mjs

@@ -0,0 +1,173 @@
+import { jsxs as i, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { forwardRef as I } from "react";
+/* empty css            */
+function R() {
+  return /* @__PURE__ */ t("svg", { width: "8", height: "4.5", viewBox: "315 270 365 185", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M661.191111 440.106667c19.100444 0 28.664889-23.096889 15.160889-36.600889l-148.337778-148.337778a21.44 21.44 0 0 0-30.321778 0l-148.337777 148.337778c-13.511111 13.511111-3.946667 36.600889 15.153777 36.600889H661.191111z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function T() {
+  return /* @__PURE__ */ t("svg", { width: "8", height: "4.5", viewBox: "315 565 365 215", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M659.498667 582.328889c19.100444 0 28.657778 23.089778 15.160889 36.600889l-148.337778 148.337778a21.447111 21.447111 0 0 1-30.321778 0l-148.337778-148.337778c-13.511111-13.511111-3.946667-36.600889 15.146667-36.600889h296.689778z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function U() {
+  return /* @__PURE__ */ i("svg", { className: "bu-input__error-icon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ t("path", { d: "M5 8h6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+const X = I(
+  function({
+    type: e = "input",
+    mode: N = "single",
+    activeLang: J = "zh",
+    onLangChange: K,
+    value: u = "",
+    onChange: r,
+    label: g,
+    required: j,
+    placeholder: d,
+    maxLength: l,
+    showCount: $,
+    error: k = !1,
+    errorMessage: M,
+    disabled: o,
+    leftIcon: h,
+    rightIcon: w,
+    langToggle: z,
+    translating: p = !1,
+    translated: m = !1,
+    onBlur: x,
+    min: a,
+    max: _,
+    step: B = 1,
+    labels: s,
+    id: b,
+    className: L,
+    style: W
+  }, f) {
+    s == null || s.zh, s == null || s.en;
+    function D(n) {
+      let c = (parseFloat(u) || 0) + n;
+      a !== void 0 && (c = Math.max(a, c)), _ !== void 0 && (c = Math.min(_, c)), r == null || r(String(c));
+    }
+    const F = e === "textarea" && !!$, E = F || N === "bilingual" || p || m, A = l ? `${u.length}/${l}` : `${u.length}`, S = k && !!M && u.length > 0, q = [
+      "bu-input__box",
+      (e === "input" || e === "number") && "bu-input__box--single",
+      e === "number" && "bu-input__box--number",
+      e === "textarea" && "bu-input__box--textarea",
+      k && "bu-input__box--error",
+      o && "bu-input__box--disabled",
+      !!h && "bu-input__box--has-left",
+      !!w && "bu-input__box--has-right"
+    ].filter(Boolean).join(" "), v = `bu-input__field bu-input__field--${e}`;
+    return /* @__PURE__ */ i("div", { className: ["bu-input", L].filter(Boolean).join(" "), style: W, children: [
+      g && /* @__PURE__ */ i("label", { className: "bu-input__label", htmlFor: b, children: [
+        j && /* @__PURE__ */ t("span", { className: "bu-input__required", children: "*" }),
+        g
+      ] }),
+      /* @__PURE__ */ i("div", { className: "bu-input__row", children: [
+        h && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--left", children: h }),
+        /* @__PURE__ */ i("div", { className: q, children: [
+          e === "textarea" ? /* @__PURE__ */ t(
+            "textarea",
+            {
+              ref: f,
+              id: b,
+              className: v,
+              value: u,
+              onChange: (n) => r == null ? void 0 : r(n.target.value),
+              onBlur: x,
+              placeholder: d,
+              maxLength: l,
+              disabled: o
+            }
+          ) : e === "number" ? /* @__PURE__ */ i(H, { children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: f,
+                id: b,
+                className: v,
+                value: u,
+                onChange: (n) => r == null ? void 0 : r(n.target.value),
+                onBlur: x,
+                placeholder: d,
+                disabled: o,
+                inputMode: "numeric"
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "bu-input__stepper", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-input__stepper-btn bu-input__stepper-btn--up",
+                  onMouseDown: (n) => n.preventDefault(),
+                  onClick: () => D(B),
+                  disabled: o || _ !== void 0 && parseFloat(u || "0") >= _,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ t(R, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-input__stepper-btn bu-input__stepper-btn--down",
+                  onMouseDown: (n) => n.preventDefault(),
+                  onClick: () => D(-B),
+                  disabled: o || a !== void 0 && parseFloat(u || "0") <= a,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ t(T, {})
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ t(
+            "input",
+            {
+              ref: f,
+              id: b,
+              className: v,
+              value: u,
+              onChange: (n) => r == null ? void 0 : r(n.target.value),
+              onBlur: x,
+              placeholder: d,
+              maxLength: l,
+              disabled: o
+            }
+          ),
+          E && /* @__PURE__ */ i("div", { className: `bu-input__footer${e === "textarea" ? " bu-input__footer--bottom" : ""}`, children: [
+            F && /* @__PURE__ */ t("span", { className: "bu-input__count", children: A }),
+            p && /* @__PURE__ */ i("span", { className: "bu-input__translating", children: [
+              /* @__PURE__ */ t("svg", { className: "bu-input__translating-icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "14 42" }) }),
+              "翻译中…"
+            ] }),
+            m && !p && /* @__PURE__ */ i("span", { className: "bu-input__translated", children: [
+              /* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+              "翻译完成"
+            ] }),
+            N === "bilingual" && !p && !m && (z ?? /* @__PURE__ */ t("div", { className: "bu-input__lang-toggle" }))
+          ] })
+        ] }),
+        w && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--right", children: w })
+      ] }),
+      S && /* @__PURE__ */ i("div", { className: "bu-input__error-msg", children: [
+        /* @__PURE__ */ t(U, {}),
+        M
+      ] })
+    ] });
+  }
+);
+export {
+  X as default
+};

package/dist/web/InputNumber/BInputNumber.js

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),s=require("react");;/* empty css                   */const Me=require("./hooks/useCursor.js"),Ue=require("./hooks/useFrame.js"),ke=require("./StepHandler.js"),u=require("./utils/decimal.js");function ae(N){if(N==null)return null;const i=u.getDecimal(N);return i.isInvalidate()?null:i}const Ke=s.forwardRef(function({value:i,defaultValue:Z,onChange:C,min:E,max:F,step:a=1,precision:D,disabled:M=!1,readOnly:U=!1,placeholder:fe,autoFocus:me,size:z="middle",status:B,bordered:be=!0,controls:k=!0,keyboard:de=!0,changeOnWheel:pe=!1,changeOnBlur:ge=!0,addonBefore:f,addonAfter:m,prefix:I,suffix:v,formatter:R,parser:V,decimalSeparator:b,onStep:K,onPressEnter:S,onFocus:$,onBlur:P,id:je,name:Ne,className:O,style:A},q){const H=s.useRef(null),[W,T]=s.useState(!1),c=s.useRef(!1),j=s.useRef(!1),x=s.useRef(!1),Y=s.useRef(""),[r,ee]=s.useState(()=>u.getDecimal(i??Z)),De=e=>{i===void 0&&ee(e)},G=s.useCallback((e,t)=>{if(!t)return D!==void 0&&D>=0?D:Math.max(u.getNumberPrecision(e),u.getNumberPrecision(a))},[D,a]),J=s.useCallback(e=>{if(V)return V(e);let t=e;return b&&(t=t.replace(b,".")),t.replace(/[^\w.-]+/g,"")},[V,b]),te=s.useCallback((e,t)=>{if(R)return R(e,{userTyping:!!t,input:Y.current});let n=e;if(!t){const o=G(n,t);u.validateNumber(n)&&(b||(o??-1)>=0)&&(n=u.toFixed(n,b||".",o))}return n},[R,G,b]),[_,ne]=s.useState(()=>{const e=Z??i;return r.isInvalidate()&&["string","number"].includes(typeof e)?e==null||Number.isNaN(e)?"":String(e):te(r.toString(),!1)});Y.current=_;const h=(e,t)=>{ne(te(e.isInvalidate()?e.toString(!1):e.toString(!t),t))},d=s.useMemo(()=>ae(F),[F]),p=s.useMemo(()=>ae(E),[E]),re=s.useMemo(()=>!d||r.isInvalidate()?!1:d.lessEquals(r),[d,r]),ue=s.useMemo(()=>!p||r.isInvalidate()?!1:r.lessEquals(p),[p,r]),[Ie]=Me(H.current,W),se=e=>d&&!e.lessEquals(d)?d:p&&!p.lessEquals(e)?p:null,L=e=>!se(e),w=(e,t)=>{let n=e,o=L(n)||n.isEmpty();if(!n.isEmpty()&&!t&&(n=se(n)||n,o=!0),!U&&!M&&o){const g=n.toString(),y=G(g,t);return y!==void 0&&y>=0&&(n=u.getDecimal(u.toFixed(g,".",y)),L(n)||(n=u.getDecimal(u.toFixed(g,".",y,!0)))),n.equals(r)||(De(n),C==null||C(n.isEmpty()?null:n.toNumber()),i===void 0&&h(n,t)),n}return r},ve=Ue(),Q=e=>{if(Ie(),Y.current=e,ne(e),!j.current){const t=J(e),n=u.getDecimal(t);n.isNaN()||w(n,!0)}ve(()=>{const t=V?e:e.replace(/。/g,".");t!==e&&Q(t)})},Re=()=>{j.current=!0},Ve=e=>{j.current=!1,Q(e.target.value)},qe=e=>Q(e.target.value),X=e=>{var g;if(e&&re||!e&&ue)return;c.current=!1;let t=u.getDecimal(x.current?u.getDecupleSteps(a):a);e||(t=t.negate());const n=(r.isInvalidate()?u.getDecimal(0):r).add(t.toString()),o=w(n,!1);K==null||K(o.toNumber(),{offset:x.current?u.getDecupleSteps(a):a,type:e?"up":"down"}),(g=H.current)==null||g.focus()},ie=e=>{const t=u.getDecimal(J(_));let n;t.isNaN()?n=w(r,e):n=w(t,e),i!==void 0?h(r,!1):n.isNaN()||h(n,!1)},xe=e=>{const{key:t,shiftKey:n}=e;c.current=!0,x.current=n,t==="Enter"&&(j.current||(c.current=!1),ie(!1),S==null||S(e)),de&&!j.current&&(t==="ArrowUp"||t==="ArrowDown")&&(X(t==="ArrowUp"),e.preventDefault())},_e=()=>{c.current=!1,x.current=!1},he=e=>{T(!0),$==null||$(e)},we=e=>{ge&&ie(!1),T(!1),c.current=!1,P==null||P(e)},le=s.useRef(i);if(le.current!==i){le.current=i;const e=u.getDecimal(i);if(!e.equals(r)){ee(e);const t=u.getDecimal(J(_));(!e.equals(t)||!c.current||R)&&h(e,c.current)}}const ye=e=>{H.current=e,typeof q=="function"?q(e):q&&(q.current=e)},ce=!!k,Ce=typeof k=="object"?k.icon:void 0,Ee=!r.isInvalidate()&&!L(r),Fe=["bj-input-number",`bj-input-number--${z}`,W&&"bj-input-number--focused",M&&"bj-input-number--disabled",U&&"bj-input-number--readonly",!be&&"bj-input-number--borderless",B&&`bj-input-number--${B}`,Ee&&"bj-input-number--out-of-range",ce&&"bj-input-number--with-controls",f&&"bj-input-number--group-left",m&&"bj-input-number--group-right"].filter(Boolean).join(" "),oe=l.jsxs("div",{className:[Fe,!(f||m||I||v)&&O].filter(Boolean).join(" "),style:f||m||I||v?void 0:A,onKeyDown:xe,onKeyUp:_e,children:[I&&l.jsx("span",{className:"bj-input-number__prefix",children:I}),l.jsx("div",{className:"bj-input-number__input-wrap",children:l.jsx("input",{ref:ye,id:je,name:Ne,className:"bj-input-number__input",autoComplete:"off",role:"spinbutton","aria-valuemin":E,"aria-valuemax":F,"aria-valuenow":r.isInvalidate()?void 0:r.toNumber(),value:_,placeholder:fe,disabled:M,readOnly:U,autoFocus:me,onChange:qe,onFocus:he,onBlur:we,onCompositionStart:Re,onCompositionEnd:Ve,onWheel:pe?e=>{W&&X(e.deltaY<0)}:void 0})}),v&&l.jsx("span",{className:"bj-input-number__suffix",children:v}),ce&&l.jsx(ke,{icon:Ce,upDisabled:re,downDisabled:ue,onStep:X})]});return!f&&!m?oe:l.jsxs("div",{className:["bj-input-number-group",`bj-input-number-group--${z}`,O].filter(Boolean).join(" "),style:A,children:[f&&l.jsx("div",{className:"bj-input-number-group__addon",children:f}),oe,m&&l.jsx("div",{className:"bj-input-number-group__addon",children:m})]})});module.exports=Ke;

package/dist/web/InputNumber/BInputNumber.mjs

@@ -0,0 +1,204 @@
+import { jsxs as pe, jsx as o } from "react/jsx-runtime";
+import { forwardRef as Se, useRef as g, useState as z, useCallback as B, useMemo as U } from "react";
+/* empty css                   */
+import We from "./hooks/useCursor.mjs";
+import Ye from "./hooks/useFrame.mjs";
+import Ge from "./StepHandler.mjs";
+import { getDecimal as i, getNumberPrecision as de, validateNumber as Je, toFixed as O, getDecupleSteps as ge } from "./utils/decimal.mjs";
+function je(I) {
+  if (I == null) return null;
+  const u = i(I);
+  return u.isInvalidate() ? null : u;
+}
+const Ae = Se(function({
+  value: u,
+  defaultValue: A,
+  onChange: x,
+  min: C,
+  max: K,
+  step: c = 1,
+  precision: N,
+  disabled: F = !1,
+  readOnly: $ = !1,
+  placeholder: Ie,
+  autoFocus: Ne,
+  size: T = "middle",
+  status: ee,
+  bordered: ve = !0,
+  controls: k = !0,
+  keyboard: Ve = !0,
+  changeOnWheel: De = !1,
+  changeOnBlur: Re = !0,
+  addonBefore: a,
+  addonAfter: f,
+  prefix: v,
+  suffix: V,
+  formatter: D,
+  parser: R,
+  decimalSeparator: m,
+  onStep: M,
+  onPressEnter: P,
+  onFocus: H,
+  onBlur: S,
+  id: _e,
+  name: he,
+  className: te,
+  style: ne
+}, _) {
+  const W = g(null), [Y, re] = z(!1), s = g(!1), j = g(!1), h = g(!1), G = g(""), [r, ue] = z(() => i(u ?? A)), we = (e) => {
+    u === void 0 && ue(e);
+  }, J = B(
+    (e, t) => {
+      if (!t)
+        return N !== void 0 && N >= 0 ? N : Math.max(de(e), de(c));
+    },
+    [N, c]
+  ), L = B(
+    (e) => {
+      if (R) return R(e);
+      let t = e;
+      return m && (t = t.replace(m, ".")), t.replace(/[^\w.-]+/g, "");
+    },
+    [R, m]
+  ), ie = B(
+    (e, t) => {
+      if (D) return D(e, { userTyping: !!t, input: G.current });
+      let n = e;
+      if (!t) {
+        const l = J(n, t);
+        Je(n) && (m || (l ?? -1) >= 0) && (n = O(n, m || ".", l));
+      }
+      return n;
+    },
+    [D, J, m]
+  ), [w, se] = z(() => {
+    const e = A ?? u;
+    return r.isInvalidate() && ["string", "number"].includes(typeof e) ? e == null || Number.isNaN(e) ? "" : String(e) : ie(r.toString(), !1);
+  });
+  G.current = w;
+  const q = (e, t) => {
+    se(
+      ie(e.isInvalidate() ? e.toString(!1) : e.toString(!t), t)
+    );
+  }, b = U(() => je(K), [K]), p = U(() => je(C), [C]), le = U(() => !b || r.isInvalidate() ? !1 : b.lessEquals(r), [b, r]), oe = U(() => !p || r.isInvalidate() ? !1 : r.lessEquals(p), [p, r]), [qe] = We(W.current, Y), ce = (e) => b && !e.lessEquals(b) ? b : p && !p.lessEquals(e) ? p : null, Q = (e) => !ce(e), y = (e, t) => {
+    let n = e, l = Q(n) || n.isEmpty();
+    if (!n.isEmpty() && !t && (n = ce(n) || n, l = !0), !$ && !F && l) {
+      const d = n.toString(), E = J(d, t);
+      return E !== void 0 && E >= 0 && (n = i(O(d, ".", E)), Q(n) || (n = i(O(d, ".", E, !0)))), n.equals(r) || (we(n), x == null || x(n.isEmpty() ? null : n.toNumber()), u === void 0 && q(n, t)), n;
+    }
+    return r;
+  }, ye = Ye(), X = (e) => {
+    if (qe(), G.current = e, se(e), !j.current) {
+      const t = L(e), n = i(t);
+      n.isNaN() || y(n, !0);
+    }
+    ye(() => {
+      const t = R ? e : e.replace(/。/g, ".");
+      t !== e && X(t);
+    });
+  }, Ee = () => {
+    j.current = !0;
+  }, Ue = (e) => {
+    j.current = !1, X(e.target.value);
+  }, xe = (e) => X(e.target.value), Z = (e) => {
+    var d;
+    if (e && le || !e && oe) return;
+    s.current = !1;
+    let t = i(h.current ? ge(c) : c);
+    e || (t = t.negate());
+    const n = (r.isInvalidate() ? i(0) : r).add(t.toString()), l = y(n, !1);
+    M == null || M(l.toNumber(), { offset: h.current ? ge(c) : c, type: e ? "up" : "down" }), (d = W.current) == null || d.focus();
+  }, ae = (e) => {
+    const t = i(L(w));
+    let n;
+    t.isNaN() ? n = y(r, e) : n = y(t, e), u !== void 0 ? q(r, !1) : n.isNaN() || q(n, !1);
+  }, Ce = (e) => {
+    const { key: t, shiftKey: n } = e;
+    s.current = !0, h.current = n, t === "Enter" && (j.current || (s.current = !1), ae(!1), P == null || P(e)), Ve && !j.current && (t === "ArrowUp" || t === "ArrowDown") && (Z(t === "ArrowUp"), e.preventDefault());
+  }, Ke = () => {
+    s.current = !1, h.current = !1;
+  }, Fe = (e) => {
+    re(!0), H == null || H(e);
+  }, $e = (e) => {
+    Re && ae(!1), re(!1), s.current = !1, S == null || S(e);
+  }, fe = g(u);
+  if (fe.current !== u) {
+    fe.current = u;
+    const e = i(u);
+    if (!e.equals(r)) {
+      ue(e);
+      const t = i(L(w));
+      (!e.equals(t) || !s.current || D) && q(e, s.current);
+    }
+  }
+  const ke = (e) => {
+    W.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+  }, me = !!k, Me = typeof k == "object" ? k.icon : void 0, Pe = !r.isInvalidate() && !Q(r), He = [
+    "bj-input-number",
+    `bj-input-number--${T}`,
+    Y && "bj-input-number--focused",
+    F && "bj-input-number--disabled",
+    $ && "bj-input-number--readonly",
+    !ve && "bj-input-number--borderless",
+    ee && `bj-input-number--${ee}`,
+    Pe && "bj-input-number--out-of-range",
+    me && "bj-input-number--with-controls",
+    a && "bj-input-number--group-left",
+    f && "bj-input-number--group-right"
+  ].filter(Boolean).join(" "), be = /* @__PURE__ */ pe(
+    "div",
+    {
+      className: [He, !(a || f || v || V) && te].filter(Boolean).join(" "),
+      style: a || f || v || V ? void 0 : ne,
+      onKeyDown: Ce,
+      onKeyUp: Ke,
+      children: [
+        v && /* @__PURE__ */ o("span", { className: "bj-input-number__prefix", children: v }),
+        /* @__PURE__ */ o("div", { className: "bj-input-number__input-wrap", children: /* @__PURE__ */ o(
+          "input",
+          {
+            ref: ke,
+            id: _e,
+            name: he,
+            className: "bj-input-number__input",
+            autoComplete: "off",
+            role: "spinbutton",
+            "aria-valuemin": C,
+            "aria-valuemax": K,
+            "aria-valuenow": r.isInvalidate() ? void 0 : r.toNumber(),
+            value: w,
+            placeholder: Ie,
+            disabled: F,
+            readOnly: $,
+            autoFocus: Ne,
+            onChange: xe,
+            onFocus: Fe,
+            onBlur: $e,
+            onCompositionStart: Ee,
+            onCompositionEnd: Ue,
+            onWheel: De ? (e) => {
+              Y && Z(e.deltaY < 0);
+            } : void 0
+          }
+        ) }),
+        V && /* @__PURE__ */ o("span", { className: "bj-input-number__suffix", children: V }),
+        me && /* @__PURE__ */ o(Ge, { icon: Me, upDisabled: le, downDisabled: oe, onStep: Z })
+      ]
+    }
+  );
+  return !a && !f ? be : /* @__PURE__ */ pe(
+    "div",
+    {
+      className: ["bj-input-number-group", `bj-input-number-group--${T}`, te].filter(Boolean).join(" "),
+      style: ne,
+      children: [
+        a && /* @__PURE__ */ o("div", { className: "bj-input-number-group__addon", children: a }),
+        be,
+        f && /* @__PURE__ */ o("div", { className: "bj-input-number-group__addon", children: f })
+      ]
+    }
+  );
+});
+export {
+  Ae as default
+};

package/dist/web/InputNumber/StepHandler.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),m=600,h=200;function _({className:t}){return e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M15.4573 13.6501C15.9047 13.6504 16.129 14.192 15.8128 14.5085L12.3352 17.9851C12.139 18.1811 11.8214 18.1811 11.6253 17.9851L8.14772 14.5085C7.83144 14.192 8.0558 13.6504 8.50319 13.6501H15.4573ZM11.6643 5.98311C11.8606 5.78688 12.179 5.78688 12.3753 5.98311L15.8518 9.45967C16.1683 9.77623 15.944 10.3171 15.4964 10.3171H8.54323C8.09567 10.3171 7.87154 9.77625 8.18776 9.45967L11.6643 5.98311Z",fill:"currentColor"})})}function j({icon:t,upDisabled:o,downDisabled:i,onStep:l}){const u=a.useRef(void 0),s=a.useRef(l);s.current=l;const r=()=>clearTimeout(u.current),c=(n,p)=>{n.preventDefault(),r(),s.current(p);function d(){s.current(p),u.current=setTimeout(d,h)}u.current=setTimeout(d,m)};a.useEffect(()=>r,[]);const b={unselectable:"on",role:"button",onMouseUp:r,onMouseLeave:r};return e.jsxs("div",{className:"bj-input-number__handler-wrap",children:[e.jsx("span",{...b,"aria-label":"Increase Value","aria-disabled":o,className:o?"bj-input-number__handler bj-input-number__handler--up bj-input-number__handler--disabled":"bj-input-number__handler bj-input-number__handler--up",onMouseDown:n=>c(n,!0)}),e.jsx("span",{...b,"aria-label":"Decrease Value","aria-disabled":i,className:i?"bj-input-number__handler bj-input-number__handler--down bj-input-number__handler--disabled":"bj-input-number__handler bj-input-number__handler--down",onMouseDown:n=>c(n,!1)}),t||e.jsxs(e.Fragment,{children:[e.jsx(_,{className:"bj-input-number__handler-icon bj-input-number__handler-icon--up"}),e.jsx(_,{className:"bj-input-number__handler-icon bj-input-number__handler-icon--down"})]})]})}module.exports=j;

package/dist/web/InputNumber/StepHandler.mjs

@@ -0,0 +1,64 @@
+import { jsxs as d, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { useRef as _, useEffect as j } from "react";
+const f = 600, w = 200;
+function m({ className: t }) {
+  return /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M15.4573 13.6501C15.9047 13.6504 16.129 14.192 15.8128 14.5085L12.3352 17.9851C12.139 18.1811 11.8214 18.1811 11.6253 17.9851L8.14772 14.5085C7.83144 14.192 8.0558 13.6504 8.50319 13.6501H15.4573ZM11.6643 5.98311C11.8606 5.78688 12.179 5.78688 12.3753 5.98311L15.8518 9.45967C16.1683 9.77623 15.944 10.3171 15.4964 10.3171H8.54323C8.09567 10.3171 7.87154 9.77625 8.18776 9.45967L11.6643 5.98311Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function C({ icon: t, upDisabled: o, downDisabled: l, onStep: i }) {
+  const u = _(void 0), a = _(i);
+  a.current = i;
+  const r = () => clearTimeout(u.current), s = (n, c) => {
+    n.preventDefault(), r(), a.current(c);
+    function p() {
+      a.current(c), u.current = setTimeout(p, w);
+    }
+    u.current = setTimeout(p, f);
+  };
+  j(() => r, []);
+  const b = {
+    unselectable: "on",
+    role: "button",
+    onMouseUp: r,
+    onMouseLeave: r
+  };
+  return (
+    // Click zones come before the icon(s) in DOM order so the icon halves
+    // can be dimmed via a `:hover ~`/`:active ~` sibling selector in CSS —
+    // the icon itself stays `pointer-events: none` and purely visual.
+    /* @__PURE__ */ d("div", { className: "bj-input-number__handler-wrap", children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          ...b,
+          "aria-label": "Increase Value",
+          "aria-disabled": o,
+          className: o ? "bj-input-number__handler bj-input-number__handler--up bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--up",
+          onMouseDown: (n) => s(n, !0)
+        }
+      ),
+      /* @__PURE__ */ e(
+        "span",
+        {
+          ...b,
+          "aria-label": "Decrease Value",
+          "aria-disabled": l,
+          className: l ? "bj-input-number__handler bj-input-number__handler--down bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--down",
+          onMouseDown: (n) => s(n, !1)
+        }
+      ),
+      t || /* @__PURE__ */ d(h, { children: [
+        /* @__PURE__ */ e(m, { className: "bj-input-number__handler-icon bj-input-number__handler-icon--up" }),
+        /* @__PURE__ */ e(m, { className: "bj-input-number__handler-icon bj-input-number__handler-icon--down" })
+      ] })
+    ] })
+  );
+}
+export {
+  C as default
+};

package/dist/web/InputNumber/hooks/useCursor.js

@@ -0,0 +1 @@
+"use strict";const h=require("react");function d(s,a){const c=h.useRef(null);function f(){if(s)try{const{selectionStart:t,selectionEnd:e,value:r}=s;c.current={start:t??0,end:e??0,value:r,beforeTxt:r.substring(0,t??0),afterTxt:r.substring(e??0)}}catch{}}function i(){if(!(!s||!c.current||!a))try{const{value:t}=s,{beforeTxt:e,afterTxt:r,start:o}=c.current;let n=t.length;if(t.startsWith(e))n=e.length;else if(t.endsWith(r))n=t.length-r.length;else{const l=e[o-1],u=t.indexOf(l,o-1);u!==-1&&(n=u+1)}s.setSelectionRange(n,n)}catch{}}return[f,i]}module.exports=d;

package/dist/web/InputNumber/hooks/useCursor.mjs

@@ -0,0 +1,39 @@
+import { useRef as h } from "react";
+function g(n, a) {
+  const o = h(null);
+  function l() {
+    if (n)
+      try {
+        const { selectionStart: t, selectionEnd: e, value: r } = n;
+        o.current = {
+          start: t ?? 0,
+          end: e ?? 0,
+          value: r,
+          beforeTxt: r.substring(0, t ?? 0),
+          afterTxt: r.substring(e ?? 0)
+        };
+      } catch {
+      }
+  }
+  function u() {
+    if (!(!n || !o.current || !a))
+      try {
+        const { value: t } = n, { beforeTxt: e, afterTxt: r, start: c } = o.current;
+        let s = t.length;
+        if (t.startsWith(e))
+          s = e.length;
+        else if (t.endsWith(r))
+          s = t.length - r.length;
+        else {
+          const i = e[c - 1], f = t.indexOf(i, c - 1);
+          f !== -1 && (s = f + 1);
+        }
+        n.setSelectionRange(s, s);
+      } catch {
+      }
+  }
+  return [l, u];
+}
+export {
+  g as default
+};