bj-web-components 0.2.28 → 0.2.29

package/dist/web/Input/Input.js

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

@@ -1,8 +1,8 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { jsxs as i, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { forwardRef as I } from "react";
 /* empty css            */
-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(
+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",
@@ -10,8 +10,8 @@ function ArrowUp() {
     }
   ) });
 }
-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(
+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",
@@ -19,164 +19,155 @@ function ArrowDown() {
     }
   ) });
 }
-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" })
+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 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 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 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 = [
+    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",
-      (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
+      (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__ */ 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(
+      /* @__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,
-              id,
-              className: fieldCls,
-              value,
-              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-              onBlur,
-              placeholder,
-              maxLength,
-              disabled
+              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
             }
-          ) : type === "number" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
+          ) : e === "number" ? /* @__PURE__ */ i(H, { children: [
+            /* @__PURE__ */ t(
               "input",
               {
-                ref,
-                id,
-                className: fieldCls,
-                value,
-                onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-                onBlur,
-                placeholder,
-                disabled,
+                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__ */ jsxs("div", { className: "bu-input__stepper", children: [
-              /* @__PURE__ */ jsx(
+            /* @__PURE__ */ i("div", { className: "bu-input__stepper", children: [
+              /* @__PURE__ */ t(
                 "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,
+                  onMouseDown: (n) => n.preventDefault(),
+                  onClick: () => D(B),
+                  disabled: o || _ !== void 0 && parseFloat(u || "0") >= _,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ jsx(ArrowUp, {})
+                  children: /* @__PURE__ */ t(R, {})
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ t(
                 "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,
+                  onMouseDown: (n) => n.preventDefault(),
+                  onClick: () => D(-B),
+                  disabled: o || a !== void 0 && parseFloat(u || "0") <= a,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ jsx(ArrowDown, {})
+                  children: /* @__PURE__ */ t(T, {})
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsx(
+          ] }) : /* @__PURE__ */ t(
             "input",
             {
-              ref,
-              id,
-              className: fieldCls,
-              value,
-              onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-              onBlur,
-              placeholder,
-              maxLength,
-              disabled
+              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
             }
           ),
-          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" }) }),
+          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" }) }),
               "翻译中…"
             ] }),
-            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" }) }),
+            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" }) }),
               "翻译完成"
             ] }),
-            mode === "bilingual" && !translating && !translated && (langToggle ?? /* @__PURE__ */ jsx("div", { className: "bu-input__lang-toggle" }))
+            N === "bilingual" && !p && !m && (z ?? /* @__PURE__ */ t("div", { className: "bu-input__lang-toggle" }))
           ] })
         ] }),
-        rightIcon && /* @__PURE__ */ jsx("span", { className: "bu-input__icon bu-input__icon--right", children: rightIcon })
+        w && /* @__PURE__ */ t("span", { className: "bu-input__icon bu-input__icon--right", children: w })
       ] }),
-      showErrorMsg && /* @__PURE__ */ jsxs("div", { className: "bu-input__error-msg", children: [
-        /* @__PURE__ */ jsx(ErrorIcon, {}),
-        errorMessage
+      S && /* @__PURE__ */ i("div", { className: "bu-input__error-msg", children: [
+        /* @__PURE__ */ t(U, {}),
+        M
       ] })
     ] });
   }
 );
 export {
-  BuInput as default
+  X as default
 };