bj-web-components 0.2.34 → 0.2.36

package/dist/web/Icon/Icon.mjs

@@ -1,10 +1,80 @@
-import { jsx as o } from "react/jsx-runtime";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+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; }
+import { jsx as i } 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
+var v = Object.defineProperty,
+  O = Object.defineProperties,
+  d = Object.getOwnPropertyDescriptors,
+  n = Object.getOwnPropertySymbols,
+  s = Object.prototype.hasOwnProperty,
+  f = Object.prototype.propertyIsEnumerable,
+  l = function l(r, e, t) {
+    return e in r ? v(r, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: t
+    }) : r[e] = t;
+  },
+  m = function m(r, e) {
+    for (var t in e || (e = {})) s.call(e, t) && l(r, t, e[t]);
+    if (n) {
+      var _iterator = _createForOfIteratorHelper(n(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var t = _step.value;
+          f.call(e, t) && l(r, t, e[t]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return r;
+  },
+  y = function y(r, e) {
+    return O(r, d(e));
+  },
+  P = function P(r, e) {
+    var t = {};
+    for (var a in r) s.call(r, a) && e.indexOf(a) < 0 && (t[a] = r[a]);
+    if (r != null && n) {
+      var _iterator2 = _createForOfIteratorHelper(n(r)),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var a = _step2.value;
+          e.indexOf(a) < 0 && f.call(r, a) && (t[a] = r[a]);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    return t;
+  };
+var u = function u(r) {
+  var e = r,
+    t = e.type,
+    a = e.style,
+    p = e.onClick,
+    o = e.className,
+    _ = P(e, ["type", "style", "onClick", "className"]);
+  var c = o ? "bu-icon ".concat(o) : "bu-icon";
+  return /* @__PURE__ */i("svg", y(m({
+    style: a,
+    className: c,
+    "aria-hidden": "true",
+    onClick: p
+  }, _), {
+    children: /* @__PURE__ */i("use", {
+      xlinkHref: "#".concat(t)
+    })
+  }));
 };
+u.displayName = "BuIcon";
+export { u as default };

package/dist/web/Input/Input.js

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