tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/UserPicker/UserPicker.js

@@ -1,16 +1,14 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, createVNode, unref, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import ListMode from "./components/ListMode/ListMode.js";
-import SearchBar from "./components/SearchBar/SearchBar.js";
-import SelectedPanel from "./components/SelectedPanel/SelectedPanel.js";
-import TreeMode from "./components/TreeMode/TreeMode.js";
-import { useSearchFilter } from "./hooks/useSearchFilter.js";
-import { useSelection } from "./hooks/useSelection.js";
-import { useTreeState } from "./hooks/useTreeState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["data-display-mode"];
-const _hoisted_2 = ["data-display-mode"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as K, computed as p, ref as N, watch as P, createElementBlock as _, openBlock as u, normalizeClass as f, createBlock as h, createCommentVNode as T, createElementVNode as D, createVNode as B, unref as e, toDisplayString as L } from "vue";
+import { useUIKit as U } from "@tencentcloud/uikit-base-component-vue3";
+import A from "./components/ListMode/ListMode.js";
+import V from "./components/SearchBar/SearchBar.js";
+import $ from "./components/SelectedPanel/SelectedPanel.js";
+import b from "./components/TreeMode/TreeMode.js";
+import { useSearchFilter as w } from "./hooks/useSearchFilter.js";
+import { useSelection as z } from "./hooks/useSelection.js";
+import { useTreeState as O } from "./hooks/useTreeState.js";
+import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const J = ["data-display-mode"], R = ["data-display-mode"], Y = /* @__PURE__ */ K({
   __name: "UserPicker",
   props: {
     displayMode: {},
@@ -20,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxCount: { default: Number.POSITIVE_INFINITY },
     minCount: { default: 0 },
     onMaxCountExceed: {},
-    enableSearch: { type: Boolean, default: true },
+    enableSearch: { type: Boolean, default: !0 },
     searchPlaceholder: {},
     onSearch: {},
     renderItem: {},
@@ -28,160 +26,124 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onReachEnd: {},
     onExpand: {}
   },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { t } = useUIKit();
-    const isTreeMode = computed(() => props.displayMode === "tree");
-    const internalDataSource = ref(props.dataSource);
-    const defaultSelectedKeys = computed(() => props.defaultSelectedItems.map((item) => item.key));
-    const lockedKeys = computed(() => props.lockedItems.map((item) => item.key));
-    const selectionManager = useSelection({
-      defaultSelectedKeys: defaultSelectedKeys.value,
-      lockedKeys: lockedKeys.value,
-      maxCount: props.maxCount,
-      minCount: props.minCount,
-      isTreeMode: isTreeMode.value,
-      dataSource: internalDataSource,
-      onSelectedChange: props.onSelectedChange || (() => {
+  setup(o, { expose: M }) {
+    const a = o, { t: S } = U(), c = p(() => a.displayMode === "tree"), d = N(a.dataSource), C = p(() => a.defaultSelectedItems.map((t) => t.key)), I = p(() => a.lockedItems.map((t) => t.key)), l = z({
+      defaultSelectedKeys: C.value,
+      lockedKeys: I.value,
+      maxCount: a.maxCount,
+      minCount: a.minCount,
+      isTreeMode: c.value,
+      dataSource: d,
+      onSelectedChange: a.onSelectedChange || (() => {
       }),
-      onMaxCountExceed: props.onMaxCountExceed || (() => {
+      onMaxCountExceed: a.onMaxCountExceed || (() => {
       })
-    });
-    const searchManager = useSearchFilter({
-      dataSource: internalDataSource,
-      isTreeMode: isTreeMode.value,
-      onSearch: props.onSearch || (() => {
+    }), i = w({
+      dataSource: d,
+      isTreeMode: c.value,
+      onSearch: a.onSearch || (() => {
       })
-    });
-    const treeStateManager = useTreeState({
-      onExpand: (node) => {
-        if (props.onExpand) {
-          props.onExpand(node);
-        }
+    }), m = O({
+      onExpand: (t) => {
+        a.onExpand && a.onExpand(t);
       }
     });
-    watch(
-      () => props.dataSource,
-      (newDataSource) => {
-        if (!isTreeMode.value) {
-          internalDataSource.value = newDataSource;
-        }
+    P(
+      () => a.dataSource,
+      (t) => {
+        c.value || (d.value = t);
       },
-      { deep: true }
+      { deep: !0 }
     );
-    const updateNodeByKey = (nodeKey, partialNode) => {
-      if (!isTreeMode.value) {
+    const E = (t, n) => {
+      if (!c.value)
         return;
-      }
-      const newData = JSON.parse(JSON.stringify(internalDataSource.value));
-      const updateNode = (nodes) => {
-        for (let i = 0; i < nodes.length; i += 1) {
-          if (nodes[i].key === nodeKey) {
-            const updatedNode = {
-              ...nodes[i],
+      const k = JSON.parse(JSON.stringify(d.value)), v = (r) => {
+        for (let s = 0; s < r.length; s += 1) {
+          if (r[s].key === t) {
+            const g = {
+              ...r[s],
               // Keep original properties
-              ...partialNode,
+              ...n,
               // Apply update properties
-              key: nodes[i].key
+              key: r[s].key
               // Ensure key is not overwritten
             };
-            if (partialNode.children && nodes[i].lazyLoad) {
-              updatedNode.lazyLoad = false;
-            }
-            const newNodes = [...nodes];
-            newNodes[i] = updatedNode;
-            nodes.splice(0, nodes.length, ...newNodes);
-            return true;
-          }
-          const { children } = nodes[i];
-          if (children && Array.isArray(children) && children.length > 0) {
-            if (updateNode(children)) {
-              return true;
-            }
+            n.children && r[s].lazyLoad && (g.lazyLoad = !1);
+            const x = [...r];
+            return x[s] = g, r.splice(0, r.length, ...x), !0;
           }
+          const { children: y } = r[s];
+          if (y && Array.isArray(y) && y.length > 0 && v(y))
+            return !0;
         }
-        return false;
+        return !1;
       };
-      if (Array.isArray(newData)) {
-        updateNode(newData);
-      }
-      internalDataSource.value = newData;
-      if (partialNode.children) {
-        treeStateManager.setNodeLoading(nodeKey, false);
-      }
+      Array.isArray(k) && v(k), d.value = k, n.children && m.setNodeLoading(t, !1);
     };
-    const refMethods = {
-      getSelectedItems: () => selectionManager.getSelectedItems(),
-      updateListData: (newDataSource) => {
-        if (!isTreeMode.value) {
-          internalDataSource.value = newDataSource;
-        }
+    return M({
+      getSelectedItems: () => l.getSelectedItems(),
+      updateListData: (t) => {
+        c.value || (d.value = t);
       },
-      updateTreeData: (nodeKey, partialNode) => {
-        updateNodeByKey(nodeKey, partialNode);
+      updateTreeData: (t, n) => {
+        E(t, n);
       }
-    };
-    __expose(refMethods);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style["user-picker"]),
-        "data-display-mode": _ctx.displayMode
+    }), (t, n) => (u(), _("div", {
+      class: f(t.$style["user-picker"]),
+      "data-display-mode": o.displayMode
+    }, [
+      o.enableSearch ? (u(), h(e(V), {
+        key: 0,
+        placeholder: o.searchPlaceholder || e(S)("UserPicker.search"),
+        "on-search": e(i).handleSearch
+      }, null, 8, ["placeholder", "on-search"])) : T("", !0),
+      D("div", {
+        class: f(t.$style["user-picker__panel"]),
+        "data-display-mode": o.displayMode
       }, [
-        _ctx.enableSearch ? (openBlock(), createBlock(unref(SearchBar), {
+        e(i).isSearchEmpty.value ? (u(), _("div", {
           key: 0,
-          placeholder: _ctx.searchPlaceholder || unref(t)("UserPicker.search"),
-          "on-search": unref(searchManager).handleSearch
-        }, null, 8, ["placeholder", "on-search"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["user-picker__panel"]),
-          "data-display-mode": _ctx.displayMode
-        }, [
-          unref(searchManager).isSearchEmpty.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style["empty-search"])
-          }, toDisplayString(unref(t)("UserPicker.no_result")), 3)) : !isTreeMode.value ? (openBlock(), createBlock(unref(ListMode), {
-            key: 1,
-            "data-source": unref(searchManager).filteredData.value,
-            "selected-keys": unref(selectionManager).selectedKeys.value,
-            "locked-keys": unref(selectionManager).lockedKeys.value,
-            "on-item-click": unref(selectionManager).toggle,
-            "on-reach-end": _ctx.onReachEnd || (() => {
-            }),
-            "render-item": _ctx.renderItem
-          }, null, 8, ["data-source", "selected-keys", "locked-keys", "on-item-click", "on-reach-end", "render-item"])) : (openBlock(), createBlock(unref(TreeMode), {
-            key: 2,
-            "data-source": unref(searchManager).filteredData.value,
-            "selected-keys": unref(selectionManager).selectedKeys.value,
-            "half-selected-keys": unref(selectionManager).halfSelectedKeys.value,
-            "locked-keys": unref(selectionManager).lockedKeys.value,
-            "expanded-keys": unref(treeStateManager).expandedKeys.value,
-            "loading-keys": unref(treeStateManager).loadingKeys.value,
-            "on-item-click": unref(selectionManager).toggle,
-            "on-expand": unref(treeStateManager).toggleExpand,
-            "render-item": _ctx.renderItem
-          }, null, 8, ["data-source", "selected-keys", "half-selected-keys", "locked-keys", "expanded-keys", "loading-keys", "on-item-click", "on-expand", "render-item"]))
-        ], 10, _hoisted_2),
-        createVNode(unref(SelectedPanel), {
-          "display-mode": _ctx.displayMode,
-          "selected-items": unref(selectionManager).getSelectedItems(),
-          "locked-keys": unref(selectionManager).lockedKeys.value,
-          "on-remove": unref(selectionManager).toggle,
-          "max-count": _ctx.maxCount
-        }, null, 8, ["display-mode", "selected-items", "locked-keys", "on-remove", "max-count"])
-      ], 10, _hoisted_1);
-    };
+          class: f(t.$style["empty-search"])
+        }, L(e(S)("UserPicker.no_result")), 3)) : c.value ? (u(), h(e(b), {
+          key: 2,
+          "data-source": e(i).filteredData.value,
+          "selected-keys": e(l).selectedKeys.value,
+          "half-selected-keys": e(l).halfSelectedKeys.value,
+          "locked-keys": e(l).lockedKeys.value,
+          "expanded-keys": e(m).expandedKeys.value,
+          "loading-keys": e(m).loadingKeys.value,
+          "on-item-click": e(l).toggle,
+          "on-expand": e(m).toggleExpand,
+          "render-item": o.renderItem
+        }, null, 8, ["data-source", "selected-keys", "half-selected-keys", "locked-keys", "expanded-keys", "loading-keys", "on-item-click", "on-expand", "render-item"])) : (u(), h(e(A), {
+          key: 1,
+          "data-source": e(i).filteredData.value,
+          "selected-keys": e(l).selectedKeys.value,
+          "locked-keys": e(l).lockedKeys.value,
+          "on-item-click": e(l).toggle,
+          "on-reach-end": o.onReachEnd || (() => {
+          }),
+          "render-item": o.renderItem
+        }, null, 8, ["data-source", "selected-keys", "locked-keys", "on-item-click", "on-reach-end", "render-item"]))
+      ], 10, R),
+      B(e($), {
+        "display-mode": o.displayMode,
+        "selected-items": e(l).getSelectedItems(),
+        "locked-keys": e(l).lockedKeys.value,
+        "on-remove": e(l).toggle,
+        "max-count": o.maxCount
+      }, null, 8, ["display-mode", "selected-items", "locked-keys", "on-remove", "max-count"])
+    ], 10, J));
   }
-});
-const style0 = {
-  "user-picker": "_user-picker_ud8xb_1",
-  "user-picker__panel": "_user-picker__panel_ud8xb_8",
-  "user-picker__empty-search": "_user-picker__empty-search_ud8xb_17",
-  "user-picker__selection-status": "_user-picker__selection-status_ud8xb_25"
-};
-const cssModules = {
-  "$style": style0
-};
-const UserPickerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}), j = {
+  "user-picker": "_user-picker_1mce7_1",
+  "user-picker__panel": "_user-picker__panel_1mce7_6",
+  "user-picker__empty-search": "_user-picker__empty-search_1mce7_15",
+  "user-picker__selection-status": "_user-picker__selection-status_1mce7_23"
+}, q = {
+  $style: j
+}, re = /* @__PURE__ */ F(Y, [["__cssModules", q]]);
 export {
-  UserPickerComponent as default
+  re as default
 };

package/dist/components/UserPicker/components/ListMode/ListMode.js

@@ -1,9 +1,8 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString, unref, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, createVNode } from "vue";
-import { useUIKit, IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../../Avatar/Avatar.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as b, createElementBlock as o, openBlock as l, normalizeClass as s, toDisplayString as m, unref as a, Fragment as v, renderList as w, createElementVNode as i, createBlock as y, createCommentVNode as $, resolveDynamicComponent as f, createVNode as C } from "vue";
+import { useUIKit as I, IconCheckSm as S } from "@tencentcloud/uikit-base-component-vue3";
+import E from "../../../Avatar/Avatar.js";
+import { _ as K } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = ["onClick"], M = /* @__PURE__ */ b({
   __name: "ListMode",
   props: {
     dataSource: {},
@@ -13,107 +12,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onReachEnd: { type: Function },
     renderItem: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const isSelected = (key) => props.selectedKeys.has(key);
-    const isLocked = (key) => props.lockedKeys.has(key);
-    const handleItemClick = (key) => {
-      if (!isLocked(key)) {
-        props.onItemClick(key);
-      }
-    };
-    const handleScroll = (e) => {
-      if (!props.onReachEnd) {
+  setup(_) {
+    const c = _, { t: h } = I(), n = (e) => c.selectedKeys.has(e), r = (e) => c.lockedKeys.has(e), p = (e) => {
+      r(e) || c.onItemClick(e);
+    }, u = (e) => {
+      if (!c.onReachEnd)
         return;
-      }
-      const target = e.currentTarget;
-      const { scrollTop, scrollHeight, clientHeight } = target;
-      if (scrollHeight - scrollTop - clientHeight < 50) {
-        props.onReachEnd();
-      }
+      const d = e.currentTarget, { scrollTop: t, scrollHeight: k, clientHeight: g } = d;
+      k - t - g < 50 && c.onReachEnd();
     };
-    return (_ctx, _cache) => {
-      return _ctx.dataSource.length === 0 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.$style.list__empty)
-      }, toDisplayString(unref(t)("UserPicker.no_data_available")), 3)) : (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: normalizeClass(_ctx.$style.list__container),
-        onScroll: handleScroll
+    return (e, d) => _.dataSource.length === 0 ? (l(), o("div", {
+      key: 0,
+      class: s(e.$style.list__empty)
+    }, m(a(h)("UserPicker.no_data_available")), 3)) : (l(), o("div", {
+      key: 1,
+      class: s(e.$style.list__container),
+      onScroll: u
+    }, [
+      (l(!0), o(v, null, w(_.dataSource, (t) => (l(), o("div", {
+        key: t.key
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataSource, (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.key
+        i("div", {
+          class: s([
+            e.$style.list__item,
+            {
+              [e.$style["list__item--selected"]]: n(t.key),
+              [e.$style["list__item--locked"]]: r(t.key)
+            }
+          ]),
+          onClick: (k) => p(t.key)
+        }, [
+          i("div", {
+            class: s(e.$style["list__checkbox-wrapper"])
           }, [
-            createElementVNode("div", {
-              class: normalizeClass([
-                _ctx.$style.list__item,
-                {
-                  [_ctx.$style["list__item--selected"]]: isSelected(item.key),
-                  [_ctx.$style["list__item--locked"]]: isLocked(item.key)
-                }
-              ]),
-              onClick: ($event) => handleItemClick(item.key)
+            i("div", {
+              class: s([e.$style.list__checkbox, { [e.$style["list__checkbox--checked"]]: n(t.key) }])
             }, [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["list__checkbox-wrapper"])
-              }, [
-                createElementVNode("div", {
-                  class: normalizeClass([_ctx.$style.list__checkbox, { [_ctx.$style["list__checkbox--checked"]]: isSelected(item.key) }])
-                }, [
-                  isSelected(item.key) ? (openBlock(), createBlock(unref(IconCheckSm), { key: 0 })) : createCommentVNode("", true)
-                ], 2)
-              ], 2),
-              _ctx.renderItem ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderItem), {
-                key: 0,
-                item
-              }, null, 8, ["item"])) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass(_ctx.$style.list__content)
-              }, [
-                createVNode(unref(Avatar), {
-                  src: item.avatarUrl || "",
-                  class: normalizeClass(_ctx.$style.list__avatar),
-                  alt: item.label
-                }, null, 8, ["src", "class", "alt"]),
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.$style.list__label)
-                }, toDisplayString(item.label), 3)
-              ], 2))
-            ], 10, _hoisted_1)
-          ]);
-        }), 128))
-      ], 34));
-    };
+              n(t.key) ? (l(), y(a(S), { key: 0 })) : $("", !0)
+            ], 2)
+          ], 2),
+          _.renderItem ? (l(), y(f(_.renderItem), {
+            key: 0,
+            item: t
+          }, null, 8, ["item"])) : (l(), o("div", {
+            key: 1,
+            class: s(e.$style.list__content)
+          }, [
+            C(a(E), {
+              src: t.avatarUrl || "",
+              class: s(e.$style.list__avatar),
+              alt: t.label
+            }, null, 8, ["src", "class", "alt"]),
+            i("span", {
+              class: s(e.$style.list__label)
+            }, m(t.label), 3)
+          ], 2))
+        ], 10, L)
+      ]))), 128))
+    ], 34));
   }
-});
-const list__container = "_list__container_101wg_1";
-const list__item = "_list__item_101wg_21";
-const list__checkbox = "_list__checkbox_101wg_42";
-const list__content = "_list__content_101wg_59";
-const list__avatar = "_list__avatar_101wg_65";
-const list__label = "_list__label_101wg_68";
-const list__empty = "_list__empty_101wg_84";
-const style0 = {
-  list__container,
-  list__item,
+}), B = "_list__container_101wg_1", F = "_list__item_101wg_21", N = "_list__checkbox_101wg_42", R = "_list__content_101wg_59", U = "_list__avatar_101wg_65", V = "_list__label_101wg_68", x = "_list__empty_101wg_84", D = {
+  list__container: B,
+  list__item: F,
   "list__item--selected": "_list__item--selected_101wg_32",
   "list__item--locked": "_list__item--locked_101wg_38",
   "list__checkbox-wrapper": "_list__checkbox-wrapper_101wg_42",
-  list__checkbox,
+  list__checkbox: N,
   "list__checkbox--checked": "_list__checkbox--checked_101wg_55",
-  list__content,
-  list__avatar,
-  list__label,
+  list__content: R,
+  list__avatar: U,
+  list__label: V,
   "list__load-more": "_list__load-more_101wg_76",
-  list__empty,
+  list__empty: x,
   "list__end-marker": "_list__end-marker_101wg_93"
-};
-const cssModules = {
-  "$style": style0
-};
-const ListMode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, H = {
+  $style: D
+}, j = /* @__PURE__ */ K(M, [["__cssModules", H]]);
 export {
-  ListMode as default
+  j as default
 };

package/dist/components/UserPicker/components/ListMode/index.js

@@ -1,4 +1,4 @@
-import ListMode from "./ListMode.js";
+import t from "./ListMode.js";
 export {
-  ListMode as default
+  t as default
 };

package/dist/components/UserPicker/components/SearchBar/SearchBar.js

@@ -1,71 +1,56 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, unref } from "vue";
-import { IconSearch, IconClose } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["placeholder", "value"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as p, ref as i, createElementBlock as d, openBlock as o, normalizeClass as a, createElementVNode as l, createVNode as m, createBlock as f, createCommentVNode as v, unref as t } from "vue";
+import { IconSearch as y, IconClose as C } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as g } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["placeholder", "value"], $ = /* @__PURE__ */ p({
   __name: "SearchBar",
   props: {
     placeholder: {},
     onSearch: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const value = ref("");
-    const handleChange = (e) => {
+  setup(s) {
+    const r = s, c = i(""), _ = (e) => {
       console.log("handleChange", e);
-      const target = e.target;
-      const newValue = target.value;
-      value.value = newValue;
-      props.onSearch(newValue);
+      const n = e.target.value;
+      c.value = n, r.onSearch(n);
+    }, h = () => {
+      c.value = "", r.onSearch("");
     };
-    const handleClear = () => {
-      value.value = "";
-      props.onSearch("");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style["search__bar"])
+    return (e, u) => (o(), d("div", {
+      class: a(e.$style.search__bar)
+    }, [
+      l("div", {
+        class: a(e.$style["search__input-wrapper"])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["search__input-wrapper"])
-        }, [
-          createVNode(unref(IconSearch), {
-            name: "search",
-            class: normalizeClass(_ctx.$style.search__icon)
-          }, null, 8, ["class"]),
-          createElementVNode("input", {
-            type: "text",
-            class: normalizeClass(_ctx.$style.search__input),
-            placeholder: _ctx.placeholder,
-            value: value.value,
-            onInput: handleChange
-          }, null, 42, _hoisted_1),
-          value.value ? (openBlock(), createBlock(unref(IconClose), {
-            key: 0,
-            name: "close",
-            class: normalizeClass(_ctx.$style["search__clear-icon"]),
-            size: "12px",
-            onClick: handleClear
-          }, null, 8, ["class"])) : createCommentVNode("", true)
-        ], 2)
-      ], 2);
-    };
+        m(t(y), {
+          name: "search",
+          class: a(e.$style.search__icon)
+        }, null, 8, ["class"]),
+        l("input", {
+          type: "text",
+          class: a(e.$style.search__input),
+          placeholder: s.placeholder,
+          value: c.value,
+          onInput: _
+        }, null, 42, S),
+        c.value ? (o(), f(t(C), {
+          key: 0,
+          name: "close",
+          class: a(e.$style["search__clear-icon"]),
+          size: "12px",
+          onClick: h
+        }, null, 8, ["class"])) : v("", !0)
+      ], 2)
+    ], 2));
   }
-});
-const search__bar = "_search__bar_ufjq9_1";
-const search__icon = "_search__icon_ufjq9_14";
-const search__input = "_search__input_ufjq9_4";
-const style0 = {
-  search__bar,
+}), j = "_search__bar_ufjq9_1", k = "_search__icon_ufjq9_14", q = "_search__input_ufjq9_4", B = {
+  search__bar: j,
   "search__input-wrapper": "_search__input-wrapper_ufjq9_4",
-  search__icon,
-  search__input,
+  search__icon: k,
+  search__input: q,
   "search__clear-icon": "_search__clear-icon_ufjq9_31"
-};
-const cssModules = {
-  "$style": style0
-};
-const SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, b = {
+  $style: B
+}, N = /* @__PURE__ */ g($, [["__cssModules", b]]);
 export {
-  SearchBar as default
+  N as default
 };

package/dist/components/UserPicker/components/SearchBar/index.js

@@ -1,4 +1,4 @@
-import SearchBar from "./SearchBar.js";
+import a from "./SearchBar.js";
 export {
-  SearchBar as default
+  a as default
 };