bj-web-components 0.2.27 → 0.2.28

package/dist/web/Input/Input.js

@@ -1 +1,181 @@
-"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;
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+;/* empty css            */
+function ArrowUp() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "4.5", viewBox: "315 270 365 185", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.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 ArrowDown() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "4.5", viewBox: "315 565 365 215", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.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 ErrorIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "bu-input__error-icon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 8h6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+const BuInput = react.forwardRef(
+  function BuInput2({
+    type = "input",
+    mode = "single",
+    activeLang = "zh",
+    onLangChange,
+    value = "",
+    onChange,
+    label,
+    required,
+    placeholder,
+    maxLength,
+    showCount,
+    error = false,
+    errorMessage,
+    disabled,
+    leftIcon,
+    rightIcon,
+    langToggle,
+    translating = false,
+    translated = false,
+    onBlur,
+    min,
+    max,
+    step = 1,
+    labels,
+    id,
+    className,
+    style
+  }, ref) {
+    (labels == null ? void 0 : labels.zh) ?? "中文";
+    (labels == null ? void 0 : labels.en) ?? "EN";
+    function handleStep(delta) {
+      const current = parseFloat(value) || 0;
+      let next = current + delta;
+      if (min !== void 0) next = Math.max(min, next);
+      if (max !== void 0) next = Math.min(max, next);
+      onChange == null ? void 0 : onChange(String(next));
+    }
+    const showCharCount = type === "textarea" && !!showCount;
+    const showFooter = showCharCount || mode === "bilingual" || translating || translated;
+    const countText = maxLength ? `${value.length}/${maxLength}` : `${value.length}`;
+    const showErrorMsg = error && !!errorMessage && value.length > 0;
+    const boxCls = [
+      "bu-input__box",
+      (type === "input" || type === "number") && "bu-input__box--single",
+      type === "number" && "bu-input__box--number",
+      type === "textarea" && "bu-input__box--textarea",
+      error && "bu-input__box--error",
+      disabled && "bu-input__box--disabled",
+      !!leftIcon && "bu-input__box--has-left",
+      !!rightIcon && "bu-input__box--has-right"
+    ].filter(Boolean).join(" ");
+    const fieldCls = `bu-input__field bu-input__field--${type}`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["bu-input", className].filter(Boolean).join(" "), style, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "bu-input__label", htmlFor: id, children: [
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-input__required", children: "*" }),
+        label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-input__row", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-input__icon bu-input__icon--left", children: leftIcon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: boxCls, children: [
+          type === "textarea" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              ref,
+              id,
+              className: fieldCls,
+              value,
+              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+              onBlur,
+              placeholder,
+              maxLength,
+              disabled
+            }
+          ) : type === "number" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref,
+                id,
+                className: fieldCls,
+                value,
+                onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+                onBlur,
+                placeholder,
+                disabled,
+                inputMode: "numeric"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-input__stepper", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-input__stepper-btn bu-input__stepper-btn--up",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => handleStep(step),
+                  disabled: disabled || max !== void 0 && parseFloat(value || "0") >= max,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUp, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-input__stepper-btn bu-input__stepper-btn--down",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => handleStep(-step),
+                  disabled: disabled || min !== void 0 && parseFloat(value || "0") <= min,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown, {})
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              id,
+              className: fieldCls,
+              value,
+              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+              onBlur,
+              placeholder,
+              maxLength,
+              disabled
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bu-input__footer${type === "textarea" ? " bu-input__footer--bottom" : ""}`, children: [
+            showCharCount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-input__count", children: countText }),
+            translating && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bu-input__translating", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "bu-input__translating-icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "14 42" }) }),
+              "翻译中…"
+            ] }),
+            translated && !translating && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bu-input__translated", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+              "翻译完成"
+            ] }),
+            mode === "bilingual" && !translating && !translated && (langToggle ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-input__lang-toggle" }))
+          ] })
+        ] }),
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-input__icon bu-input__icon--right", children: rightIcon })
+      ] }),
+      showErrorMsg && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-input__error-msg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {}),
+        errorMessage
+      ] })
+    ] });
+  }
+);
+module.exports = BuInput;

package/dist/web/Input/Input.mjs

@@ -1,8 +1,8 @@
-import { jsxs as i, jsx as t, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef } 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(
+function ArrowUp() {
+  return /* @__PURE__ */ jsx("svg", { width: "8", height: "4.5", viewBox: "315 270 365 185", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ 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",
@@ -10,8 +10,8 @@ function R() {
     }
   ) });
 }
-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(
+function ArrowDown() {
+  return /* @__PURE__ */ jsx("svg", { width: "8", height: "4.5", viewBox: "315 565 365 215", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ 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",
@@ -19,155 +19,164 @@ function T() {
     }
   ) });
 }
-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" })
+function ErrorIcon() {
+  return /* @__PURE__ */ jsxs("svg", { className: "bu-input__error-icon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx("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 BuInput = forwardRef(
+  function BuInput2({
+    type = "input",
+    mode = "single",
+    activeLang = "zh",
+    onLangChange,
+    value = "",
+    onChange,
+    label,
+    required,
+    placeholder,
+    maxLength,
+    showCount,
+    error = false,
+    errorMessage,
+    disabled,
+    leftIcon,
+    rightIcon,
+    langToggle,
+    translating = false,
+    translated = false,
+    onBlur,
+    min,
+    max,
+    step = 1,
+    labels,
+    id,
+    className,
+    style
+  }, ref) {
+    (labels == null ? void 0 : labels.zh) ?? "中文";
+    (labels == null ? void 0 : labels.en) ?? "EN";
+    function handleStep(delta) {
+      const current = parseFloat(value) || 0;
+      let next = current + delta;
+      if (min !== void 0) next = Math.max(min, next);
+      if (max !== void 0) next = Math.min(max, next);
+      onChange == null ? void 0 : onChange(String(next));
     }
-    const F = e === "textarea" && !!$, E = F || N === "bilingual" || p || m, A = l ? `${u.length}/${l}` : `${u.length}`, S = k && !!M && u.length > 0, q = [
+    const showCharCount = type === "textarea" && !!showCount;
+    const showFooter = showCharCount || mode === "bilingual" || translating || translated;
+    const countText = maxLength ? `${value.length}/${maxLength}` : `${value.length}`;
+    const showErrorMsg = error && !!errorMessage && value.length > 0;
+    const boxCls = [
       "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
+      (type === "input" || type === "number") && "bu-input__box--single",
+      type === "number" && "bu-input__box--number",
+      type === "textarea" && "bu-input__box--textarea",
+      error && "bu-input__box--error",
+      disabled && "bu-input__box--disabled",
+      !!leftIcon && "bu-input__box--has-left",
+      !!rightIcon && "bu-input__box--has-right"
+    ].filter(Boolean).join(" ");
+    const fieldCls = `bu-input__field bu-input__field--${type}`;
+    return /* @__PURE__ */ jsxs("div", { className: ["bu-input", className].filter(Boolean).join(" "), style, children: [
+      label && /* @__PURE__ */ jsxs("label", { className: "bu-input__label", htmlFor: id, children: [
+        required && /* @__PURE__ */ jsx("span", { className: "bu-input__required", children: "*" }),
+        label
       ] }),
-      /* @__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(
+      /* @__PURE__ */ jsxs("div", { className: "bu-input__row", children: [
+        leftIcon && /* @__PURE__ */ jsx("span", { className: "bu-input__icon bu-input__icon--left", children: leftIcon }),
+        /* @__PURE__ */ jsxs("div", { className: boxCls, children: [
+          type === "textarea" ? /* @__PURE__ */ jsx(
             "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
+              ref,
+              id,
+              className: fieldCls,
+              value,
+              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+              onBlur,
+              placeholder,
+              maxLength,
+              disabled
             }
-          ) : e === "number" ? /* @__PURE__ */ i(H, { children: [
-            /* @__PURE__ */ t(
+          ) : type === "number" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               "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,
+                ref,
+                id,
+                className: fieldCls,
+                value,
+                onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+                onBlur,
+                placeholder,
+                disabled,
                 inputMode: "numeric"
               }
             ),
-            /* @__PURE__ */ i("div", { className: "bu-input__stepper", children: [
-              /* @__PURE__ */ t(
+            /* @__PURE__ */ jsxs("div", { className: "bu-input__stepper", children: [
+              /* @__PURE__ */ jsx(
                 "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") >= _,
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => handleStep(step),
+                  disabled: disabled || max !== void 0 && parseFloat(value || "0") >= max,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ t(R, {})
+                  children: /* @__PURE__ */ jsx(ArrowUp, {})
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ jsx(
                 "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,
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => handleStep(-step),
+                  disabled: disabled || min !== void 0 && parseFloat(value || "0") <= min,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ t(T, {})
+                  children: /* @__PURE__ */ jsx(ArrowDown, {})
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ t(
+          ] }) : /* @__PURE__ */ jsx(
             "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
+              ref,
+              id,
+              className: fieldCls,
+              value,
+              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+              onBlur,
+              placeholder,
+              maxLength,
+              disabled
             }
           ),
-          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" }) }),
+          showFooter && /* @__PURE__ */ jsxs("div", { className: `bu-input__footer${type === "textarea" ? " bu-input__footer--bottom" : ""}`, children: [
+            showCharCount && /* @__PURE__ */ jsx("span", { className: "bu-input__count", children: countText }),
+            translating && /* @__PURE__ */ jsxs("span", { className: "bu-input__translating", children: [
+              /* @__PURE__ */ jsx("svg", { className: "bu-input__translating-icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) }),
+            translated && !translating && /* @__PURE__ */ jsxs("span", { className: "bu-input__translated", children: [
+              /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }))
+            mode === "bilingual" && !translating && !translated && (langToggle ?? /* @__PURE__ */ jsx("div", { className: "bu-input__lang-toggle" }))
           ] })
         ] }),
-        w && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--right", children: w })
+        rightIcon && /* @__PURE__ */ jsx("span", { className: "bu-input__icon bu-input__icon--right", children: rightIcon })
       ] }),
-      S && /* @__PURE__ */ i("div", { className: "bu-input__error-msg", children: [
-        /* @__PURE__ */ t(U, {}),
-        M
+      showErrorMsg && /* @__PURE__ */ jsxs("div", { className: "bu-input__error-msg", children: [
+        /* @__PURE__ */ jsx(ErrorIcon, {}),
+        errorMessage
       ] })
     ] });
   }
 );
 export {
-  X as default
+  BuInput as default
 };