bj-web-components 0.2.34 → 0.2.36

package/dist/web/BasicInput/BInput.js

@@ -1 +1,278 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),i=require("./utils.js");;/* empty css             */function v(...a){return a.filter(Boolean).join(" ")}function K({addonAfter:a,addonBefore:d,allowClear:s,children:k,className:N,disabled:R,focused:F,handleReset:q,onClear:u,prefix:j,readOnly:p,size:b,status:E,suffix:o,triggerInputFocus:_,value:f}){const m=t.useRef(null),g=i.hasPrefixSuffix({prefix:j,suffix:o,allowClear:s}),x=t.cloneElement(k,{value:f});let c=x;if(g){const w=!!(s&&!R&&!p&&f),I=typeof s=="object"&&s.clearIcon?s.clearIcon:"×";c=r.jsxs("span",{className:v("bj-input__affix-wrapper",R&&"bj-input__affix-wrapper--disabled",F&&"bj-input__affix-wrapper--focused",p&&"bj-input__affix-wrapper--readonly",b&&`bj-input__affix-wrapper--${b}`,E&&`bj-input__affix-wrapper--${E}`),onClick:_,ref:m,children:[j&&r.jsx("span",{className:"bj-input__prefix",children:j}),x,(o||s)&&r.jsxs("span",{className:"bj-input__suffix",children:[s&&r.jsx("button",{"aria-label":"清除输入内容",className:v("bj-input__clear-icon",!w&&"bj-input__clear-icon--hidden"),onClick:l=>{q(l),u==null||u()},onMouseDown:l=>l.preventDefault(),tabIndex:-1,type:"button",children:I}),o]})]})}return i.hasAddon({addonBefore:d,addonAfter:a})&&(c=r.jsx("span",{className:"bj-input__group-wrapper",children:r.jsxs("span",{className:"bj-input__group",children:[d&&r.jsx("span",{className:"bj-input__group-addon",children:d}),c,a&&r.jsx("span",{className:"bj-input__group-addon",children:a})]})})),t.cloneElement(c,{className:v(c.props.className,N)})}const O=t.forwardRef((a,d)=>{const{addonAfter:s,addonBefore:k,allowClear:N,bordered:R=!0,className:F,defaultValue:q,disabled:u,htmlSize:j,onBlur:p,onChange:b,onClear:E,onCompositionEnd:o,onCompositionStart:_,onFocus:f,onKeyDown:m,onKeyUp:g,onPressEnter:x,prefix:c,readOnly:w,size:I="middle",status:l,suffix:V,type:H="text",value:y,...L}=a,[$,B]=t.useState(!1),[M,z]=t.useState(q),n=t.useRef(null),A=t.useRef(!1),S=t.useRef(!1),T=i.hasPrefixSuffix({prefix:c,suffix:V,allowClear:N}),P=y===void 0?M:y,C=P==null?"":String(P);t.useImperativeHandle(d,()=>({focus:e=>i.triggerFocus(n.current,e),blur:()=>{var e;return(e=n.current)==null?void 0:e.blur()},setSelectionRange:(...e)=>{var h;return(h=n.current)==null?void 0:h.setSelectionRange(...e)},select:()=>{var e;return(e=n.current)==null?void 0:e.select()},input:n.current,nativeElement:n.current})),t.useEffect(()=>B(e=>e&&!u),[u]);const D=(e,h,J)=>{J!=="compositionEnd"&&(y===void 0&&z(h),n.current&&i.resolveOnChange(n.current,e,b,h))},G=r.jsx("input",{...L,className:v("bj-input",`bj-input--${I}`,$&&!T&&"bj-input--focused",l&&`bj-input--${l}`,!R&&"bj-input--borderless",u&&"bj-input--disabled"),disabled:u,onBlur:e=>{S.current=!1,B(!1),p==null||p(e)},onChange:e=>D(e,e.target.value,"change"),onCompositionEnd:e=>{A.current=!1,D(e,e.currentTarget.value,"compositionEnd"),o==null||o(e)},onCompositionStart:e=>{A.current=!0,_==null||_(e)},onFocus:e=>{B(!0),f==null||f(e)},onKeyDown:e=>{x&&e.key==="Enter"&&!S.current&&(S.current=!0,x(e)),m==null||m(e)},onKeyUp:e=>{e.key==="Enter"&&(S.current=!1),g==null||g(e)},ref:n,size:j,type:H});return r.jsx(K,{addonAfter:s,addonBefore:k,allowClear:N,className:F,disabled:u,focused:$,handleReset:e=>{y===void 0&&z(""),i.triggerFocus(n.current),n.current&&i.resolveOnChange(n.current,e,b)},onClear:E,prefix:c,readOnly:w,size:I,status:l,suffix:V,triggerInputFocus:()=>i.triggerFocus(n.current),value:C,children:G})});O.displayName="BInput";module.exports=O;
+"use strict";
+
+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 _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; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+var i = require("react/jsx-runtime"),
+  a = require("react"),
+  c = require("./utils.js");
+; /* empty css             */
+var Y = Object.defineProperty,
+  Z = Object.defineProperties,
+  ee = Object.getOwnPropertyDescriptors,
+  R = Object.getOwnPropertySymbols,
+  U = Object.prototype.hasOwnProperty,
+  H = Object.prototype.propertyIsEnumerable,
+  A = function A(n, t, r) {
+    return t in n ? Y(n, t, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: r
+    }) : n[t] = r;
+  },
+  ne = function ne(n, t) {
+    for (var r in t || (t = {})) U.call(t, r) && A(n, r, t[r]);
+    if (R) {
+      var _iterator = _createForOfIteratorHelper(R(t)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var r = _step.value;
+          H.call(t, r) && A(n, r, t[r]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return n;
+  },
+  re = function re(n, t) {
+    return Z(n, ee(t));
+  },
+  te = function te(n, t) {
+    var r = {};
+    for (var o in n) U.call(n, o) && t.indexOf(o) < 0 && (r[o] = n[o]);
+    if (n != null && R) {
+      var _iterator2 = _createForOfIteratorHelper(R(n)),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var o = _step2.value;
+          t.indexOf(o) < 0 && H.call(n, o) && (r[o] = n[o]);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    return r;
+  };
+function w() {
+  for (var _len = arguments.length, n = new Array(_len), _key = 0; _key < _len; _key++) {
+    n[_key] = arguments[_key];
+  }
+  return n.filter(Boolean).join(" ");
+}
+function oe(_ref) {
+  var n = _ref.addonAfter,
+    t = _ref.addonBefore,
+    r = _ref.allowClear,
+    o = _ref.children,
+    S = _ref.className,
+    f = _ref.disabled,
+    C = _ref.focused,
+    I = _ref.handleReset,
+    g = _ref.onClear,
+    u = _ref.prefix,
+    x = _ref.readOnly,
+    d = _ref.size,
+    _ = _ref.status,
+    m = _ref.suffix,
+    h = _ref.triggerInputFocus,
+    b = _ref.value;
+  var y = a.useRef(null),
+    O = c.hasPrefixSuffix({
+      prefix: u,
+      suffix: m,
+      allowClear: r
+    }),
+    j = a.cloneElement(o, {
+      value: b
+    });
+  var l = j;
+  if (O) {
+    var P = !!(r && !f && !x && b),
+      B = _typeof(r) == "object" && r.clearIcon ? r.clearIcon : "×";
+    l = i.jsxs("span", {
+      className: w("bj-input__affix-wrapper", f && "bj-input__affix-wrapper--disabled", C && "bj-input__affix-wrapper--focused", x && "bj-input__affix-wrapper--readonly", d && "bj-input__affix-wrapper--".concat(d), _ && "bj-input__affix-wrapper--".concat(_)),
+      onClick: h,
+      ref: y,
+      children: [u && i.jsx("span", {
+        className: "bj-input__prefix",
+        children: u
+      }), j, (m || r) && i.jsxs("span", {
+        className: "bj-input__suffix",
+        children: [r && i.jsx("button", {
+          "aria-label": "清除输入内容",
+          className: w("bj-input__clear-icon", !P && "bj-input__clear-icon--hidden"),
+          onClick: function onClick(p) {
+            I(p), g == null || g();
+          },
+          onMouseDown: function onMouseDown(p) {
+            return p.preventDefault();
+          },
+          tabIndex: -1,
+          type: "button",
+          children: B
+        }), m]
+      })]
+    });
+  }
+  return c.hasAddon({
+    addonBefore: t,
+    addonAfter: n
+  }) && (l = i.jsx("span", {
+    className: "bj-input__group-wrapper",
+    children: i.jsxs("span", {
+      className: "bj-input__group",
+      children: [t && i.jsx("span", {
+        className: "bj-input__group-addon",
+        children: t
+      }), l, n && i.jsx("span", {
+        className: "bj-input__group-addon",
+        children: n
+      })]
+    })
+  })), a.cloneElement(l, {
+    className: w(l.props.className, S)
+  });
+}
+var L = a.forwardRef(function (n, t) {
+  var r = n,
+    o = r.addonAfter,
+    S = r.addonBefore,
+    f = r.allowClear,
+    _r$bordered = r.bordered,
+    C = _r$bordered === void 0 ? !0 : _r$bordered,
+    I = r.className,
+    g = r.defaultValue,
+    u = r.disabled,
+    x = r.htmlSize,
+    d = r.onBlur,
+    _ = r.onChange,
+    m = r.onClear,
+    h = r.onCompositionEnd,
+    b = r.onCompositionStart,
+    y = r.onFocus,
+    O = r.onKeyDown,
+    j = r.onKeyUp,
+    l = r.onPressEnter,
+    P = r.prefix,
+    B = r.readOnly,
+    _r$size = r.size,
+    p = _r$size === void 0 ? "middle" : _r$size,
+    F = r.status,
+    V = r.suffix,
+    _r$type = r.type,
+    M = _r$type === void 0 ? "text" : _r$type,
+    E = r.value,
+    T = te(r, ["addonAfter", "addonBefore", "allowClear", "bordered", "className", "defaultValue", "disabled", "htmlSize", "onBlur", "onChange", "onClear", "onCompositionEnd", "onCompositionStart", "onFocus", "onKeyDown", "onKeyUp", "onPressEnter", "prefix", "readOnly", "size", "status", "suffix", "type", "value"]),
+    _a$useState = a.useState(!1),
+    _a$useState2 = _slicedToArray(_a$useState, 2),
+    k = _a$useState2[0],
+    D = _a$useState2[1],
+    _a$useState3 = a.useState(g),
+    _a$useState4 = _slicedToArray(_a$useState3, 2),
+    G = _a$useState4[0],
+    q = _a$useState4[1],
+    s = a.useRef(null),
+    z = a.useRef(!1),
+    N = a.useRef(!1),
+    J = c.hasPrefixSuffix({
+      prefix: P,
+      suffix: V,
+      allowClear: f
+    }),
+    K = E === void 0 ? G : E,
+    Q = K == null ? "" : String(K);
+  a.useImperativeHandle(t, function () {
+    return {
+      focus: function focus(e) {
+        return c.triggerFocus(s.current, e);
+      },
+      blur: function blur() {
+        var e;
+        return (e = s.current) == null ? void 0 : e.blur();
+      },
+      setSelectionRange: function setSelectionRange() {
+        var _v;
+        var v;
+        return (v = s.current) == null ? void 0 : (_v = v).setSelectionRange.apply(_v, arguments);
+      },
+      select: function select() {
+        var e;
+        return (e = s.current) == null ? void 0 : e.select();
+      },
+      input: s.current,
+      nativeElement: s.current
+    };
+  }), a.useEffect(function () {
+    return D(function (e) {
+      return e && !u;
+    });
+  }, [u]);
+  var $ = function $(e, v, X) {
+      X !== "compositionEnd" && (E === void 0 && q(v), s.current && c.resolveOnChange(s.current, e, _, v));
+    },
+    W = i.jsx("input", re(ne({}, T), {
+      className: w("bj-input", "bj-input--".concat(p), k && !J && "bj-input--focused", F && "bj-input--".concat(F), !C && "bj-input--borderless", u && "bj-input--disabled"),
+      disabled: u,
+      onBlur: function onBlur(e) {
+        N.current = !1, D(!1), d == null || d(e);
+      },
+      onChange: function onChange(e) {
+        return $(e, e.target.value, "change");
+      },
+      onCompositionEnd: function onCompositionEnd(e) {
+        z.current = !1, $(e, e.currentTarget.value, "compositionEnd"), h == null || h(e);
+      },
+      onCompositionStart: function onCompositionStart(e) {
+        z.current = !0, b == null || b(e);
+      },
+      onFocus: function onFocus(e) {
+        D(!0), y == null || y(e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        l && e.key === "Enter" && !N.current && (N.current = !0, l(e)), O == null || O(e);
+      },
+      onKeyUp: function onKeyUp(e) {
+        e.key === "Enter" && (N.current = !1), j == null || j(e);
+      },
+      ref: s,
+      size: x,
+      type: M
+    }));
+  return i.jsx(oe, {
+    addonAfter: o,
+    addonBefore: S,
+    allowClear: f,
+    className: I,
+    disabled: u,
+    focused: k,
+    handleReset: function handleReset(e) {
+      E === void 0 && q(""), c.triggerFocus(s.current), s.current && c.resolveOnChange(s.current, e, _);
+    },
+    onClear: m,
+    prefix: P,
+    readOnly: B,
+    size: p,
+    status: F,
+    suffix: V,
+    triggerInputFocus: function triggerInputFocus() {
+      return c.triggerFocus(s.current);
+    },
+    value: Q,
+    children: W
+  });
+});
+L.displayName = "BInput";
+module.exports = L;