bj-web-components 0.2.34 → 0.2.36

package/dist/web/CategoryDropdown/CategoryDropdown.js

@@ -1 +1,376 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),V=require("react-dom");;/* empty css                       */;/* empty css                       */const I=require("../Tooltip/ContentTooltip.js"),J=require("../Tooltip/TooltipWrapper.js");function z({text:d,spanClassName:p,wrapperStyle:u,placement:g="top",getPopupContainer:h,trailing:f}){const[a,y]=i.useState(!1),j=i.useRef(null),E=i.useRef(null),[o,b]=i.useState(null);function m(){var w;const _=E.current;_&&_.scrollWidth>_.offsetWidth&&(b(((w=j.current)==null?void 0:w.getBoundingClientRect())??null),y(!0))}return n.jsxs(J,{ref:j,style:u,children:[n.jsx("span",{ref:E,className:p,onMouseEnter:m,onMouseLeave:()=>y(!1),children:d}),f,a&&o&&V.createPortal(n.jsx("span",{style:{position:"fixed",top:o.top,left:o.left,width:o.width,height:o.height,display:"block",pointerEvents:"none",zIndex:9999999999},children:n.jsx(I,{content:d,placement:g,className:"bu-category-dropdown__tooltip"})}),(h==null?void 0:h())??document.body)]})}function K(){return n.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z",fill:"#333333"})})}function P(){return n.jsx("svg",{className:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"55697",children:n.jsx("path",{d:"M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z","p-id":"55698"})})}function Q(d,p){var h;const u=[d];let g=d;for(let f=0;f<p.length;f++){const a=g.find(y=>y.value===p[f]);if((h=a==null?void 0:a.children)!=null&&h.length)u.push(a.children),g=a.children;else break}return u}function O(d,p){const u=[];let g=d;for(const h of p){const f=g.find(a=>a.value===h);if(!f)break;u.push(f),g=f.children??[]}return u}function U({data:d,value:p=[],onChange:u,placeholder:g="请选择分类",disabled:h=!1,maxVisible:f=6,className:a,style:y,getPopupContainer:j,dropdownStyle:E}){const[o,b]=i.useState(!1),[m,_]=i.useState(p),w=i.useRef(null),T=i.useRef(null),R=i.useRef(null),W=i.useRef(!1),[$,A]=i.useState({}),[S,H]=i.useState(),L=i.useCallback(()=>{var v;if(!w.current)return;const r=w.current.getBoundingClientRect();let e=0,t=w.current.parentElement;for(;t&&t!==document.documentElement;){const N=parseInt(window.getComputedStyle(t).zIndex,10);if(!isNaN(N)&&N>e&&(e=N),t.parentElement)for(const x of t.parentElement.children){if(x===t||!(x instanceof HTMLElement))continue;const M=parseInt(window.getComputedStyle(x).zIndex,10);!isNaN(M)&&M>e&&(e=M)}t=t.parentElement}const s=((v=R.current)==null?void 0:v.offsetHeight)??0,l=window.innerHeight-r.bottom,c=r.top,C=s>0&&l<s+4&&c>l;A({position:"fixed",top:C?r.top-s-4:r.bottom+4,left:r.left,zIndex:e>0?e+10:1100,...E})},[E]);i.useLayoutEffect(()=>{o&&L()},[o,m,L]),i.useLayoutEffect(()=>{const r=o&&!W.current;if(W.current=o,!o||!R.current)return;const e=R.current.querySelectorAll(".bu-category-dropdown__col");e.forEach(l=>{l.style.width=""});let t=0;e.forEach(l=>{l.offsetWidth>t&&(t=l.offsetWidth)});const s=r?t:Math.max(S??0,t);e.forEach(l=>{l.style.width=s?`${s}px`:""}),s!==S&&H(s||void 0)},[o,m]),i.useEffect(()=>{if(!o)return;function r(t){var l,c;const s=t.target;(l=w.current)!=null&&l.contains(s)||(c=T.current)!=null&&c.contains(s)||b(!1)}function e(){b(!1)}return document.addEventListener("mousedown",r),document.addEventListener("scroll",e,!0),window.addEventListener("resize",L),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("scroll",e,!0),window.removeEventListener("resize",L)}},[o,L]);const k=O(d,p),B=k.length>0,Z=B?k.map(r=>r.label).join(" / "):null,q=Q(d,m);function D(r,e){var s;if(e.disabled)return;const t=m.slice(0,r+1);if(t[r]=e.value,_(t),!((s=e.children)!=null&&s.length)){const l=O(d,t);u==null||u(t,l),b(!1)}}function F(){_(p),b(!0)}const G=["bu-category-dropdown__trigger",o?"bu-category-dropdown__trigger--open":"",B?"bu-category-dropdown__trigger--has-value":""].filter(Boolean).join(" ");return n.jsxs("div",{ref:w,className:`bu-category-dropdown${a?` ${a}`:""}`,style:y,children:[n.jsx("button",{type:"button",className:G,disabled:h,onClick:()=>o?b(!1):F(),children:n.jsx(z,{text:Z??g,spanClassName:`bu-category-dropdown__trigger-label${B?"":" bu-category-dropdown__trigger-label--placeholder"}`,wrapperStyle:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:8},getPopupContainer:j,trailing:n.jsx("span",{className:`bu-category-dropdown__trigger-chevron${o?" bu-category-dropdown__trigger-chevron--open":""}`,children:n.jsx(K,{})})})}),o&&V.createPortal(n.jsx("div",{ref:T,style:$,className:"bu-category-dropdown__portal",children:n.jsx("div",{className:"bu-category-dropdown__panel",ref:R,children:q.map((r,e)=>{const t=r.length>f,s=e===q.length-1,l=["bu-category-dropdown__col",e>0?"bu-category-dropdown__col--indent":"",t?"bu-category-dropdown__col--scrollable":"",s&&e>0?"bu-category-dropdown__col--last":""].filter(Boolean).join(" ");return n.jsxs("div",{style:{display:"contents"},children:[e>0&&n.jsx("div",{className:"bu-category-dropdown__divider"}),n.jsx("div",{className:l,style:S?{width:S}:void 0,onMouseEnter:t?c=>c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible"):void 0,onMouseLeave:t?c=>c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible"):void 0,children:r.map(c=>{var x;const C=m[e]===c.value,v=!!((x=c.children)!=null&&x.length),N=["bu-category-dropdown__item",C&&v?"bu-category-dropdown__item--selected-branch":"",C&&!v?"bu-category-dropdown__item--selected-leaf":"",c.disabled?"bu-category-dropdown__item--disabled":""].filter(Boolean).join(" ");return n.jsxs("button",{type:"button",className:N,disabled:c.disabled,onClick:()=>D(e,c),children:[n.jsx(z,{text:c.label,spanClassName:"bu-category-dropdown__item-label",wrapperStyle:{flex:1,minWidth:0,display:"block"},getPopupContainer:j}),v&&n.jsx("span",{className:"bu-category-dropdown__item-arrow",children:n.jsx(P,{})})]},c.value)})})]},e)})})}),document.body)]})}module.exports=U;
+"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 _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 n = require("react/jsx-runtime"),
+  c = require("react"),
+  H = require("react-dom");
+; /* empty css                       */
+; /* empty css                       */
+var K = require("../Tooltip/ContentTooltip.js"),
+  Q = require("../Tooltip/TooltipWrapper.js");
+var U = Object.defineProperty,
+  k = Object.getOwnPropertySymbols,
+  X = Object.prototype.hasOwnProperty,
+  Y = Object.prototype.propertyIsEnumerable,
+  V = function V(s, e, o) {
+    return e in s ? U(s, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: o
+    }) : s[e] = o;
+  },
+  ee = function ee(s, e) {
+    for (var o in e || (e = {})) X.call(e, o) && V(s, o, e[o]);
+    if (k) {
+      var _iterator = _createForOfIteratorHelper(k(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var o = _step.value;
+          Y.call(e, o) && V(s, o, e[o]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return s;
+  };
+function $(_ref) {
+  var s = _ref.text,
+    e = _ref.spanClassName,
+    o = _ref.wrapperStyle,
+    _ref$placement = _ref.placement,
+    g = _ref$placement === void 0 ? "top" : _ref$placement,
+    h = _ref.getPopupContainer,
+    v = _ref.trailing;
+  var p;
+  var _c$useState = c.useState(!1),
+    _c$useState2 = _slicedToArray(_c$useState, 2),
+    b = _c$useState2[0],
+    y = _c$useState2[1],
+    x = c.useRef(null),
+    d = c.useRef(null),
+    _c$useState3 = c.useState(null),
+    _c$useState4 = _slicedToArray(_c$useState3, 2),
+    f = _c$useState4[0],
+    m = _c$useState4[1];
+  function R() {
+    var w, j;
+    var _ = d.current;
+    _ && _.scrollWidth > _.offsetWidth && (m((j = (w = x.current) == null ? void 0 : w.getBoundingClientRect()) != null ? j : null), y(!0));
+  }
+  return n.jsxs(Q, {
+    ref: x,
+    style: o,
+    children: [n.jsx("span", {
+      ref: d,
+      className: e,
+      onMouseEnter: R,
+      onMouseLeave: function onMouseLeave() {
+        return y(!1);
+      },
+      children: s
+    }), v, b && f && H.createPortal(n.jsx("span", {
+      style: {
+        position: "fixed",
+        top: f.top,
+        left: f.left,
+        width: f.width,
+        height: f.height,
+        display: "block",
+        pointerEvents: "none",
+        zIndex: 9999999999
+      },
+      children: n.jsx(K, {
+        content: s,
+        placement: g,
+        className: "bu-category-dropdown__tooltip"
+      })
+    }), (p = h == null ? void 0 : h()) != null ? p : document.body)]
+  });
+}
+function te() {
+  return n.jsx("svg", {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: n.jsx("path", {
+      d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z",
+      fill: "#333333"
+    })
+  });
+}
+function ne() {
+  return n.jsx("svg", {
+    className: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "55697",
+    children: n.jsx("path", {
+      d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z",
+      "p-id": "55698"
+    })
+  });
+}
+function oe(s, e) {
+  var o;
+  var g = [s];
+  var h = s;
+  var _loop = function _loop(v) {
+    var p = h.find(function (b) {
+      return b.value === e[v];
+    });
+    if ((o = p == null ? void 0 : p.children) != null && o.length) g.push(p.children), h = p.children;else return 1; // break
+  };
+  for (var v = 0; v < e.length; v++) {
+    if (_loop(v)) break;
+  }
+  return g;
+}
+function A(s, e) {
+  var o;
+  var g = [];
+  var h = s;
+  var _iterator2 = _createForOfIteratorHelper(e),
+    _step2;
+  try {
+    var _loop2 = function _loop2() {
+      var v = _step2.value;
+      var p = h.find(function (b) {
+        return b.value === v;
+      });
+      if (!p) return 1; // break
+      g.push(p), h = (o = p.children) != null ? o : [];
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      if (_loop2()) break;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return g;
+}
+function re(_ref2) {
+  var s = _ref2.data,
+    _ref2$value = _ref2.value,
+    e = _ref2$value === void 0 ? [] : _ref2$value,
+    o = _ref2.onChange,
+    _ref2$placeholder = _ref2.placeholder,
+    g = _ref2$placeholder === void 0 ? "请选择分类" : _ref2$placeholder,
+    _ref2$disabled = _ref2.disabled,
+    h = _ref2$disabled === void 0 ? !1 : _ref2$disabled,
+    _ref2$maxVisible = _ref2.maxVisible,
+    v = _ref2$maxVisible === void 0 ? 6 : _ref2$maxVisible,
+    p = _ref2.className,
+    b = _ref2.style,
+    y = _ref2.getPopupContainer,
+    x = _ref2.dropdownStyle;
+  var _c$useState5 = c.useState(!1),
+    _c$useState6 = _slicedToArray(_c$useState5, 2),
+    d = _c$useState6[0],
+    f = _c$useState6[1],
+    _c$useState7 = c.useState(e),
+    _c$useState8 = _slicedToArray(_c$useState7, 2),
+    m = _c$useState8[0],
+    R = _c$useState8[1],
+    w = c.useRef(null),
+    j = c.useRef(null),
+    _ = c.useRef(null),
+    T = c.useRef(!1),
+    _c$useState9 = c.useState({}),
+    _c$useState0 = _slicedToArray(_c$useState9, 2),
+    Z = _c$useState0[0],
+    D = _c$useState0[1],
+    _c$useState1 = c.useState(),
+    _c$useState10 = _slicedToArray(_c$useState1, 2),
+    E = _c$useState10[0],
+    I = _c$useState10[1],
+    C = c.useCallback(function () {
+      var u, r;
+      if (!w.current) return;
+      var a = w.current.getBoundingClientRect();
+      var l = 0,
+        t = w.current.parentElement;
+      for (; t && t !== document.documentElement;) {
+        var S = parseInt(window.getComputedStyle(t).zIndex, 10);
+        if (!isNaN(S) && S > l && (l = S), t.parentElement) {
+          var _iterator3 = _createForOfIteratorHelper(t.parentElement.children),
+            _step3;
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              var P = _step3.value;
+              if (P === t || !(P instanceof HTMLElement)) continue;
+              var M = parseInt(window.getComputedStyle(P).zIndex, 10);
+              !isNaN(M) && M > l && (l = M);
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
+          }
+        }
+        t = t.parentElement;
+      }
+      var i = (r = (u = _.current) == null ? void 0 : u.offsetHeight) != null ? r : 0,
+        L = window.innerHeight - a.bottom,
+        O = a.top,
+        N = i > 0 && L < i + 4 && O > L;
+      D(ee({
+        position: "fixed",
+        top: N ? a.top - i - 4 : a.bottom + 4,
+        left: a.left,
+        zIndex: l > 0 ? l + 10 : 1100
+      }, x));
+    }, [x]);
+  c.useLayoutEffect(function () {
+    d && C();
+  }, [d, m, C]), c.useLayoutEffect(function () {
+    var u = d && !T.current;
+    if (T.current = d, !d || !_.current) return;
+    var r = _.current.querySelectorAll(".bu-category-dropdown__col");
+    r.forEach(function (t) {
+      t.style.width = "";
+    });
+    var a = 0;
+    r.forEach(function (t) {
+      t.offsetWidth > a && (a = t.offsetWidth);
+    });
+    var l = u ? a : Math.max(E != null ? E : 0, a);
+    r.forEach(function (t) {
+      t.style.width = l ? "".concat(l, "px") : "";
+    }), l !== E && I(l || void 0);
+  }, [d, m]), c.useEffect(function () {
+    if (!d) return;
+    function u(a) {
+      var l, t;
+      var i = a.target;
+      (l = w.current) != null && l.contains(i) || (t = j.current) != null && t.contains(i) || f(!1);
+    }
+    function r() {
+      f(!1);
+    }
+    return document.addEventListener("mousedown", u), document.addEventListener("scroll", r, !0), window.addEventListener("resize", C), function () {
+      document.removeEventListener("mousedown", u), document.removeEventListener("scroll", r, !0), window.removeEventListener("resize", C);
+    };
+  }, [d, C]);
+  var W = A(s, e),
+    B = W.length > 0,
+    q = B ? W.map(function (u) {
+      return u.label;
+    }).join(" / ") : null,
+    z = oe(s, m);
+  function F(u, r) {
+    var a;
+    if (r.disabled) return;
+    var l = m.slice(0, u + 1);
+    if (l[u] = r.value, R(l), !((a = r.children) != null && a.length)) {
+      var t = A(s, l);
+      o == null || o(l, t), f(!1);
+    }
+  }
+  function G() {
+    R(e), f(!0);
+  }
+  var J = ["bu-category-dropdown__trigger", d ? "bu-category-dropdown__trigger--open" : "", B ? "bu-category-dropdown__trigger--has-value" : ""].filter(Boolean).join(" ");
+  return n.jsxs("div", {
+    ref: w,
+    className: "bu-category-dropdown".concat(p ? " ".concat(p) : ""),
+    style: b,
+    children: [n.jsx("button", {
+      type: "button",
+      className: J,
+      disabled: h,
+      onClick: function onClick() {
+        return d ? f(!1) : G();
+      },
+      children: n.jsx($, {
+        text: q != null ? q : g,
+        spanClassName: "bu-category-dropdown__trigger-label".concat(B ? "" : " bu-category-dropdown__trigger-label--placeholder"),
+        wrapperStyle: {
+          flex: 1,
+          minWidth: 0,
+          display: "flex",
+          alignItems: "center",
+          gap: 8
+        },
+        getPopupContainer: y,
+        trailing: n.jsx("span", {
+          className: "bu-category-dropdown__trigger-chevron".concat(d ? " bu-category-dropdown__trigger-chevron--open" : ""),
+          children: n.jsx(te, {})
+        })
+      })
+    }), d && H.createPortal(n.jsx("div", {
+      ref: j,
+      style: Z,
+      className: "bu-category-dropdown__portal",
+      children: n.jsx("div", {
+        className: "bu-category-dropdown__panel",
+        ref: _,
+        children: z.map(function (u, r) {
+          var a = u.length > v,
+            l = r === z.length - 1,
+            t = ["bu-category-dropdown__col", r > 0 ? "bu-category-dropdown__col--indent" : "", a ? "bu-category-dropdown__col--scrollable" : "", l && r > 0 ? "bu-category-dropdown__col--last" : ""].filter(Boolean).join(" ");
+          return n.jsxs("div", {
+            style: {
+              display: "contents"
+            },
+            children: [r > 0 && n.jsx("div", {
+              className: "bu-category-dropdown__divider"
+            }), n.jsx("div", {
+              className: t,
+              style: E ? {
+                width: E
+              } : void 0,
+              onMouseEnter: a ? function (i) {
+                return i.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible");
+              } : void 0,
+              onMouseLeave: a ? function (i) {
+                return i.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible");
+              } : void 0,
+              children: u.map(function (i) {
+                var L;
+                var O = m[r] === i.value,
+                  N = !!((L = i.children) != null && L.length),
+                  S = ["bu-category-dropdown__item", O && N ? "bu-category-dropdown__item--selected-branch" : "", O && !N ? "bu-category-dropdown__item--selected-leaf" : "", i.disabled ? "bu-category-dropdown__item--disabled" : ""].filter(Boolean).join(" ");
+                return n.jsxs("button", {
+                  type: "button",
+                  className: S,
+                  disabled: i.disabled,
+                  onClick: function onClick() {
+                    return F(r, i);
+                  },
+                  children: [n.jsx($, {
+                    text: i.label,
+                    spanClassName: "bu-category-dropdown__item-label",
+                    wrapperStyle: {
+                      flex: 1,
+                      minWidth: 0,
+                      display: "block"
+                    },
+                    getPopupContainer: y
+                  }), N && n.jsx("span", {
+                    className: "bu-category-dropdown__item-arrow",
+                    children: n.jsx(ne, {})
+                  })]
+                }, i.value);
+              })
+            })]
+          }, r);
+        })
+      })
+    }), document.body)]
+  });
+}
+module.exports = re;