bj-web-components 0.2.34 → 0.2.35

package/dist/web/ProductField/ProductField.js

@@ -1 +1,443 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),ne=require("react-dom");;/* empty css                   */const ce=require("./no_data_light.svg.js"),B=require("./arrow-up.svg.js"),oe=require("./sort.svg.js"),ie=require("./search.svg.js"),ae=require("./checkbox-no.svg.js"),ue=require("./checkbox-ok.svg.js");function Z({size:u=20}){return t.jsx("svg",{width:u,height:u,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z",fill:"currentColor"})})}function le({options:u=[],value:a=[],onChange:o,placeholder:R="请选择",emptyText:D="暂无产品数据",onManageField:I,multiple:d=!0,showSearch:E=!0,showSort:q=!0,addButtonText:y,onAdd:U,labels:s,className:H,style:G,getPopupContainer:x}){const J=(s==null?void 0:s.searchPlaceholder)??"搜索",K=(s==null?void 0:s.sortDefault)??"默认顺序",Q=(s==null?void 0:s.sortAsc)??"名称A-Z",V=(s==null?void 0:s.sortDesc)??"名称Z-A",O=(s==null?void 0:s.noMatchText)??"暂无选项",W=(s==null?void 0:s.manageFieldPre)??"请前往",Y=(s==null?void 0:s.manageFieldLink)??"管理字段",ee=(s==null?void 0:s.manageFieldPost)??"添加",[f,C]=c.useState(!1),[j,M]=c.useState(""),[p,F]=c.useState("none"),[w,N]=c.useState(!1),m=c.useRef(null),b=c.useRef(null),P=c.useRef(null),[v,te]=c.useState({top:0,left:0,width:0}),l=c.useCallback(()=>{if(!m.current)return;const e=m.current.getBoundingClientRect();te({top:e.bottom+4,left:e.left,width:e.width})},[]);c.useLayoutEffect(()=>{f&&l()},[f,l]),c.useEffect(()=>{if(!f)return;const e=r=>{var i,g;const n=r.target;(i=P.current)!=null&&i.contains(n)||(g=m.current)!=null&&g.contains(n)||L()};return document.addEventListener("mousedown",e),window.addEventListener("scroll",l,!0),window.addEventListener("resize",l),()=>{document.removeEventListener("mousedown",e),window.removeEventListener("scroll",l,!0),window.removeEventListener("resize",l)}},[f,l]),c.useEffect(()=>{if(!w)return;const e=r=>{b.current&&!b.current.contains(r.target)&&N(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[w]);const S=c.useRef(null),$=c.useRef(null),h=c.useRef({dragging:!1,startX:0,scrollLeft:0,target:null}),T=c.useCallback(e=>({onMouseDown:r=>{const n=e.current;n&&(h.current={dragging:!0,startX:r.clientX,scrollLeft:n.scrollLeft,target:n})},onMouseMove:r=>{const{dragging:n,startX:i,scrollLeft:g,target:A}=h.current;!n||!A||(r.preventDefault(),A.scrollLeft=g-(r.clientX-i))},onMouseUp:()=>{h.current.dragging=!1},onMouseLeave:()=>{h.current.dragging=!1}}),[]);function se(e){if(!d){o==null||o(a.includes(e)?[]:[e]),a.includes(e)||L();return}const r=a.includes(e)?a.filter(n=>n!==e):[...a,e];o==null||o(r)}function X(e){o==null||o(a.filter(r=>r!==e))}function L(){C(!1),M(""),F("none")}function re(e){F(e),N(!1)}const z=c.useMemo(()=>{let e=u.filter(n=>(n.searchText??(typeof n.label=="string"?n.label:"")).toLowerCase().includes(j.toLowerCase()));const r=n=>n.searchText??(typeof n.label=="string"?n.label:"");return p==="asc"&&(e=[...e].sort((n,i)=>r(n).localeCompare(r(i)))),p==="desc"&&(e=[...e].sort((n,i)=>r(i).localeCompare(r(n)))),e},[u,j,p]),_=u.filter(e=>a.includes(e.value)),k=u.length>0;return t.jsxs("div",{ref:m,className:["bu-pf",H].filter(Boolean).join(" "),style:G,children:[!f&&t.jsxs("div",{className:`bu-pf__trigger${_.length>0?" bu-pf__trigger--selected":""}`,onClick:()=>C(!0),children:[_.length>0?t.jsx("div",{className:"bu-pf__trigger-tags",ref:$,...T($),children:_.map(e=>t.jsxs("span",{className:`bu-pf__tag${d?"":" bu-pf__tag--single"}`,children:[t.jsx("span",{className:"bu-pf__tag-text",children:e.label}),t.jsx("button",{type:"button",className:"bu-pf__tag-close",onClick:r=>{r.stopPropagation(),X(e.value)},children:t.jsx(Z,{size:12})})]},e.value))}):t.jsx("span",{className:"bu-pf__placeholder",children:R}),t.jsx("span",{className:"bu-pf__arrow",children:t.jsx("img",{src:B,width:24,height:24,alt:""})})]}),f&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"bu-pf__panel",children:t.jsxs("div",{className:"bu-pf__header",children:[t.jsx("div",{className:"bu-pf__tags",ref:S,...T(S),children:_.length>0?_.map(e=>t.jsxs("span",{className:`bu-pf__tag${d?"":" bu-pf__tag--single"}`,children:[t.jsx("span",{className:"bu-pf__tag-text",children:e.label}),t.jsx("button",{type:"button",className:"bu-pf__tag-close",onClick:()=>X(e.value),children:t.jsx(Z,{size:12})})]},e.value)):t.jsx("span",{className:"bu-pf__placeholder-inline",children:R})}),t.jsx("button",{type:"button",className:"bu-pf__close",onClick:L,children:t.jsx("img",{src:B,width:24,height:24,alt:""})})]})}),ne.createPortal(t.jsx("div",{ref:P,className:"bu-pf__portal",style:{position:"fixed",top:v.top,left:v.left,width:v.width,zIndex:1050},children:t.jsxs("div",{className:"bu-pf__dropdown",children:[(E||q)&&t.jsxs("div",{className:"bu-pf__toolbar",children:[E&&t.jsxs("div",{className:"bu-pf__search",children:[t.jsx("span",{className:"bu-pf__search-icon",children:t.jsx("img",{src:ie,width:20,height:20,alt:""})}),t.jsx("input",{className:"bu-pf__search-input",placeholder:J,value:j,onChange:e=>M(e.target.value)})]}),q&&t.jsxs("div",{ref:b,className:"bu-pf__sort-wrap",children:[t.jsx("button",{type:"button",className:`bu-pf__sort-btn${p!=="none"?" bu-pf__sort-btn--active":""}`,onClick:()=>N(e=>!e),children:t.jsx("img",{src:oe,width:24,height:24,alt:""})}),w&&t.jsx("div",{className:"bu-pf__sort-dropdown",children:[{key:"none",label:K},{key:"asc",label:Q},{key:"desc",label:V}].map(({key:e,label:r})=>t.jsx("div",{className:`bu-pf__sort-option${p===e?" bu-pf__sort-option--active":""}`,onClick:()=>re(e),children:r},e))})]})]}),t.jsx("div",{className:"bu-pf__list",children:k&&z.length>0?z.map(e=>{const r=a.includes(e.value);return t.jsxs("div",{className:`bu-pf__option${d?" bu-pf__option--multiple":""}${r&&!d?" bu-pf__option--selected":""}`,onClick:()=>se(e.value),children:[d&&t.jsx("img",{className:"bu-pf__checkbox-img",src:r?ue:ae,alt:""}),t.jsx("span",{className:"bu-pf__option-label",children:e.label})]},e.value)}):t.jsxs("div",{className:"bu-pf__no-match",children:[t.jsx("img",{className:"bu-pf__no-match-img",src:ce,alt:k?O:D}),t.jsx("p",{className:"bu-pf__no-match-text",children:k?O:D}),t.jsxs("p",{className:"bu-pf__no-match-hint",children:[W,t.jsx("button",{type:"button",className:"bu-pf__manage-btn",onClick:I,children:Y}),ee]})]})}),y&&t.jsx("div",{className:"bu-pf__add-row",onClick:U,children:y})]})}),(x==null?void 0:x())??document.body)]})]})}module.exports=le;
+"use strict";
+
+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 _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 t = require("react/jsx-runtime"),
+  c = require("react"),
+  me = require("react-dom");
+; /* empty css                   */
+var be = require("./no_data_light.svg.js"),
+  Q = require("./arrow-up.svg.js"),
+  ve = require("./sort.svg.js"),
+  xe = require("./search.svg.js"),
+  je = require("./checkbox-no.svg.js"),
+  we = require("./checkbox-ok.svg.js");
+var Ne = Object.defineProperty,
+  Le = Object.defineProperties,
+  Pe = Object.getOwnPropertyDescriptors,
+  W = Object.getOwnPropertySymbols,
+  Oe = Object.prototype.hasOwnProperty,
+  Ce = Object.prototype.propertyIsEnumerable,
+  Y = function Y(o, n, l) {
+    return n in o ? Ne(o, n, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: l
+    }) : o[n] = l;
+  },
+  ee = function ee(o, n) {
+    for (var l in n || (n = {})) Oe.call(n, l) && Y(o, l, n[l]);
+    if (W) {
+      var _iterator = _createForOfIteratorHelper(W(n)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var l = _step.value;
+          Ce.call(n, l) && Y(o, l, n[l]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return o;
+  },
+  te = function te(o, n) {
+    return Le(o, Pe(n));
+  };
+function se(_ref) {
+  var _ref$size = _ref.size,
+    o = _ref$size === void 0 ? 20 : _ref$size;
+  return t.jsx("svg", {
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: t.jsx("path", {
+      d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z",
+      fill: "currentColor"
+    })
+  });
+}
+function ke(_ref2) {
+  var _ref2$options = _ref2.options,
+    o = _ref2$options === void 0 ? [] : _ref2$options,
+    _ref2$value = _ref2.value,
+    n = _ref2$value === void 0 ? [] : _ref2$value,
+    l = _ref2.onChange,
+    _ref2$placeholder = _ref2.placeholder,
+    P = _ref2$placeholder === void 0 ? "请选择" : _ref2$placeholder,
+    _ref2$emptyText = _ref2.emptyText,
+    O = _ref2$emptyText === void 0 ? "暂无产品数据" : _ref2$emptyText,
+    ne = _ref2.onManageField,
+    _ref2$multiple = _ref2.multiple,
+    d = _ref2$multiple === void 0 ? !0 : _ref2$multiple,
+    _ref2$showSearch = _ref2.showSearch,
+    C = _ref2$showSearch === void 0 ? !0 : _ref2$showSearch,
+    _ref2$showSort = _ref2.showSort,
+    k = _ref2$showSort === void 0 ? !0 : _ref2$showSort,
+    y = _ref2.addButtonText,
+    re = _ref2.onAdd,
+    a = _ref2.labels,
+    oe = _ref2.className,
+    le = _ref2.style,
+    D = _ref2.getPopupContainer;
+  var E, R, q, S, M, F, $, T, X;
+  var ce = (E = a == null ? void 0 : a.searchPlaceholder) != null ? E : "搜索",
+    ae = (R = a == null ? void 0 : a.sortDefault) != null ? R : "默认顺序",
+    ie = (q = a == null ? void 0 : a.sortAsc) != null ? q : "名称A-Z",
+    ue = (S = a == null ? void 0 : a.sortDesc) != null ? S : "名称Z-A",
+    z = (M = a == null ? void 0 : a.noMatchText) != null ? M : "暂无选项",
+    de = (F = a == null ? void 0 : a.manageFieldPre) != null ? F : "请前往",
+    fe = ($ = a == null ? void 0 : a.manageFieldLink) != null ? $ : "管理字段",
+    _e = (T = a == null ? void 0 : a.manageFieldPost) != null ? T : "添加",
+    _c$useState = c.useState(!1),
+    _c$useState2 = _slicedToArray(_c$useState, 2),
+    f = _c$useState2[0],
+    A = _c$useState2[1],
+    _c$useState3 = c.useState(""),
+    _c$useState4 = _slicedToArray(_c$useState3, 2),
+    b = _c$useState4[0],
+    B = _c$useState4[1],
+    _c$useState5 = c.useState("none"),
+    _c$useState6 = _slicedToArray(_c$useState5, 2),
+    _ = _c$useState6[0],
+    I = _c$useState6[1],
+    _c$useState7 = c.useState(!1),
+    _c$useState8 = _slicedToArray(_c$useState7, 2),
+    v = _c$useState8[0],
+    x = _c$useState8[1],
+    g = c.useRef(null),
+    j = c.useRef(null),
+    Z = c.useRef(null),
+    _c$useState9 = c.useState({
+      top: 0,
+      left: 0,
+      width: 0
+    }),
+    _c$useState0 = _slicedToArray(_c$useState9, 2),
+    w = _c$useState0[0],
+    pe = _c$useState0[1],
+    u = c.useCallback(function () {
+      if (!g.current) return;
+      var e = g.current.getBoundingClientRect();
+      pe({
+        top: e.bottom + 4,
+        left: e.left,
+        width: e.width
+      });
+    }, []);
+  c.useLayoutEffect(function () {
+    f && u();
+  }, [f, u]), c.useEffect(function () {
+    if (!f) return;
+    var e = function e(s) {
+      var r, i;
+      var h = s.target;
+      (r = Z.current) != null && r.contains(h) || (i = g.current) != null && i.contains(h) || N();
+    };
+    return document.addEventListener("mousedown", e), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), function () {
+      document.removeEventListener("mousedown", e), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    };
+  }, [f, u]), c.useEffect(function () {
+    if (!v) return;
+    var e = function e(s) {
+      j.current && !j.current.contains(s.target) && x(!1);
+    };
+    return document.addEventListener("mousedown", e), function () {
+      return document.removeEventListener("mousedown", e);
+    };
+  }, [v]);
+  var U = c.useRef(null),
+    H = c.useRef(null),
+    m = c.useRef({
+      dragging: !1,
+      startX: 0,
+      scrollLeft: 0,
+      target: null
+    }),
+    V = c.useCallback(function (e) {
+      return {
+        onMouseDown: function onMouseDown(s) {
+          var r = e.current;
+          r && (m.current = {
+            dragging: !0,
+            startX: s.clientX,
+            scrollLeft: r.scrollLeft,
+            target: r
+          });
+        },
+        onMouseMove: function onMouseMove(s) {
+          var _m$current = m.current,
+            r = _m$current.dragging,
+            i = _m$current.startX,
+            h = _m$current.scrollLeft,
+            K = _m$current.target;
+          !r || !K || (s.preventDefault(), K.scrollLeft = h - (s.clientX - i));
+        },
+        onMouseUp: function onMouseUp() {
+          m.current.dragging = !1;
+        },
+        onMouseLeave: function onMouseLeave() {
+          m.current.dragging = !1;
+        }
+      };
+    }, []);
+  function he(e) {
+    if (!d) {
+      l == null || l(n.includes(e) ? [] : [e]), n.includes(e) || N();
+      return;
+    }
+    var s = n.includes(e) ? n.filter(function (r) {
+      return r !== e;
+    }) : [].concat(_toConsumableArray(n), [e]);
+    l == null || l(s);
+  }
+  function G(e) {
+    l == null || l(n.filter(function (s) {
+      return s !== e;
+    }));
+  }
+  function N() {
+    A(!1), B(""), I("none");
+  }
+  function ge(e) {
+    I(e), x(!1);
+  }
+  var J = c.useMemo(function () {
+      var e = o.filter(function (r) {
+        var i;
+        return ((i = r.searchText) != null ? i : typeof r.label == "string" ? r.label : "").toLowerCase().includes(b.toLowerCase());
+      });
+      var s = function s(r) {
+        var i;
+        return (i = r.searchText) != null ? i : typeof r.label == "string" ? r.label : "";
+      };
+      return _ === "asc" && (e = _toConsumableArray(e).sort(function (r, i) {
+        return s(r).localeCompare(s(i));
+      })), _ === "desc" && (e = _toConsumableArray(e).sort(function (r, i) {
+        return s(i).localeCompare(s(r));
+      })), e;
+    }, [o, b, _]),
+    p = o.filter(function (e) {
+      return n.includes(e.value);
+    }),
+    L = o.length > 0;
+  return t.jsxs("div", {
+    ref: g,
+    className: ["bu-pf", oe].filter(Boolean).join(" "),
+    style: le,
+    children: [!f && t.jsxs("div", {
+      className: "bu-pf__trigger".concat(p.length > 0 ? " bu-pf__trigger--selected" : ""),
+      onClick: function onClick() {
+        return A(!0);
+      },
+      children: [p.length > 0 ? t.jsx("div", te(ee({
+        className: "bu-pf__trigger-tags",
+        ref: H
+      }, V(H)), {
+        children: p.map(function (e) {
+          return t.jsxs("span", {
+            className: "bu-pf__tag".concat(d ? "" : " bu-pf__tag--single"),
+            children: [t.jsx("span", {
+              className: "bu-pf__tag-text",
+              children: e.label
+            }), t.jsx("button", {
+              type: "button",
+              className: "bu-pf__tag-close",
+              onClick: function onClick(s) {
+                s.stopPropagation(), G(e.value);
+              },
+              children: t.jsx(se, {
+                size: 12
+              })
+            })]
+          }, e.value);
+        })
+      })) : t.jsx("span", {
+        className: "bu-pf__placeholder",
+        children: P
+      }), t.jsx("span", {
+        className: "bu-pf__arrow",
+        children: t.jsx("img", {
+          src: Q,
+          width: 24,
+          height: 24,
+          alt: ""
+        })
+      })]
+    }), f && t.jsxs(t.Fragment, {
+      children: [t.jsx("div", {
+        className: "bu-pf__panel",
+        children: t.jsxs("div", {
+          className: "bu-pf__header",
+          children: [t.jsx("div", te(ee({
+            className: "bu-pf__tags",
+            ref: U
+          }, V(U)), {
+            children: p.length > 0 ? p.map(function (e) {
+              return t.jsxs("span", {
+                className: "bu-pf__tag".concat(d ? "" : " bu-pf__tag--single"),
+                children: [t.jsx("span", {
+                  className: "bu-pf__tag-text",
+                  children: e.label
+                }), t.jsx("button", {
+                  type: "button",
+                  className: "bu-pf__tag-close",
+                  onClick: function onClick() {
+                    return G(e.value);
+                  },
+                  children: t.jsx(se, {
+                    size: 12
+                  })
+                })]
+              }, e.value);
+            }) : t.jsx("span", {
+              className: "bu-pf__placeholder-inline",
+              children: P
+            })
+          })), t.jsx("button", {
+            type: "button",
+            className: "bu-pf__close",
+            onClick: N,
+            children: t.jsx("img", {
+              src: Q,
+              width: 24,
+              height: 24,
+              alt: ""
+            })
+          })]
+        })
+      }), me.createPortal(t.jsx("div", {
+        ref: Z,
+        className: "bu-pf__portal",
+        style: {
+          position: "fixed",
+          top: w.top,
+          left: w.left,
+          width: w.width,
+          zIndex: 1050
+        },
+        children: t.jsxs("div", {
+          className: "bu-pf__dropdown",
+          children: [(C || k) && t.jsxs("div", {
+            className: "bu-pf__toolbar",
+            children: [C && t.jsxs("div", {
+              className: "bu-pf__search",
+              children: [t.jsx("span", {
+                className: "bu-pf__search-icon",
+                children: t.jsx("img", {
+                  src: xe,
+                  width: 20,
+                  height: 20,
+                  alt: ""
+                })
+              }), t.jsx("input", {
+                className: "bu-pf__search-input",
+                placeholder: ce,
+                value: b,
+                onChange: function onChange(e) {
+                  return B(e.target.value);
+                }
+              })]
+            }), k && t.jsxs("div", {
+              ref: j,
+              className: "bu-pf__sort-wrap",
+              children: [t.jsx("button", {
+                type: "button",
+                className: "bu-pf__sort-btn".concat(_ !== "none" ? " bu-pf__sort-btn--active" : ""),
+                onClick: function onClick() {
+                  return x(function (e) {
+                    return !e;
+                  });
+                },
+                children: t.jsx("img", {
+                  src: ve,
+                  width: 24,
+                  height: 24,
+                  alt: ""
+                })
+              }), v && t.jsx("div", {
+                className: "bu-pf__sort-dropdown",
+                children: [{
+                  key: "none",
+                  label: ae
+                }, {
+                  key: "asc",
+                  label: ie
+                }, {
+                  key: "desc",
+                  label: ue
+                }].map(function (_ref3) {
+                  var e = _ref3.key,
+                    s = _ref3.label;
+                  return t.jsx("div", {
+                    className: "bu-pf__sort-option".concat(_ === e ? " bu-pf__sort-option--active" : ""),
+                    onClick: function onClick() {
+                      return ge(e);
+                    },
+                    children: s
+                  }, e);
+                })
+              })]
+            })]
+          }), t.jsx("div", {
+            className: "bu-pf__list",
+            children: L && J.length > 0 ? J.map(function (e) {
+              var s = n.includes(e.value);
+              return t.jsxs("div", {
+                className: "bu-pf__option".concat(d ? " bu-pf__option--multiple" : "").concat(s && !d ? " bu-pf__option--selected" : ""),
+                onClick: function onClick() {
+                  return he(e.value);
+                },
+                children: [d && t.jsx("img", {
+                  className: "bu-pf__checkbox-img",
+                  src: s ? we : je,
+                  alt: ""
+                }), t.jsx("span", {
+                  className: "bu-pf__option-label",
+                  children: e.label
+                })]
+              }, e.value);
+            }) : t.jsxs("div", {
+              className: "bu-pf__no-match",
+              children: [t.jsx("img", {
+                className: "bu-pf__no-match-img",
+                src: be,
+                alt: L ? z : O
+              }), t.jsx("p", {
+                className: "bu-pf__no-match-text",
+                children: L ? z : O
+              }), t.jsxs("p", {
+                className: "bu-pf__no-match-hint",
+                children: [de, t.jsx("button", {
+                  type: "button",
+                  className: "bu-pf__manage-btn",
+                  onClick: ne,
+                  children: fe
+                }), _e]
+              })]
+            })
+          }), y && t.jsx("div", {
+            className: "bu-pf__add-row",
+            onClick: re,
+            children: y
+          })]
+        })
+      }), (X = D == null ? void 0 : D()) != null ? X : document.body)]
+    })]
+  });
+}
+module.exports = ke;