bj-web-components 0.2.34 → 0.2.36

package/dist/web/Dropdown/BDropdown.mjs

@@ -1,160 +1,260 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { useRef as M, useState as j } from "react";
-import { createPortal as Y } from "react-dom";
-import Z from "../BasicInput/BInput.mjs";
-import { BCheckBox as $ } from "../CheckBox/index.mjs";
-import V from "../Icon/Icon.mjs";
-import ee from "../OverlayScrollbar/BOverlayScrollbar.mjs";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useRef as S, useState as w } from "react";
+import { createPortal as Z } from "react-dom";
+import $ from "../BasicInput/BInput.mjs";
+import { BCheckBox as ee } from "../CheckBox/index.mjs";
+import L from "../Icon/Icon.mjs";
+import ne from "../OverlayScrollbar/BOverlayScrollbar.mjs";
 /* empty css                       */
 import le from "../Tooltip/ContentTooltip.mjs";
 import "../Tooltip/TooltipWrapper.mjs";
-import ne from "../ProductField/no_data_light.svg.mjs";
+import oe from "../ProductField/no_data_light.svg.mjs";
 /* empty css                */
-function u(...n) {
-  return n.filter(Boolean).join(" ");
+function b() {
+  for (var _len = arguments.length, l = new Array(_len), _key = 0; _key < _len; _key++) {
+    l[_key] = arguments[_key];
+  }
+  return l.filter(Boolean).join(" ");
 }
-function te(n) {
-  return typeof n.label == "string" || typeof n.label == "number" ? String(n.label) : String(n.value);
+function te(l) {
+  return typeof l.label == "string" || typeof l.label == "number" ? String(l.label) : String(l.value);
 }
-function R({ option: n }) {
-  const d = M(null), [p, i] = j(!1), [o, g] = j(null), b = typeof n.label == "string" || typeof n.label == "number", m = b ? String(n.label) : n.label;
-  function f() {
-    const a = d.current;
-    b && a && a.scrollWidth > a.clientWidth && (g(a.getBoundingClientRect()), i(!0));
+function z(_ref) {
+  var l = _ref.option;
+  var d = S(null),
+    _w = w(!1),
+    _w2 = _slicedToArray(_w, 2),
+    m = _w2[0],
+    t = _w2[1],
+    _w3 = w(null),
+    _w4 = _slicedToArray(_w3, 2),
+    r = _w4[0],
+    j = _w4[1],
+    f = typeof l.label == "string" || typeof l.label == "number",
+    c = f ? String(l.label) : l.label;
+  function u() {
+    var a = d.current;
+    f && a && a.scrollWidth > a.clientWidth && (j(a.getBoundingClientRect()), t(!0));
   }
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      ref: d,
-      className: "bj-dropdown__option-label",
-      onMouseEnter: f,
-      onMouseLeave: () => i(!1),
-      children: [
-        m,
-        p && o && typeof document < "u" && Y(
-          /* @__PURE__ */ l(
-            "span",
-            {
-              className: "bj-dropdown__option-tooltip-anchor",
-              style: {
-                position: "fixed",
-                top: o.top,
-                left: o.left,
-                width: o.width,
-                height: o.height
-              },
-              children: /* @__PURE__ */ l(le, { className: "bj-dropdown__option-tooltip", content: m, placement: "top" })
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */i("span", {
+    ref: d,
+    className: "bj-dropdown__option-label",
+    onMouseEnter: u,
+    onMouseLeave: function onMouseLeave() {
+      return t(!1);
+    },
+    children: [c, m && r && typeof document != "undefined" && Z(/* @__PURE__ */n("span", {
+      className: "bj-dropdown__option-tooltip-anchor",
+      style: {
+        position: "fixed",
+        top: r.top,
+        left: r.left,
+        width: r.width,
+        height: r.height
+      },
+      children: /* @__PURE__ */n(le, {
+        className: "bj-dropdown__option-tooltip",
+        content: c,
+        placement: "top"
+      })
+    }), document.body)]
+  });
 }
-function W({ option: n, doubleLine: d }) {
-  return d ? /* @__PURE__ */ r("span", { className: "bj-dropdown__option-content", children: [
-    /* @__PURE__ */ l(R, { option: n }),
-    n.description !== void 0 && /* @__PURE__ */ l("span", { className: "bj-dropdown__option-description", children: n.description })
-  ] }) : /* @__PURE__ */ l(R, { option: n });
+function A(_ref2) {
+  var l = _ref2.option,
+    d = _ref2.doubleLine;
+  return d ? /* @__PURE__ */i("span", {
+    className: "bj-dropdown__option-content",
+    children: [/* @__PURE__ */n(z, {
+      option: l
+    }), l.description !== void 0 && /* @__PURE__ */n("span", {
+      className: "bj-dropdown__option-description",
+      children: l.description
+    })]
+  }) : /* @__PURE__ */n(z, {
+    option: l
+  });
 }
-function _e({
-  className: n,
-  style: d,
-  options: p,
-  value: i,
-  defaultValue: o = [],
-  multiple: g = !1,
-  optionMode: b = "single-line",
-  searchable: m = !1,
-  searchValue: f,
-  searchPlaceholder: a = "搜索",
-  onSearch: _,
-  filterOption: y = !0,
-  emptyText: z,
-  labels: N,
-  t: x = (w) => w,
-  optionRender: h,
-  onChange: B,
-  footer: L = !0,
-  showReset: A = !0,
-  showConfirm: G = !0,
-  resetText: P = x("重置"),
-  confirmText: q = x("确定"),
-  onReset: k,
-  onConfirm: C
-}) {
-  const w = M(null), S = M(null), [F, E] = j(o), [H, J] = j(""), t = i ?? F, s = g === !0, c = b === "double-line", v = f ?? H, K = z ?? (N == null ? void 0 : N.emptyText) ?? x("暂无结果"), I = !_ && y !== !1 && v ? p.filter((e) => typeof y == "function" ? y(v, e) : te(e).toLocaleLowerCase().includes(v.toLocaleLowerCase())) : p;
-  function Q(e, T) {
-    i === void 0 && E(e), B == null || B(e, T);
-  }
-  function O(e) {
-    f === void 0 && J(e), _ == null || _(e);
+function he(_ref3) {
+  var l = _ref3.className,
+    d = _ref3.style,
+    m = _ref3.options,
+    t = _ref3.value,
+    _ref3$defaultValue = _ref3.defaultValue,
+    r = _ref3$defaultValue === void 0 ? [] : _ref3$defaultValue,
+    _ref3$multiple = _ref3.multiple,
+    j = _ref3$multiple === void 0 ? !1 : _ref3$multiple,
+    _ref3$optionMode = _ref3.optionMode,
+    f = _ref3$optionMode === void 0 ? "single-line" : _ref3$optionMode,
+    _ref3$searchable = _ref3.searchable,
+    c = _ref3$searchable === void 0 ? !1 : _ref3$searchable,
+    u = _ref3.searchValue,
+    _ref3$searchPlacehold = _ref3.searchPlaceholder,
+    a = _ref3$searchPlacehold === void 0 ? "搜索" : _ref3$searchPlacehold,
+    g = _ref3.onSearch,
+    _ref3$filterOption = _ref3.filterOption,
+    y = _ref3$filterOption === void 0 ? !0 : _ref3$filterOption,
+    k = _ref3.emptyText,
+    I = _ref3.labels,
+    _ref3$t = _ref3.t,
+    N = _ref3$t === void 0 ? function (h) {
+      return h;
+    } : _ref3$t,
+    _ = _ref3.optionRender,
+    R = _ref3.onChange,
+    _ref3$footer = _ref3.footer,
+    x = _ref3$footer === void 0 ? !0 : _ref3$footer,
+    _ref3$showReset = _ref3.showReset,
+    G = _ref3$showReset === void 0 ? !0 : _ref3$showReset,
+    _ref3$showConfirm = _ref3.showConfirm,
+    P = _ref3$showConfirm === void 0 ? !0 : _ref3$showConfirm,
+    _ref3$resetText = _ref3.resetText,
+    q = _ref3$resetText === void 0 ? N("重置") : _ref3$resetText,
+    _ref3$confirmText = _ref3.confirmText,
+    F = _ref3$confirmText === void 0 ? N("确定") : _ref3$confirmText,
+    M = _ref3.onReset,
+    T = _ref3.onConfirm;
+  var h;
+  var V = S(null),
+    E = S(null),
+    _w5 = w(r),
+    _w6 = _slicedToArray(_w5, 2),
+    H = _w6[0],
+    O = _w6[1],
+    _w7 = w(""),
+    _w8 = _slicedToArray(_w7, 2),
+    J = _w8[0],
+    K = _w8[1],
+    o = t != null ? t : H,
+    s = j === !0,
+    p = f === "double-line",
+    v = u != null ? u : J,
+    Q = (h = k != null ? k : I == null ? void 0 : I.emptyText) != null ? h : N("暂无结果"),
+    C = !g && y !== !1 && v ? m.filter(function (e) {
+      return typeof y == "function" ? y(v, e) : te(e).toLocaleLowerCase().includes(v.toLocaleLowerCase());
+    }) : m;
+  function U(e, B) {
+    t === void 0 && O(e), R == null || R(e, B);
   }
   function D(e) {
+    u === void 0 && K(e), g == null || g(e);
+  }
+  function W(e) {
     if (e.disabled) return;
-    const T = s ? t.includes(e.value) ? t.filter((X) => X !== e.value) : [...t, e.value] : [e.value];
-    Q(T, e);
+    var B = s ? o.includes(e.value) ? o.filter(function (Y) {
+      return Y !== e.value;
+    }) : [].concat(_toConsumableArray(o), [e.value]) : [e.value];
+    U(B, e);
   }
-  function U() {
-    i === void 0 && E([]), k == null || k();
+  function X() {
+    t === void 0 && O([]), M == null || M();
   }
-  return /* @__PURE__ */ r("div", { ref: w, className: u("bj-dropdown", c && "bj-dropdown--double-line", !s && "bj-dropdown--single", n), role: "dialog", style: d, children: [
-    m && /* @__PURE__ */ l("div", { className: "bj-dropdown__search", children: /* @__PURE__ */ l(
-      Z,
-      {
+  return /* @__PURE__ */i("div", {
+    ref: V,
+    className: b("bj-dropdown", p && "bj-dropdown--double-line", !s && "bj-dropdown--single", !c && "bj-dropdown--no-search", l),
+    role: "dialog",
+    style: d,
+    children: [c && /* @__PURE__ */n("div", {
+      className: "bj-dropdown__search",
+      children: /* @__PURE__ */n($, {
         "aria-label": "搜索选项",
-        allowClear: { clearIcon: /* @__PURE__ */ l(V, { className: "bj-dropdown__search-clear-icon", type: "icon-a-guanbixi" }) },
-        onChange: (e) => O(e.target.value),
-        onClear: () => O(""),
+        allowClear: {
+          clearIcon: /* @__PURE__ */n(L, {
+            className: "bj-dropdown__search-clear-icon",
+            type: "icon-a-guanbixi"
+          })
+        },
+        onChange: function onChange(e) {
+          return D(e.target.value);
+        },
+        onClear: function onClear() {
+          return D("");
+        },
         placeholder: a,
-        prefix: /* @__PURE__ */ l(V, { type: "icon-a-sousuoxi" }),
+        prefix: /* @__PURE__ */n(L, {
+          type: "icon-a-sousuoxi"
+        }),
         inputMode: "search",
         role: "searchbox",
         type: "text",
         value: v
-      }
-    ) }),
-    /* @__PURE__ */ r("div", { ref: S, className: u("bj-dropdown__options", "bj-overlay-scrollbar-hidden", I.length === 0 && "bj-dropdown__options--empty", !s && "bj-dropdown__options--single"), children: [
-      I.map((e) => s ? /* @__PURE__ */ l(
-        $,
-        {
-          checked: t.includes(e.value),
-          className: u("bj-dropdown__option", c && e.description !== void 0 && "bj-dropdown__option--double-line"),
+      })
+    }), /* @__PURE__ */i("div", {
+      ref: E,
+      className: b("bj-dropdown__options", "bj-overlay-scrollbar-hidden", C.length === 0 && "bj-dropdown__options--empty", !s && "bj-dropdown__options--single"),
+      children: [C.map(function (e) {
+        return s ? /* @__PURE__ */n(ee, {
+          checked: o.includes(e.value),
+          className: b("bj-dropdown__option", p && e.description !== void 0 && "bj-dropdown__option--double-line"),
           disabled: e.disabled,
-          onChange: () => D(e),
+          onChange: function onChange() {
+            return W(e);
+          },
           skipGroup: !0,
           variant: "white",
-          children: h ? h(e) : /* @__PURE__ */ l(W, { doubleLine: c && e.description !== void 0, option: e })
-        },
-        String(e.value)
-      ) : /* @__PURE__ */ r(
-        "button",
-        {
-          "aria-pressed": t.includes(e.value),
-          className: u("bj-dropdown__option", "bj-dropdown__option--single", c && e.description !== void 0 && "bj-dropdown__option--double-line", t.includes(e.value) && "bj-dropdown__option--selected"),
+          children: _ ? _(e) : /* @__PURE__ */n(A, {
+            doubleLine: p && e.description !== void 0,
+            option: e
+          })
+        }, String(e.value)) : /* @__PURE__ */i("button", {
+          "aria-pressed": o.includes(e.value),
+          className: b("bj-dropdown__option", "bj-dropdown__option--single", p && e.description !== void 0 && "bj-dropdown__option--double-line", o.includes(e.value) && "bj-dropdown__option--selected"),
           disabled: e.disabled,
-          onClick: () => D(e),
+          onClick: function onClick() {
+            return W(e);
+          },
           type: "button",
-          children: [
-            h ? /* @__PURE__ */ l("span", { className: "bj-dropdown__option-label", children: h(e) }) : /* @__PURE__ */ l(W, { doubleLine: c && e.description !== void 0, option: e }),
-            t.includes(e.value) && /* @__PURE__ */ l(V, { className: "bj-dropdown__option-icon", type: "icon-a-dagouxi" })
-          ]
+          children: [_ ? /* @__PURE__ */n("span", {
+            className: "bj-dropdown__option-label",
+            children: _(e)
+          }) : /* @__PURE__ */n(A, {
+            doubleLine: p && e.description !== void 0,
+            option: e
+          }), o.includes(e.value) && /* @__PURE__ */n(L, {
+            className: "bj-dropdown__option-icon",
+            type: "icon-a-dagouxi"
+          })]
+        }, String(e.value));
+      }), C.length === 0 && /* @__PURE__ */i("div", {
+        className: "bj-dropdown__empty",
+        children: [/* @__PURE__ */n("img", {
+          alt: "",
+          className: "bj-dropdown__empty-image",
+          src: oe
+        }), /* @__PURE__ */n("span", {
+          className: "bj-dropdown__empty-text",
+          children: Q
+        })]
+      })]
+    }), /* @__PURE__ */n(ne, {
+      containerRef: V,
+      gap: 2,
+      size: 2,
+      targetRef: E
+    }), x !== !1 && (x !== !0 ? x : /* @__PURE__ */i("div", {
+      className: b("bj-dropdown__actions", !s && "bj-dropdown__actions--single"),
+      children: [G && /* @__PURE__ */n("button", {
+        onClick: X,
+        type: "button",
+        children: q
+      }), s && P && /* @__PURE__ */n("button", {
+        onClick: function onClick() {
+          return T == null ? void 0 : T(o);
         },
-        String(e.value)
-      )),
-      I.length === 0 && /* @__PURE__ */ r("div", { className: "bj-dropdown__empty", children: [
-        /* @__PURE__ */ l("img", { alt: "", className: "bj-dropdown__empty-image", src: ne }),
-        /* @__PURE__ */ l("span", { className: "bj-dropdown__empty-text", children: K })
-      ] })
-    ] }),
-    /* @__PURE__ */ l(ee, { containerRef: w, gap: 2, size: 2, targetRef: S }),
-    L !== !1 && (L !== !0 ? L : /* @__PURE__ */ r("div", { className: u("bj-dropdown__actions", !s && "bj-dropdown__actions--single"), children: [
-      A && /* @__PURE__ */ l("button", { onClick: U, type: "button", children: P }),
-      s && G && /* @__PURE__ */ l("button", { onClick: () => C == null ? void 0 : C(t), type: "button", children: q })
-    ] }))
-  ] });
+        type: "button",
+        children: F
+      })]
+    }))]
+  });
 }
-export {
-  _e as BDropdown
-};
+export { he as BDropdown };

package/dist/web/EmptyInputBox/EmptyInputBox.js

@@ -1 +1,89 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react");;/* empty css                    */function v(){return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",fill:"currentColor"})})}const N=h.forwardRef(function({mode:l="single",activeLang:c="zh",onLangChange:e,value:n="",onChange:u,placeholder:_,maxLength:x,error:d=!1,disabled:o,onDelete:r,labels:i,id:j,className:C,style:m},V){const p=(i==null?void 0:i.zh)??"中文",f=(i==null?void 0:i.en)??"EN",s=l==="bilingual",b=!!r,H=["bu-eib__box",s&&b&&"bu-eib__box--actions-both",s&&!b&&"bu-eib__box--actions-toggle",!s&&b&&"bu-eib__box--actions-delete",d&&"bu-eib__box--error",o&&"bu-eib__box--disabled"].filter(Boolean).join(" ");return t.jsx("div",{className:["bu-eib",C].filter(Boolean).join(" "),style:m,children:t.jsxs("div",{className:H,children:[t.jsx("input",{ref:V,id:j,className:"bu-eib__field",value:n,onChange:a=>u==null?void 0:u(a.target.value),placeholder:_,maxLength:x,disabled:o}),(s||b)&&t.jsxs("div",{className:"bu-eib__actions",children:[s&&t.jsxs("div",{className:"bu-eib__lang-toggle",children:[t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="zh"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("zh"),children:p}),t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="en"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("en"),children:f})]}),b&&t.jsx("button",{type:"button",className:"bu-eib__delete",onClick:r,children:t.jsx(v,{})})]})]})})});module.exports=N;
+"use strict";
+
+var e = require("react/jsx-runtime"),
+  H = require("react");
+; /* empty css                    */
+function N() {
+  return e.jsx("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: e.jsx("path", {
+      d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",
+      fill: "currentColor"
+    })
+  });
+}
+var B = H.forwardRef(function (_ref, m) {
+  var _ref$mode = _ref.mode,
+    a = _ref$mode === void 0 ? "single" : _ref$mode,
+    _ref$activeLang = _ref.activeLang,
+    o = _ref$activeLang === void 0 ? "zh" : _ref$activeLang,
+    n = _ref.onLangChange,
+    _ref$value = _ref.value,
+    _ = _ref$value === void 0 ? "" : _ref$value,
+    s = _ref.onChange,
+    x = _ref.placeholder,
+    d = _ref.maxLength,
+    _ref$error = _ref.error,
+    C = _ref$error === void 0 ? !1 : _ref$error,
+    b = _ref.disabled,
+    u = _ref.onDelete,
+    l = _ref.labels,
+    h = _ref.id,
+    v = _ref.className,
+    j = _ref.style;
+  var c, r;
+  var V = (c = l == null ? void 0 : l.zh) != null ? c : "中文",
+    p = (r = l == null ? void 0 : l.en) != null ? r : "EN",
+    i = a === "bilingual",
+    t = !!u,
+    f = ["bu-eib__box", i && t && "bu-eib__box--actions-both", i && !t && "bu-eib__box--actions-toggle", !i && t && "bu-eib__box--actions-delete", C && "bu-eib__box--error", b && "bu-eib__box--disabled"].filter(Boolean).join(" ");
+  return e.jsx("div", {
+    className: ["bu-eib", v].filter(Boolean).join(" "),
+    style: j,
+    children: e.jsxs("div", {
+      className: f,
+      children: [e.jsx("input", {
+        ref: m,
+        id: h,
+        className: "bu-eib__field",
+        value: _,
+        onChange: function onChange(g) {
+          return s == null ? void 0 : s(g.target.value);
+        },
+        placeholder: x,
+        maxLength: d,
+        disabled: b
+      }), (i || t) && e.jsxs("div", {
+        className: "bu-eib__actions",
+        children: [i && e.jsxs("div", {
+          className: "bu-eib__lang-toggle",
+          children: [e.jsx("button", {
+            type: "button",
+            className: "bu-eib__lang-btn".concat(o === "zh" ? " bu-eib__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return n == null ? void 0 : n("zh");
+            },
+            children: V
+          }), e.jsx("button", {
+            type: "button",
+            className: "bu-eib__lang-btn".concat(o === "en" ? " bu-eib__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return n == null ? void 0 : n("en");
+            },
+            children: p
+          })]
+        }), t && e.jsx("button", {
+          type: "button",
+          className: "bu-eib__delete",
+          onClick: u,
+          children: e.jsx(N, {})
+        })]
+      })]
+    })
+  });
+});
+module.exports = B;