tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/Search/SearchAdvanced/UserAdvanced/UserAdvanced.js

@@ -1,420 +1,352 @@
-import { defineComponent, ref, onMounted, onUnmounted, watch, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, toDisplayString, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, TUIButton, IconSetting, IconBack } from "@tencentcloud/uikit-base-component-vue3";
-import { SearchType } from "../../../../types/engine.js";
-import Slider from "../Slider/Slider.js";
-import { isH5 } from "../../../../utils/env.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["value"];
-const _hoisted_3 = ["value"];
-const _hoisted_4 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as x, ref as S, onMounted as ee, onUnmounted as ae, watch as re, computed as L, createElementBlock as h, openBlock as u, normalizeClass as r, createElementVNode as n, createCommentVNode as m, unref as t, toDisplayString as c, Fragment as N, renderList as O, createVNode as $, withCtx as P, createTextVNode as Y } from "vue";
+import C from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as ne, TUIButton as V, IconSetting as se, IconBack as te } from "@tencentcloud/uikit-base-component-vue3";
+import { SearchType as b } from "../../../../types/engine.js";
+import de from "../Slider/Slider.js";
+import { isH5 as g } from "../../../../utils/env.js";
+import { _ as le } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ce = ["onClick"], oe = ["value"], ie = ["value"], _e = ["onClick"], ve = /* @__PURE__ */ x({
   __name: "UserAdvanced",
   props: {
     advancedParams: {},
     onAdvancedParamsChange: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const birthdayToAge = (birthday) => {
-      const today = /* @__PURE__ */ new Date();
-      const birthDate = new Date(Math.floor(birthday / 1e4), Math.floor(birthday % 1e4 / 100) - 1, birthday % 100);
-      let age = today.getFullYear() - birthDate.getFullYear();
-      const monthDiff = today.getMonth() - birthDate.getMonth();
-      if (monthDiff < 0 || monthDiff === 0 && today.getDate() < birthDate.getDate()) {
-        age -= 1;
-      }
-      return age;
-    };
-    const ageToBirthday = (age) => {
-      if (!age) {
-        return void 0;
-      }
-      const today = /* @__PURE__ */ new Date();
-      const year = today.getFullYear() - age;
-      return year * 1e4 + (today.getMonth() + 1) * 100 + today.getDate();
-    };
-    const userAdvanced = ref({});
-    const isGenderOpen = ref(false);
-    const isAgeOpen = ref(false);
-    const isFilterPage = ref(false);
-    const tempAge = ref({
+  setup(z) {
+    const _ = z, { t: l } = ne(), w = (e) => {
+      const a = /* @__PURE__ */ new Date(), i = new Date(Math.floor(e / 1e4), Math.floor(e % 1e4 / 100) - 1, e % 100);
+      let s = a.getFullYear() - i.getFullYear();
+      const f = a.getMonth() - i.getMonth();
+      return (f < 0 || f === 0 && a.getDate() < i.getDate()) && (s -= 1), s;
+    }, A = (e) => {
+      if (!e)
+        return;
+      const a = /* @__PURE__ */ new Date();
+      return (a.getFullYear() - e) * 1e4 + (a.getMonth() + 1) * 100 + a.getDate();
+    }, o = S({}), v = S(!1), p = S(!1), E = S(!1), d = S({
       min: void 0,
       max: void 0
-    });
-    const tempGender = ref("不限");
-    const genderRef = ref();
-    const ageRef = ref();
-    const genderList = [
+    }), U = S("不限"), k = S(), B = S(), D = [
       {
         value: "不限",
-        label: t("Search.filter.gender.any")
+        label: l("Search.filter.gender.any")
       },
       {
-        value: TUIChatEngine.TYPES.GENDER_MALE,
-        label: t("Search.filter.gender.male")
+        value: C.TYPES.GENDER_MALE,
+        label: l("Search.filter.gender.male")
       },
       {
-        value: TUIChatEngine.TYPES.GENDER_FEMALE,
-        label: t("Search.filter.gender.female")
-      }
-    ];
-    const handleClickOutside = (event) => {
-      if (genderRef.value && !genderRef.value.contains(event.target)) {
-        isGenderOpen.value = false;
-      }
-      if (ageRef.value && !ageRef.value.contains(event.target)) {
-        isAgeOpen.value = false;
+        value: C.TYPES.GENDER_FEMALE,
+        label: l("Search.filter.gender.female")
       }
+    ], R = (e) => {
+      k.value && !k.value.contains(e.target) && (v.value = !1), B.value && !B.value.contains(e.target) && (p.value = !1);
     };
-    onMounted(() => {
-      document.addEventListener("mousedown", handleClickOutside);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    });
-    watch(
-      () => props.advancedParams,
-      (newParams) => {
-        const userParams = (newParams == null ? void 0 : newParams.get(SearchType.USER)) || {};
-        userAdvanced.value = {
-          ...userAdvanced.value,
-          ...userParams
-        };
-        tempGender.value = (userParams == null ? void 0 : userParams.gender) || "不限";
-        tempAge.value = {
-          min: (userParams == null ? void 0 : userParams.maxBirthday) ? birthdayToAge(userParams == null ? void 0 : userParams.maxBirthday) : void 0,
-          max: (userParams == null ? void 0 : userParams.miniBirthday) ? birthdayToAge(userParams == null ? void 0 : userParams.miniBirthday) : void 0
+    ee(() => {
+      document.addEventListener("mousedown", R);
+    }), ae(() => {
+      document.removeEventListener("mousedown", R);
+    }), re(
+      () => _.advancedParams,
+      (e) => {
+        const a = (e == null ? void 0 : e.get(b.USER)) || {};
+        o.value = {
+          ...o.value,
+          ...a
+        }, U.value = (a == null ? void 0 : a.gender) || "不限", d.value = {
+          min: a != null && a.maxBirthday ? w(a == null ? void 0 : a.maxBirthday) : void 0,
+          max: a != null && a.miniBirthday ? w(a == null ? void 0 : a.miniBirthday) : void 0
         };
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    const handleGenderChange = (gender) => {
-      if (props.onAdvancedParamsChange) {
-        const newParams = new Map(props.advancedParams || []);
-        newParams.set(SearchType.USER, {
-          ...userAdvanced.value,
-          gender: gender === "不限" ? void 0 : gender
-        });
-        props.onAdvancedParamsChange(newParams);
+    const H = (e) => {
+      if (_.onAdvancedParamsChange) {
+        const a = new Map(_.advancedParams || []);
+        a.set(b.USER, {
+          ...o.value,
+          gender: e === "不限" ? void 0 : e
+        }), _.onAdvancedParamsChange(a);
       }
-      isGenderOpen.value = false;
-    };
-    const handleAgeChange = (age) => {
-      if (props.onAdvancedParamsChange) {
-        const newParams = new Map(props.advancedParams || []);
-        newParams.set(SearchType.USER, {
-          ...userAdvanced.value,
-          miniBirthday: ageToBirthday(age.max),
-          maxBirthday: ageToBirthday(age.min)
-        });
-        props.onAdvancedParamsChange(newParams);
+      v.value = !1;
+    }, K = (e) => {
+      if (_.onAdvancedParamsChange) {
+        const a = new Map(_.advancedParams || []);
+        a.set(b.USER, {
+          ...o.value,
+          miniBirthday: A(e.max),
+          maxBirthday: A(e.min)
+        }), _.onAdvancedParamsChange(a);
       }
-      isAgeOpen.value = false;
-    };
-    const handleAgeInputChange = (type, value) => {
-      if (value === "") {
-        tempAge.value = {
-          ...tempAge.value,
-          [type]: void 0
+      p.value = !1;
+    }, T = (e, a) => {
+      if (a === "")
+        d.value = {
+          ...d.value,
+          [e]: void 0
         };
-      } else {
-        const numValue = Math.max(0, Math.min(99, parseInt(value, 10) || 0));
-        tempAge.value = {
-          ...tempAge.value,
-          [type]: numValue
+      else {
+        const i = Math.max(0, Math.min(99, parseInt(a, 10) || 0));
+        d.value = {
+          ...d.value,
+          [e]: i
         };
       }
-    };
-    const toggleFilter = () => {
-      isFilterPage.value = !isFilterPage.value;
-    };
-    const handleAgeConfirm = () => {
-      const { min, max } = tempAge.value;
-      handleAgeChange({ min, max });
-    };
-    const handleFilterChange = () => {
-      var _a, _b, _c;
-      toggleFilter();
-      const isSameGender = ((_a = userAdvanced.value) == null ? void 0 : _a.gender) === tempGender.value;
-      const isSameMiniBirthday = ((_b = userAdvanced.value) == null ? void 0 : _b.miniBirthday) === ageToBirthday(tempAge.value.max);
-      const isSameMaxBirthday = ((_c = userAdvanced.value) == null ? void 0 : _c.maxBirthday) === ageToBirthday(tempAge.value.min);
-      if (isSameGender && isSameMiniBirthday && isSameMaxBirthday) {
-        return;
-      }
-      if (props.onAdvancedParamsChange) {
-        const newParams = new Map(props.advancedParams || []);
-        newParams.set(SearchType.USER, {
-          ...userAdvanced.value,
-          gender: tempGender.value === "不限" ? void 0 : tempGender.value,
-          miniBirthday: tempAge.value.max !== 99 ? ageToBirthday(tempAge.value.max) : void 0,
-          maxBirthday: tempAge.value.min !== 0 ? ageToBirthday(tempAge.value.min) : void 0
-        });
-        props.onAdvancedParamsChange(newParams);
-      }
-    };
-    const handleTempGender = (value) => {
-      tempGender.value = value;
-      isGenderOpen.value = false;
-    };
-    const setIsGenderOpen = (value) => {
-      isGenderOpen.value = value;
-      if (value) {
-        isAgeOpen.value = false;
-      }
-    };
-    const setIsAgeOpen = (value) => {
-      isAgeOpen.value = value;
-      if (value) {
-        isGenderOpen.value = false;
+    }, y = () => {
+      E.value = !E.value;
+    }, j = () => {
+      const { min: e, max: a } = d.value;
+      K({ min: e, max: a });
+    }, q = () => {
+      var s, f, I;
+      y();
+      const e = ((s = o.value) == null ? void 0 : s.gender) === U.value, a = ((f = o.value) == null ? void 0 : f.miniBirthday) === A(d.value.max), i = ((I = o.value) == null ? void 0 : I.maxBirthday) === A(d.value.min);
+      if (!(e && a && i) && _.onAdvancedParamsChange) {
+        const F = new Map(_.advancedParams || []);
+        F.set(b.USER, {
+          ...o.value,
+          gender: U.value === "不限" ? void 0 : U.value,
+          miniBirthday: d.value.max !== 99 ? A(d.value.max) : void 0,
+          maxBirthday: d.value.min !== 0 ? A(d.value.min) : void 0
+        }), _.onAdvancedParamsChange(F);
       }
-    };
-    const setTempAge = (value) => {
-      tempAge.value = value;
-    };
-    const minAge = computed(
+    }, J = (e) => {
+      U.value = e, v.value = !1;
+    }, M = (e) => {
+      v.value = e, e && (p.value = !1);
+    }, Q = (e) => {
+      p.value = e, e && (v.value = !1);
+    }, W = (e) => {
+      d.value = e;
+    }, X = L(
       () => {
-        var _a;
-        return ((_a = userAdvanced.value) == null ? void 0 : _a.maxBirthday) ? birthdayToAge(userAdvanced.value.maxBirthday) : void 0;
+        var e;
+        return (e = o.value) != null && e.maxBirthday ? w(o.value.maxBirthday) : void 0;
       }
-    );
-    const maxAge = computed(
+    ), Z = L(
       () => {
-        var _a;
-        return ((_a = userAdvanced.value) == null ? void 0 : _a.miniBirthday) ? birthdayToAge(userAdvanced.value.miniBirthday) : void 0;
+        var e;
+        return (e = o.value) != null && e.miniBirthday ? w(o.value.miniBirthday) : void 0;
       }
-    );
-    const getGenderText = (gender) => {
-      switch (gender) {
-        case TUIChatEngine.TYPES.GENDER_MALE:
-          return t("Search.filter.gender.male");
-        case TUIChatEngine.TYPES.GENDER_FEMALE:
-          return t("Search.filter.gender.female");
+    ), G = (e) => {
+      switch (e) {
+        case C.TYPES.GENDER_MALE:
+          return l("Search.filter.gender.male");
+        case C.TYPES.GENDER_FEMALE:
+          return l("Search.filter.gender.female");
         default:
-          return t("Search.filter.gender.any");
+          return l("Search.filter.gender.any");
       }
     };
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.SearchUserAdvanced)
+    return (e, a) => {
+      var i;
+      return u(), h("div", {
+        class: r(e.$style.SearchUserAdvanced)
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-row"])
+        n("div", {
+          class: r(e.$style["SearchUserAdvanced__filter-row"])
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-select"]),
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(isH5) ? toggleFilter() : setIsGenderOpen(!isGenderOpen.value))
+          n("div", {
+            class: r(e.$style["SearchUserAdvanced__filter-select"]),
+            onClick: a[0] || (a[0] = (s) => t(g) ? y() : M(!v.value))
           }, [
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-label"])
-            }, toDisplayString(unref(t)("Search.filter.gender")) + "： ", 3),
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-value"])
-            }, toDisplayString(getGenderText(((_a = userAdvanced.value) == null ? void 0 : _a.gender) || unref(t)("Search.filter.gender.any"))), 3),
-            createElementVNode("span", {
-              class: normalizeClass([_ctx.$style.SearchUserAdvanced__arrow, { [_ctx.$style["SearchUserAdvanced__arrow--up"]]: isGenderOpen.value }])
+            n("span", {
+              class: r(e.$style["SearchUserAdvanced__filter-label"])
+            }, c(t(l)("Search.filter.gender")) + "： ", 3),
+            n("span", {
+              class: r(e.$style["SearchUserAdvanced__filter-value"])
+            }, c(G(((i = o.value) == null ? void 0 : i.gender) || t(l)("Search.filter.gender.any"))), 3),
+            n("span", {
+              class: r([e.$style.SearchUserAdvanced__arrow, { [e.$style["SearchUserAdvanced__arrow--up"]]: v.value }])
             }, " ▼ ", 2)
           ], 2),
-          !unref(isH5) && isGenderOpen.value ? (openBlock(), createElementBlock("div", {
+          !t(g) && v.value ? (u(), h("div", {
             key: 0,
             ref_key: "genderRef",
-            ref: genderRef,
-            class: normalizeClass(_ctx.$style.SearchUserAdvanced__dropdown)
+            ref: k,
+            class: r(e.$style.SearchUserAdvanced__dropdown)
           }, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(genderList, (item) => {
-              return createElementVNode("div", {
-                key: item.value,
-                class: normalizeClass(_ctx.$style.SearchUserAdvanced__option),
-                onClick: ($event) => handleGenderChange(item.value)
-              }, toDisplayString(item.label), 11, _hoisted_1);
-            }), 64))
-          ], 2)) : createCommentVNode("", true)
+            (u(), h(N, null, O(D, (s) => n("div", {
+              key: s.value,
+              class: r(e.$style.SearchUserAdvanced__option),
+              onClick: (f) => H(s.value)
+            }, c(s.label), 11, ce)), 64))
+          ], 2)) : m("", !0)
         ], 2),
-        createElementVNode("div", {
+        n("div", {
           ref_key: "ageRef",
-          ref: ageRef,
-          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-row"])
+          ref: B,
+          class: r(e.$style["SearchUserAdvanced__filter-row"])
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-select"]),
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(isH5) ? toggleFilter() : setIsAgeOpen(!isAgeOpen.value))
+          n("div", {
+            class: r(e.$style["SearchUserAdvanced__filter-select"]),
+            onClick: a[1] || (a[1] = (s) => t(g) ? y() : Q(!p.value))
           }, [
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-label"])
-            }, toDisplayString(unref(t)("Search.filter.age")) + "： ", 3),
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-value"])
-            }, toDisplayString(`${minAge.value || "0"}-${maxAge.value || "99"} ${unref(t)("Search.filter.age.yearsOld")}`), 3),
-            !unref(isH5) ? (openBlock(), createElementBlock("span", {
+            n("span", {
+              class: r(e.$style["SearchUserAdvanced__filter-label"])
+            }, c(t(l)("Search.filter.age")) + "： ", 3),
+            n("span", {
+              class: r(e.$style["SearchUserAdvanced__filter-value"])
+            }, c(`${X.value || "0"}-${Z.value || "99"} ${t(l)("Search.filter.age.yearsOld")}`), 3),
+            t(g) ? m("", !0) : (u(), h("span", {
               key: 0,
-              class: normalizeClass([_ctx.$style.SearchUserAdvanced__arrow, { [_ctx.$style["SearchUserAdvanced__arrow--up"]]: isAgeOpen.value }])
-            }, " ▼ ", 2)) : createCommentVNode("", true)
+              class: r([e.$style.SearchUserAdvanced__arrow, { [e.$style["SearchUserAdvanced__arrow--up"]]: p.value }])
+            }, " ▼ ", 2))
           ], 2),
-          !unref(isH5) && isAgeOpen.value ? (openBlock(), createElementBlock("div", {
+          !t(g) && p.value ? (u(), h("div", {
             key: 0,
-            class: normalizeClass(_ctx.$style.SearchUserAdvanced__dropdown)
+            class: r(e.$style.SearchUserAdvanced__dropdown)
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-inputs"])
+            n("div", {
+              class: r(e.$style["SearchUserAdvanced__age-inputs"])
             }, [
-              createElementVNode("input", {
+              n("input", {
                 type: "number",
                 min: "0",
                 max: "99",
-                value: tempAge.value.min ?? "",
+                value: d.value.min ?? "",
                 placeholder: "0",
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"]),
-                onInput: _cache[2] || (_cache[2] = (e) => handleAgeInputChange("min", e.target.value))
-              }, null, 42, _hoisted_2),
-              _cache[7] || (_cache[7] = createElementVNode("span", null, "-", -1)),
-              createElementVNode("input", {
+                class: r(e.$style["SearchUserAdvanced__age-input"]),
+                onInput: a[2] || (a[2] = (s) => T("min", s.target.value))
+              }, null, 42, oe),
+              a[7] || (a[7] = n("span", null, "-", -1)),
+              n("input", {
                 type: "number",
                 min: "0",
                 max: "99",
-                value: tempAge.value.max ?? "",
+                value: d.value.max ?? "",
                 placeholder: "99",
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"]),
-                onInput: _cache[3] || (_cache[3] = (e) => handleAgeInputChange("max", e.target.value))
-              }, null, 42, _hoisted_3),
-              createElementVNode("span", null, toDisplayString(unref(t)("Search.filter.age.yearsOld")), 1),
-              createVNode(unref(TUIButton), {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__confirm-button"]),
-                onClick: handleAgeConfirm
+                class: r(e.$style["SearchUserAdvanced__age-input"]),
+                onInput: a[3] || (a[3] = (s) => T("max", s.target.value))
+              }, null, 42, ie),
+              n("span", null, c(t(l)("Search.filter.age.yearsOld")), 1),
+              $(t(V), {
+                class: r(e.$style["SearchUserAdvanced__confirm-button"]),
+                onClick: j
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("Search.action.confirm")), 1)
+                default: P(() => [
+                  Y(c(t(l)("Search.action.confirm")), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ], 2)) : createCommentVNode("", true)
+          ], 2)) : m("", !0)
         ], 2),
-        unref(isH5) ? (openBlock(), createElementBlock("div", {
+        t(g) ? (u(), h("div", {
           key: 0,
-          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-row-right"]),
-          onClick: toggleFilter
+          class: r(e.$style["SearchUserAdvanced__filter-row-right"]),
+          onClick: y
         }, [
-          createVNode(unref(IconSetting), {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-icon"])
+          $(t(se), {
+            class: r(e.$style["SearchUserAdvanced__filter-icon"])
           }, null, 8, ["class"]),
-          createElementVNode("span", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-text"])
-          }, toDisplayString(unref(t)("Search.filter.title")), 3)
-        ], 2)) : createCommentVNode("", true),
-        isFilterPage.value ? (openBlock(), createElementBlock("div", {
+          n("span", {
+            class: r(e.$style["SearchUserAdvanced__filter-text"])
+          }, c(t(l)("Search.filter.title")), 3)
+        ], 2)) : m("", !0),
+        E.value ? (u(), h("div", {
           key: 1,
-          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page"])
+          class: r(e.$style["SearchUserAdvanced__filter-page"])
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-header"])
+          n("div", {
+            class: r(e.$style["SearchUserAdvanced__filter-page-header"])
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__back-button"]),
-              onClick: toggleFilter
+            n("div", {
+              class: r(e.$style["SearchUserAdvanced__back-button"]),
+              onClick: y
             }, [
-              createVNode(unref(IconBack), { size: "24" })
+              $(t(te), { size: "24" })
             ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__header-title"])
-            }, toDisplayString(unref(t)("Search.filter.title")), 3)
+            n("div", {
+              class: r(e.$style["SearchUserAdvanced__header-title"])
+            }, c(t(l)("Search.filter.title")), 3)
           ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-main"])
+          n("div", {
+            class: r(e.$style["SearchUserAdvanced__filter-page-main"])
           }, [
-            createElementVNode("div", {
-              class: normalizeClass([_ctx.$style["SearchUserAdvanced__filter-page-row"], _ctx.$style["SearchUserAdvanced__bottom-line"]]),
-              onClick: _cache[4] || (_cache[4] = ($event) => setIsGenderOpen(true))
+            n("div", {
+              class: r([e.$style["SearchUserAdvanced__filter-page-row"], e.$style["SearchUserAdvanced__bottom-line"]]),
+              onClick: a[4] || (a[4] = (s) => M(!0))
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-label"])
-              }, toDisplayString(unref(t)("Search.filter.gender")), 3),
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-value"])
+              n("span", {
+                class: r(e.$style["SearchUserAdvanced__filter-page-label"])
+              }, c(t(l)("Search.filter.gender")), 3),
+              n("div", {
+                class: r(e.$style["SearchUserAdvanced__filter-page-value"])
               }, [
-                createElementVNode("span", null, toDisplayString(getGenderText(tempGender.value)), 1),
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.$style.SearchUserAdvanced__arrow)
+                n("span", null, c(G(U.value)), 1),
+                n("span", {
+                  class: r(e.$style.SearchUserAdvanced__arrow)
                 }, ">", 2)
               ], 2)
             ], 2),
-            isGenderOpen.value ? (openBlock(), createElementBlock("div", {
+            v.value ? (u(), h("div", {
               key: 0,
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-mask"])
+              class: r(e.$style["SearchUserAdvanced__action-sheet-mask"])
             }, [
-              createElementVNode("div", {
+              n("div", {
                 ref_key: "genderRef",
-                ref: genderRef,
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-panel"])
+                ref: k,
+                class: r(e.$style["SearchUserAdvanced__action-sheet-panel"])
               }, [
-                (openBlock(), createElementBlock(Fragment, null, renderList(genderList, (item) => {
-                  return createElementVNode("div", {
-                    key: item.value,
-                    class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-option"]),
-                    onClick: ($event) => handleTempGender(item.value)
-                  }, toDisplayString(item.label), 11, _hoisted_4);
-                }), 64)),
-                createElementVNode("div", {
-                  class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-cancel"]),
-                  onClick: _cache[5] || (_cache[5] = ($event) => setIsGenderOpen(false))
-                }, toDisplayString(unref(t)("Search.action.cancel")), 3)
+                (u(), h(N, null, O(D, (s) => n("div", {
+                  key: s.value,
+                  class: r(e.$style["SearchUserAdvanced__action-sheet-option"]),
+                  onClick: (f) => J(s.value)
+                }, c(s.label), 11, _e)), 64)),
+                n("div", {
+                  class: r(e.$style["SearchUserAdvanced__action-sheet-cancel"]),
+                  onClick: a[5] || (a[5] = (s) => M(!1))
+                }, c(t(l)("Search.action.cancel")), 3)
               ], 2)
-            ], 2)) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-row"])
+            ], 2)) : m("", !0),
+            n("div", {
+              class: r(e.$style["SearchUserAdvanced__filter-page-row"])
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-label"])
-              }, toDisplayString(unref(t)("Search.filter.age")), 3),
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-value"])
+              n("span", {
+                class: r(e.$style["SearchUserAdvanced__filter-page-label"])
+              }, c(t(l)("Search.filter.age")), 3),
+              n("div", {
+                class: r(e.$style["SearchUserAdvanced__filter-page-value"])
               }, [
-                createElementVNode("span", null, toDisplayString(`${tempAge.value.min ?? 0}-${tempAge.value.max ?? 99}`), 1)
+                n("span", null, c(`${d.value.min ?? 0}-${d.value.max ?? 99}`), 1)
               ], 2)
             ], 2),
-            createVNode(unref(Slider), {
-              value: [tempAge.value.min ?? 0, tempAge.value.max ?? 99],
+            $(t(de), {
+              value: [d.value.min ?? 0, d.value.max ?? 99],
               min: 0,
               max: 99,
-              onChange: _cache[6] || (_cache[6] = (val) => setTempAge({ min: val[0], max: val[1] }))
+              onChange: a[6] || (a[6] = (s) => W({ min: s[0], max: s[1] }))
             }, null, 8, ["value"])
           ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-page-footer"])
+          n("div", {
+            class: r(e.$style["SearchUserAdvanced__filter-page-footer"])
           }, [
-            createVNode(unref(TUIButton), {
-              class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-confirm-button"]),
-              onClick: handleFilterChange
+            $(t(V), {
+              class: r(e.$style["SearchUserAdvanced__filter-confirm-button"]),
+              onClick: q
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("Search.action.confirm")), 1)
+              default: P(() => [
+                Y(c(t(l)("Search.action.confirm")), 1)
               ]),
               _: 1
             }, 8, ["class"])
           ], 2)
-        ], 2)) : createCommentVNode("", true)
+        ], 2)) : m("", !0)
       ], 2);
     };
   }
-});
-const SearchUserAdvanced = "_SearchUserAdvanced_spt9o_295";
-const SearchUserAdvanced__arrow = "_SearchUserAdvanced__arrow_spt9o_326";
-const SearchUserAdvanced__dropdown = "_SearchUserAdvanced__dropdown_spt9o_336";
-const SearchUserAdvanced__option = "_SearchUserAdvanced__option_spt9o_348";
-const style0 = {
+}), he = "_SearchUserAdvanced_spt9o_295", ue = "_SearchUserAdvanced__arrow_spt9o_326", Se = "_SearchUserAdvanced__dropdown_spt9o_336", pe = "_SearchUserAdvanced__option_spt9o_348", fe = {
   "tui-theme-dark": "_tui-theme-dark_spt9o_2",
   "tui-theme-light": "_tui-theme-light_spt9o_140",
-  SearchUserAdvanced,
+  SearchUserAdvanced: he,
   "SearchUserAdvanced__filter-row": "_SearchUserAdvanced__filter-row_spt9o_302",
   "SearchUserAdvanced__filter-select": "_SearchUserAdvanced__filter-select_spt9o_306",
   "SearchUserAdvanced__filter-label": "_SearchUserAdvanced__filter-label_spt9o_315",
   "SearchUserAdvanced__filter-value": "_SearchUserAdvanced__filter-value_spt9o_320",
-  SearchUserAdvanced__arrow,
+  SearchUserAdvanced__arrow: ue,
   "SearchUserAdvanced__arrow--up": "_SearchUserAdvanced__arrow--up_spt9o_332",
-  SearchUserAdvanced__dropdown,
-  SearchUserAdvanced__option,
+  SearchUserAdvanced__dropdown: Se,
+  SearchUserAdvanced__option: pe,
   "SearchUserAdvanced__age-inputs": "_SearchUserAdvanced__age-inputs_spt9o_361",
   "SearchUserAdvanced__age-input": "_SearchUserAdvanced__age-input_spt9o_361",
   "SearchUserAdvanced__confirm-button": "_SearchUserAdvanced__confirm-button_spt9o_402",
@@ -439,11 +371,9 @@ const style0 = {
   "SearchUserAdvanced__filter-page-value": "_SearchUserAdvanced__filter-page-value_spt9o_569",
   "SearchUserAdvanced__filter-page-footer": "_SearchUserAdvanced__filter-page-footer_spt9o_577",
   "SearchUserAdvanced__filter-confirm-button": "_SearchUserAdvanced__filter-confirm-button_spt9o_582"
-};
-const cssModules = {
-  "$style": style0
-};
-const UserAdvancedComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, Ae = {
+  $style: fe
+}, Ce = /* @__PURE__ */ le(ve, [["__cssModules", Ae]]);
 export {
-  UserAdvancedComponent as default
+  Ce as default
 };