@aplus-frontend/ui 0.2.10 → 0.2.11

package/es/src/business/ap-group-search/ap-group-search.vue2.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as M, computed as i, onMounted as V, watch as L, unref as t, openBlock as P, createElementBlock as N, normalizeClass as f, createVNode as p, withCtx as y, normalizeStyle as K, renderSlot as O } from "vue";
-import { Flex as T, Select as F } from "@aplus-frontend/antdv";
-import R from "./images/icon-down.vue.mjs";
+import { defineComponent as L, ref as P, computed as c, onMounted as N, watch as R, unref as t, resolveComponent as D, openBlock as C, createElementBlock as K, normalizeClass as d, createVNode as p, withCtx as S, normalizeStyle as O, createBlock as T, createCommentVNode as F, renderSlot as $ } from "vue";
+import { Flex as j, Select as E } from "@aplus-frontend/antdv";
+import G from "./images/icon-down.vue.mjs";
 import "./extension-select/index.vue.mjs";
-import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
+import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
 import "../../config-provider/index.mjs";
-import { useLocale as j } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as D } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
-import G from "./extension-select/index.vue2.mjs";
-const d = "GROUP_SEARCH_ALL", ee = /* @__PURE__ */ M({
+import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as H } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
+import Y from "./extension-select/index.vue2.mjs";
+const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ L({
   __name: "ap-group-search",
   props: {
     value: {},
@@ -90,30 +90,28 @@ const d = "GROUP_SEARCH_ALL", ee = /* @__PURE__ */ M({
     style: {}
   },
   emits: ["update:value"],
-  setup(v, { emit: g }) {
-    const { t: m } = j(), S = D("uiMode", "aplus"), l = v, C = i(() => ({
+  setup(w, { emit: _ }) {
+    const { t: h } = z(), f = H("uiMode", "aplus"), y = P(), l = w, B = c(() => ({
       width: "auto",
       ...l.style
-    })), w = g, { value: a, updateValue: u } = $(l, w), B = (e) => {
+    })), b = _, { value: a, updateValue: u } = W(l, b), A = (e) => {
       let o = e;
-      e === d ? o = l.options.map((n) => n.value) : o = toString.call(o) === "[object Array]" ? e : [e], u({
+      e === m ? o = l.options.map((n) => n.value) : o = toString.call(o) === "[object Array]" ? e : [e], u({
         ...a.value,
         key: o
       });
-    }, b = i(() => {
+    }, k = c(() => {
       let e = [];
       return l.hasAll && (e = [
-        { value: d, label: m("ap.apGroupSearch.all") }
+        { value: m, label: h("ap.apGroupSearch.all") }
       ]), [...e, ...l.options];
-    }), A = i(() => {
-      var r, s;
-      const e = (r = a == null ? void 0 : a.value) == null ? void 0 : r.key, o = m("ap.apGroupSearch.defaultPlaceholder");
-      if (!e) return o;
-      const n = toString.call(e) === "[object Array]" ? e : [e];
-      return ((s = l.options) == null ? void 0 : s.filter((c) => n.includes(c.value)).map((c) => c.label).join("/")) || o;
+    }), x = c(() => {
+      var s, i;
+      const e = (s = a == null ? void 0 : a.value) == null ? void 0 : s.key, o = toString.call(e) === "[object Array]" ? e : [e], n = h("ap.apGroupSearch.defaultPlaceholder");
+      return !o || o.length === 1 ? n : ((i = l.options) == null ? void 0 : i.filter((r) => o.includes(r.value)).map((r) => r.label).join("/")) || n;
     });
-    V(() => {
-      L(
+    N(() => {
+      R(
         () => {
           var e;
           return [l.hasAll, (e = t(a)) == null ? void 0 : e.key];
@@ -130,62 +128,74 @@ const d = "GROUP_SEARCH_ALL", ee = /* @__PURE__ */ M({
         }
       );
     });
-    const _ = i(() => {
+    const V = c(() => {
       var o, n;
       const e = (o = t(a)) == null ? void 0 : o.key;
       if (e)
-        return toString.call(e) === "[object Array]" ? (e == null ? void 0 : e.length) === ((n = l.options) == null ? void 0 : n.length) ? d : e == null ? void 0 : e[0] : e;
-    }), h = (e) => {
+        return toString.call(e) === "[object Array]" ? (e == null ? void 0 : e.length) === ((n = l.options) == null ? void 0 : n.length) ? m : e == null ? void 0 : e[0] : e;
+    }), v = (e) => {
       var o;
       e !== ((o = t(a)) == null ? void 0 : o.value) && u({
         ...a.value,
         value: e
       });
-    }, { b: x, e: k, em: I } = E("ap-group-search");
-    return (e, o) => (P(), N("div", {
-      class: f(t(x)())
-    }, [
-      p(t(T), null, {
-        default: y(() => {
-          var n, r;
-          return [
-            p(t(F), {
-              value: _.value,
-              style: K(C.value),
-              class: f(`${e.$attrs.class} ${t(S) === "admin" ? t(I)("search", "admin") : t(k)("search")}`),
-              options: b.value,
-              bordered: !1,
-              dropdownMatchSelectWidth: l.dropdownMatchSelectWidth,
-              onChange: B
-            }, {
-              suffixIcon: y(() => [
-                p(R)
-              ]),
-              _: 1
-            }, 8, ["value", "style", "class", "options", "dropdownMatchSelectWidth"]),
-            O(e.$slots, "search", {
-              value: (n = t(a)) == null ? void 0 : n.value,
-              change: h,
-              key: (r = t(a)) == null ? void 0 : r.key
-            }, () => {
-              var s;
-              return [
-                p(G, {
-                  style: { width: "100%" },
-                  maxTagCount: "responsive",
-                  value: (s = t(a)) == null ? void 0 : s.value,
-                  onChange: h,
-                  placeholder: A.value
-                }, null, 8, ["value", "placeholder"])
-              ];
-            })
-          ];
-        }),
-        _: 3
-      })
-    ], 2));
+    }, { b: I, e: g, em: M } = U("ap-group-search");
+    return (e, o) => {
+      const n = D("Divider");
+      return C(), K("div", {
+        class: d(t(I)()),
+        ref_key: "containerRef",
+        ref: y
+      }, [
+        p(t(j), null, {
+          default: S(() => {
+            var s, i;
+            return [
+              p(t(E), {
+                value: V.value,
+                style: O(B.value),
+                class: d(`${e.$attrs.class} ${t(f) === "admin" ? t(M)("search", "admin") : t(g)("search")}`),
+                options: k.value,
+                bordered: !1,
+                dropdownMatchSelectWidth: l.dropdownMatchSelectWidth,
+                onChange: A
+              }, {
+                suffixIcon: S(() => [
+                  p(G)
+                ]),
+                _: 1
+              }, 8, ["value", "style", "class", "options", "dropdownMatchSelectWidth"]),
+              t(f) === "aplus" ? (C(), T(n, {
+                key: 0,
+                class: d(t(g)("divider")),
+                type: "vertical",
+                style: {}
+              }, null, 8, ["class"])) : F("", !0),
+              $(e.$slots, "search", {
+                value: (s = t(a)) == null ? void 0 : s.value,
+                change: v,
+                key: (i = t(a)) == null ? void 0 : i.key
+              }, () => {
+                var r;
+                return [
+                  p(Y, {
+                    style: { width: "100%" },
+                    maxTagCount: "responsive",
+                    value: (r = t(a)) == null ? void 0 : r.value,
+                    onChange: v,
+                    placeholder: x.value,
+                    "__parent-ref": y.value
+                  }, null, 8, ["value", "placeholder", "__parent-ref"])
+                ];
+              })
+            ];
+          }),
+          _: 3
+        })
+      ], 2);
+    };
   }
 });
 export {
-  ee as default
+  ne as default
 };

package/es/src/business/ap-group-search/extension-select/index.vue.d.ts

@@ -172,7 +172,9 @@ declare const _default: DefineComponent<__VLS_TypePropsToOption<Omit<Partial< Ex
         type: BooleanConstructor;
         default: any;
     };
-}>>, "mode" | "suffixIcon">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}>>, "mode" | "suffixIcon"> & {
+    __parentRef?: HTMLElement;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (value: SelectValue) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<Omit<Partial< ExtractPropTypes<{
     value: {
@@ -340,7 +342,9 @@ declare const _default: DefineComponent<__VLS_TypePropsToOption<Omit<Partial< Ex
         type: BooleanConstructor;
         default: any;
     };
-}>>, "mode" | "suffixIcon">>>> & {
+}>>, "mode" | "suffixIcon"> & {
+    __parentRef?: HTMLElement;
+}>>> & {
     onChange?: ((value: SelectValue) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/src/business/ap-group-search/extension-select/index.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as h, ref as r, watch as f, openBlock as g, createBlock as C, unref as i, normalizeStyle as y, withCtx as v, createVNode as w } from "vue";
-import { Select as B } from "@aplus-frontend/antdv";
+import { defineComponent as v, ref as t, computed as y, watch as w, openBlock as B, createElementBlock as _, createVNode as s, unref as l, normalizeClass as x, normalizeStyle as b, withCtx as S } from "vue";
+import { Select as I } from "@aplus-frontend/antdv";
 import "../popover-select/index.vue.mjs";
 import "../../../config-provider/index.mjs";
-import { useGlobalConfig as x } from "../../../config-provider/hooks/use-global-config.mjs";
-import S from "../popover-select/index.vue2.mjs";
-const P = /* @__PURE__ */ h({
+import { useGlobalConfig as R } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as T } from "../../../config-provider/hooks/use-namespace.mjs";
+import V from "../popover-select/index.vue2.mjs";
+const O = /* @__PURE__ */ v({
   __name: "index",
   props: {
     value: {},
@@ -79,46 +80,55 @@ const P = /* @__PURE__ */ h({
     optionFilterProp: {},
     optionLabelProp: {},
     defaultActiveFirstOption: { type: Boolean },
-    labelInValue: { type: Boolean }
+    labelInValue: { type: Boolean },
+    __parentRef: {}
   },
   emits: ["change"],
-  setup(p, { emit: u }) {
-    const s = x("uiMode", "aplus"), o = p, n = r(), a = r(!1), d = u, c = (e) => {
+  setup(u, { emit: c }) {
+    const d = R("uiMode", "aplus"), o = u, r = t(), n = t(), a = t(!1), m = y(() => o.__parentRef || r.value), f = c, h = (e) => {
       e && (a.value = !1);
     };
-    f(
+    w(
       () => o.value,
       () => {
         n.value = o.value;
       },
       { immediate: !0 }
     );
-    const t = (e) => {
-      n.value = e, d("change", e);
-    };
-    return (e, l) => (g(), C(i(B), {
-      value: n.value,
-      style: y(e.$attrs.style),
-      bordered: i(s) === "admin",
-      mode: "tags",
-      showArrow: !0,
-      open: a.value,
-      onDropdownVisibleChange: l[0] || (l[0] = (m) => a.value = m),
-      onChange: t,
-      maxTagCount: o.maxTagCount,
-      placeholder: o.placeholder
-    }, {
-      suffixIcon: v(() => [
-        w(S, {
-          value: n.value,
-          onSubmit: t,
-          onOpenChange: c
-        }, null, 8, ["value"])
-      ]),
-      _: 1
-    }, 8, ["value", "style", "bordered", "open", "maxTagCount", "placeholder"]));
+    const p = (e) => {
+      n.value = e, f("change", e);
+    }, { b: g } = T("ap-extension-select");
+    return (e, i) => (B(), _("div", {
+      ref_key: "containerRef",
+      ref: r
+    }, [
+      s(l(I), {
+        class: x(l(g)()),
+        value: n.value,
+        style: b(e.$attrs.style),
+        bordered: l(d) === "admin",
+        mode: "tags",
+        showArrow: !0,
+        "not-found-content": !0,
+        open: a.value,
+        onDropdownVisibleChange: i[0] || (i[0] = (C) => a.value = C),
+        onChange: p,
+        maxTagCount: o.maxTagCount,
+        placeholder: o.placeholder
+      }, {
+        suffixIcon: S(() => [
+          s(V, {
+            value: n.value,
+            onSubmit: p,
+            onOpenChange: h,
+            "__parent-ref": m.value
+          }, null, 8, ["value", "__parent-ref"])
+        ]),
+        _: 1
+      }, 8, ["class", "value", "style", "bordered", "open", "maxTagCount", "placeholder"])
+    ], 512));
   }
 });
 export {
-  P as default
+  O as default
 };

package/es/src/business/ap-group-search/extension-select/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-group-search/ap-extension-select.css';

package/es/src/business/ap-group-search/extension-select/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-group-search/ap-extension-select.less';

package/es/src/business/ap-group-search/images/icon-line-select.vue.mjs

@@ -1,6 +1,6 @@
 import { createElementVNode as Q, openBlock as l, createElementBlock as e } from "vue";
-import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const o = {}, n = {
+import o from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {}, n = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   fill: "none",
@@ -8,12 +8,12 @@ const o = {}, n = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16"
-}, i = /* @__PURE__ */ Q("g", null, [
+}, r = /* @__PURE__ */ Q("g", null, [
   /* @__PURE__ */ Q("g", null, [
     /* @__PURE__ */ Q("path", {
       d: "M3,4.5L13,4.5Q13.0492,4.5,13.0975,4.509607Q13.1458,4.519215,13.1913,4.53806Q13.2368,4.556906,13.2778,4.584265Q13.3187,4.611625,13.3536,4.646447Q13.3884,4.681269,13.4157,4.722215Q13.4431,4.763161,13.4619,4.808658Q13.4808,4.854155,13.4904,4.9024549Q13.5,4.9507543,13.5,5Q13.5,5.0492457,13.4904,5.0975451Q13.4808,5.145845,13.4619,5.191342Q13.4431,5.236839,13.4157,5.277785Q13.3884,5.318731,13.3536,5.353553Q13.3187,5.388375,13.2778,5.415735Q13.2368,5.443094,13.1913,5.46194Q13.1458,5.480785,13.0975,5.490393Q13.0492,5.5,13,5.5L3,5.5Q2.9507543,5.5,2.9024549,5.490393Q2.854155,5.480785,2.808658,5.46194Q2.763161,5.443094,2.722215,5.415735Q2.681269,5.388375,2.646447,5.353553Q2.611625,5.318731,2.584265,5.277785Q2.556906,5.236839,2.5380599999999998,5.191342Q2.519215,5.145845,2.509607,5.0975451Q2.5,5.0492457,2.5,5Q2.5,4.9507543,2.509607,4.9024549Q2.519215,4.854155,2.5380599999999998,4.808658Q2.556906,4.763161,2.584265,4.722215Q2.611625,4.681269,2.646447,4.646447Q2.681269,4.611625,2.722215,4.584265Q2.763161,4.556906,2.808658,4.53806Q2.854155,4.519215,2.9024549,4.509607Q2.9507543,4.5,3,4.5Z",
       "fill-rule": "evenodd",
-      fill: "#BFBFBF",
+      fill: "currentcolor",
       "fill-opacity": "1"
     })
   ]),
@@ -21,7 +21,7 @@ const o = {}, n = {
     /* @__PURE__ */ Q("path", {
       d: "M3,7.5L13,7.5Q13.0492,7.5,13.0975,7.509607Q13.1458,7.519215,13.1913,7.53806Q13.2368,7.556906,13.2778,7.584265Q13.3187,7.611625,13.3536,7.646447Q13.3884,7.681269,13.4157,7.722215Q13.4431,7.763161,13.4619,7.808658Q13.4808,7.854155,13.4904,7.9024549Q13.5,7.9507543,13.5,8Q13.5,8.0492457,13.4904,8.0975451Q13.4808,8.145845,13.4619,8.191342Q13.4431,8.236839,13.4157,8.277785Q13.3884,8.318731,13.3536,8.353553Q13.3187,8.388375,13.2778,8.415735Q13.2368,8.443094,13.1913,8.46194Q13.1458,8.480785000000001,13.0975,8.490393Q13.0492,8.5,13,8.5L3,8.5Q2.9507543,8.5,2.9024549,8.490393Q2.854155,8.480785000000001,2.808658,8.46194Q2.763161,8.443094,2.722215,8.415735Q2.681269,8.388375,2.646447,8.353553Q2.611625,8.318731,2.584265,8.277785Q2.556906,8.236839,2.5380599999999998,8.191342Q2.519215,8.145845,2.509607,8.0975451Q2.5,8.0492457,2.5,8Q2.5,7.9507543,2.509607,7.9024549Q2.519215,7.854155,2.5380599999999998,7.808658Q2.556906,7.763161,2.584265,7.722215Q2.611625,7.681269,2.646447,7.646447Q2.681269,7.611625,2.722215,7.584265Q2.763161,7.556906,2.808658,7.53806Q2.854155,7.519215,2.9024549,7.509607Q2.9507543,7.5,3,7.5Z",
       "fill-rule": "evenodd",
-      fill: "#BFBFBF",
+      fill: "currentcolor",
       "fill-opacity": "1"
     })
   ]),
@@ -29,17 +29,17 @@ const o = {}, n = {
     /* @__PURE__ */ Q("path", {
       d: "M3,10.5L8,10.5Q8.04925,10.5,8.09755,10.509607Q8.14584,10.519214999999999,8.19134,10.53806Q8.23684,10.556906,8.27778,10.584265Q8.31873,10.611625,8.35355,10.646447Q8.38837,10.681269,8.41573,10.722215Q8.44309,10.763161,8.46194,10.808658Q8.48078,10.854155,8.49039,10.9024549Q8.5,10.9507543,8.5,11Q8.5,11.0492457,8.49039,11.0975451Q8.48078,11.145845,8.46194,11.191342Q8.44309,11.236839,8.41573,11.277785Q8.38837,11.318731,8.35355,11.353553Q8.31873,11.388375,8.27778,11.415735Q8.23684,11.443094,8.19134,11.46194Q8.14584,11.480785000000001,8.09755,11.490393Q8.04925,11.5,8,11.5L3,11.5Q2.9507543,11.5,2.9024549,11.490393Q2.854155,11.480785000000001,2.808658,11.46194Q2.763161,11.443094,2.722215,11.415735Q2.681269,11.388375,2.646447,11.353553Q2.611625,11.318731,2.584265,11.277785Q2.556906,11.236839,2.5380599999999998,11.191342Q2.519215,11.145845,2.509607,11.0975451Q2.5,11.0492457,2.5,11Q2.5,10.9507543,2.509607,10.9024549Q2.519215,10.854155,2.5380599999999998,10.808658Q2.556906,10.763161,2.584265,10.722215Q2.611625,10.681269,2.646447,10.646447Q2.681269,10.611625,2.722215,10.584265Q2.763161,10.556906,2.808658,10.53806Q2.854155,10.519214999999999,2.9024549,10.509607Q2.9507543,10.5,3,10.5Z",
       "fill-rule": "evenodd",
-      fill: "#BFBFBF",
+      fill: "currentcolor",
       "fill-opacity": "1"
     })
   ])
 ], -1), c = [
-  i
+  r
 ];
-function r(d, f) {
+function i(d, f) {
   return l(), e("svg", n, c);
 }
-const p = /* @__PURE__ */ t(o, [["render", r]]);
+const p = /* @__PURE__ */ o(t, [["render", i]]);
 export {
   p as default
 };

package/es/src/business/ap-group-search/index.d.ts

@@ -1224,6 +1224,9 @@ declare const ApExtensionSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+        };
     }>> & {
         onChange?: ((value: SelectValue) => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1448,6 +1451,9 @@ declare const ApExtensionSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+        };
     }>> & {
         onChange?: ((value: SelectValue) => any) | undefined;
     }, {}, true, {}, {}, {
@@ -1677,6 +1683,9 @@ declare const ApExtensionSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+        };
     }>> & {
         onChange?: ((value: SelectValue) => any) | undefined;
     }, {}, {}, {}, {}, {}>;
@@ -1903,6 +1912,9 @@ declare const ApExtensionSelect: {
     labelInValue: {
         type: PropType<boolean>;
     };
+    __parentRef: {
+        type: PropType<HTMLElement>;
+    };
 }>> & {
     onChange?: ((value: SelectValue) => any) | undefined;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -2133,6 +2145,10 @@ declare const ApPopoverSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+            required: true;
+        };
     }>> & {
         onSubmit?: ((value: SelectValue) => any) | undefined;
         "onOpen-change"?: ((value: boolean) => any) | undefined;
@@ -2359,6 +2375,10 @@ declare const ApPopoverSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+            required: true;
+        };
     }>> & {
         onSubmit?: ((value: SelectValue) => any) | undefined;
         "onOpen-change"?: ((value: boolean) => any) | undefined;
@@ -2589,6 +2609,10 @@ declare const ApPopoverSelect: {
         labelInValue: {
             type: PropType<boolean>;
         };
+        __parentRef: {
+            type: PropType<HTMLElement>;
+            required: true;
+        };
     }>> & {
         onSubmit?: ((value: SelectValue) => any) | undefined;
         "onOpen-change"?: ((value: boolean) => any) | undefined;
@@ -2816,6 +2840,10 @@ declare const ApPopoverSelect: {
     labelInValue: {
         type: PropType<boolean>;
     };
+    __parentRef: {
+        type: PropType<HTMLElement>;
+        required: true;
+    };
 }>> & {
     onSubmit?: ((value: SelectValue) => any) | undefined;
     "onOpen-change"?: ((value: boolean) => any) | undefined;

package/es/src/business/ap-group-search/popover-select/index.vue.d.ts

@@ -172,7 +172,9 @@ declare const _default: DefineComponent<__VLS_TypePropsToOption<Omit<Partial< Ex
         type: BooleanConstructor;
         default: any;
     };
-}>>, "mode" | "suffixIcon">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}>>, "mode" | "suffixIcon"> & {
+    __parentRef: HTMLElement;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     submit: (value: SelectValue) => void;
     "open-change": (value: boolean) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<Omit<Partial< ExtractPropTypes<{
@@ -341,7 +343,9 @@ declare const _default: DefineComponent<__VLS_TypePropsToOption<Omit<Partial< Ex
         type: BooleanConstructor;
         default: any;
     };
-}>>, "mode" | "suffixIcon">>>> & {
+}>>, "mode" | "suffixIcon"> & {
+    __parentRef: HTMLElement;
+}>>> & {
     onSubmit?: ((value: SelectValue) => any) | undefined;
     "onOpen-change"?: ((value: boolean) => any) | undefined;
 }, {}, {}>;