@routa/ui-vue 0.1.0

package/dist/select/index.mjs

@@ -0,0 +1,656 @@
+import '../style/select.css';
+import '../style/Icon.css';
+import { defineComponent as ce, ref as J, watch as B, nextTick as $, reactive as Ie, computed as O, provide as Le, onMounted as de, onUnmounted as ve, openBlock as b, createElementBlock as g, normalizeClass as H, createElementVNode as d, unref as n, Fragment as se, renderList as ze, createTextVNode as Te, toDisplayString as A, withModifiers as K, withDirectives as Q, isRef as ne, vModelText as ie, createCommentVNode as R, createVNode as re, createBlock as De, Teleport as Be, Transition as Me, withCtx as $e, normalizeStyle as Ae, renderSlot as fe, vShow as Ee, inject as Fe } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as P, e as oe, u as Ne } from "../chunks/index-B0yEC3RG.mjs";
+import { u as Pe } from "../chunks/z-index-D9ecXoNe.mjs";
+import { c as Ke } from "../chunks/controller-DdEBnv9V.mjs";
+import { a as Re } from "../chunks/auto-update-Dw-2qIsQ.mjs";
+import { u as ue } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as Ue } from "../config-provider/index.mjs";
+import { u as je } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as qe } from "../chunks/use-id-D3casveg.mjs";
+import { LIcon as He } from "../icon/index.mjs";
+function Ze(t = {}) {
+  const r = t.multiple ?? !1, s = () => typeof t.value == "function" ? t.value() : t.value ?? (r ? [] : null), p = P(!1), x = P(""), f = P(-1), k = () => typeof t.disabled == "function" ? t.disabled() : t.disabled ?? !1, o = P(s()), h = P(k()), V = (l, u) => Array.isArray(l) && Array.isArray(u) ? l.length === u.length && l.every((i, C) => Object.is(i, u[C])) : Object.is(l, u);
+  typeof t.value == "function" && oe(() => {
+    const l = s(), u = Ne(() => o.value);
+    V(l, u) || (o.value = l);
+  }), typeof t.disabled == "function" && oe(() => {
+    h.value = k();
+  });
+  const w = () => {
+    h.value || (p.value = !p.value, p.value && (x.value = "", f.value = -1));
+  }, S = () => {
+    h.value || (p.value = !0, f.value = -1);
+  }, U = () => {
+    p.value = !1, f.value = -1;
+  }, E = (l) => {
+    var u, i, C, I, D, N;
+    if (!h.value)
+      if (r) {
+        const L = Array.isArray(o.value) ? o.value : [];
+        if (L.includes(l)) {
+          const y = L.filter((_) => _ !== l);
+          o.value = y, (C = t.onInput) == null || C.call(t, y), (I = t.onChange) == null || I.call(t, y);
+        } else {
+          const y = [...L, l];
+          o.value = y, (u = t.onInput) == null || u.call(t, y), (i = t.onChange) == null || i.call(t, y);
+        }
+      } else
+        o.value = l, (D = t.onInput) == null || D.call(t, l), (N = t.onChange) == null || N.call(t, l), U();
+  }, z = () => {
+    var u, i, C;
+    if (h.value) return;
+    const l = r ? [] : null;
+    o.value = l, (u = t.onInput) == null || u.call(t, l), (i = t.onChange) == null || i.call(t, l), (C = t.onClear) == null || C.call(t);
+  }, c = (l, u, i, C) => {
+    if (l <= 0) return -1;
+    for (let I = 0; I < l; I += 1) {
+      const D = (u + I * i + l) % l;
+      if (!C || C(D))
+        return D;
+    }
+    return -1;
+  };
+  return {
+    state: {
+      get value() {
+        return o.value;
+      },
+      set value(l) {
+        o.value = l;
+      },
+      get isOpen() {
+        return p.value;
+      },
+      set isOpen(l) {
+        p.value = l;
+      },
+      get filterText() {
+        return x.value;
+      },
+      set filterText(l) {
+        x.value = l;
+      },
+      get focusedIndex() {
+        return f.value;
+      },
+      set focusedIndex(l) {
+        f.value = l;
+      },
+      get disabled() {
+        return h.value;
+      },
+      set disabled(l) {
+        h.value = l;
+      },
+      get multiple() {
+        return r;
+      }
+    },
+    actions: {
+      toggle: w,
+      open: S,
+      close: U,
+      select: E,
+      clear: z,
+      focusFirst: (l, u) => {
+        f.value = c(l, 0, 1, u);
+      },
+      focusLast: (l, u) => {
+        f.value = c(l, l - 1, -1, u);
+      },
+      focusNext: (l, u) => {
+        const i = f.value >= 0 ? f.value + 1 : 0;
+        f.value = c(l, i, 1, u);
+      },
+      focusPrevious: (l, u) => {
+        const i = f.value >= 0 ? f.value - 1 : l - 1;
+        f.value = c(l, i, -1, u);
+      },
+      setFocusedIndex: (l) => {
+        f.value = l;
+      },
+      setFilterText: (l) => {
+        x.value = l;
+      }
+    }
+  };
+}
+const We = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: null
+  },
+  multiple: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  filterable: {
+    type: Boolean,
+    default: !1
+  },
+  placeholder: {
+    type: String,
+    default: "请选择"
+  },
+  size: {
+    type: String
+  },
+  noDataText: {
+    type: String,
+    default: "无数据"
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  remote: {
+    type: Boolean,
+    default: !1
+  },
+  loadingText: {
+    type: String,
+    default: "加载中..."
+  }
+}, Ge = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0,
+  clear: () => !0,
+  "visible-change": (t) => !0,
+  "remove-tag": (t) => !0,
+  search: (t) => !0
+}, Je = {
+  value: {
+    type: [String, Number, Object],
+    required: !0
+  },
+  label: {
+    type: String,
+    required: !0
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  }
+}, pe = Symbol("SelectKey"), Qe = ["id", "disabled"], Xe = ["aria-expanded", "aria-activedescendant", "aria-disabled"], Ye = {
+  key: 0,
+  class: "l-select__tags"
+}, el = ["onClick"], ll = ["disabled", "aria-activedescendant", "placeholder"], tl = ["disabled", "aria-activedescendant", "placeholder"], al = {
+  key: 1,
+  class: "l-select__value"
+}, sl = {
+  key: 2,
+  class: "l-select__placeholder"
+}, nl = { class: "l-select__suffix" }, il = {
+  key: 0,
+  class: "l-select__loading",
+  viewBox: "0 0 1024 1024",
+  width: "14",
+  height: "14"
+}, rl = ["data-theme"], ol = ["aria-multiselectable"], ul = {
+  key: 1,
+  class: "l-select__loading-dropdown"
+}, cl = {
+  key: 2,
+  class: "l-select__empty"
+}, dl = /* @__PURE__ */ ce({
+  name: "Select",
+  __name: "Select",
+  props: We,
+  emits: Ge,
+  setup(t, { emit: r }) {
+    const s = t, p = r, { teleportedCssVars: x, teleportedTheme: f } = Ue(), { formItem: k, size: o, disabled: h, inputId: V } = je(s), w = J(null), S = J(null), U = qe("select"), E = (V == null ? void 0 : V.value) || U, z = `${E}-listbox`, c = Ze({
+      value: s.modelValue,
+      multiple: s.multiple,
+      disabled: h.value,
+      onInput: (e) => {
+        p("update:modelValue", e);
+      },
+      onChange: (e) => {
+        p("change", e), k == null || k.validate("change").catch(() => {
+        });
+      },
+      onClear: () => {
+        p("clear");
+      }
+    }), F = Ke({
+      placement: "bottom-start",
+      offset: 4,
+      flip: !0,
+      shift: !0
+    }), {
+      value: m,
+      isOpen: X,
+      disabled: T,
+      filterText: l,
+      focusedIndex: u
+    } = ue(c, {
+      value: () => s.modelValue,
+      disabled: () => h.value
+    }), {
+      isOpen: i,
+      x: C,
+      y: I
+    } = ue(F), { nextZIndex: D } = Pe(), N = J(2e3);
+    B(X, (e) => {
+      e ? F.actions.open() : (F.actions.close(), l.value = "");
+    }), B(l, (e) => {
+      p("search", e);
+    });
+    const L = () => {
+      w.value && S.value && F.actions.updatePosition(w.value, S.value);
+    };
+    let y = null;
+    B(i, (e) => {
+      e ? (N.value = D(), $(() => {
+        w.value && S.value && (y = Re(w.value, S.value, L));
+      }), s.filterable && $(() => {
+        var v;
+        const a = (v = w.value) == null ? void 0 : v.querySelector(".l-select__input");
+        a == null || a.focus();
+      })) : (y == null || y(), y = null, k == null || k.validate("blur").catch(() => {
+      })), p("visible-change", e);
+    }), B(m, async () => {
+      i.value && (await $(), L());
+    }, { deep: !0 });
+    const _ = Ie(/* @__PURE__ */ new Map());
+    let be = 0;
+    const ge = (e) => {
+      const a = _.get(e.value);
+      _.set(e.value, {
+        label: e.label,
+        disabled: e.disabled,
+        visible: e.visible,
+        order: (a == null ? void 0 : a.order) ?? be++
+      });
+    }, me = (e) => {
+      _.delete(e);
+    }, he = (e, a) => {
+      const v = _.get(e);
+      v && _.set(e, {
+        ...v,
+        visible: a
+      });
+    }, ye = (e, a) => {
+      const v = _.get(e);
+      v && _.set(e, {
+        ...v,
+        disabled: a
+      });
+    }, _e = O(() => {
+      if (_.size === 0) return !1;
+      for (const e of _.values())
+        if (e.visible) return !0;
+      return !1;
+    }), we = O(() => !s.loading && !_e.value), M = O(
+      () => Array.from(_.entries()).map(([e, a]) => ({
+        value: e,
+        ...a
+      })).filter((e) => e.visible).sort((e, a) => e.order - a.order)
+    ), j = (e) => {
+      const a = M.value[e];
+      return !!a && !a.disabled;
+    }, Y = (e) => `${E}-option-${String(e)}`, Z = O(() => M.value[u.value]), q = O(
+      () => Z.value ? Y(Z.value.value) : void 0
+    );
+    Le(pe, {
+      props: s,
+      value: m,
+      select: (e) => {
+        c.actions.select(e);
+      },
+      hoveredValue: null,
+      filterText: l,
+      focusedIndex: u,
+      activeOptionId: q,
+      listboxId: z,
+      getOptionId: Y,
+      registerOption: ge,
+      unregisterOption: me,
+      updateOptionVisibility: he,
+      updateOptionDisabled: ye
+    });
+    const ee = (e) => {
+      w.value && !w.value.contains(e.target) && S.value && !S.value.contains(e.target) && c.actions.close();
+    };
+    de(() => {
+      document.addEventListener("click", ee), window.addEventListener("resize", L);
+    }), ve(() => {
+      document.removeEventListener("click", ee), window.removeEventListener("resize", L);
+    });
+    const le = (e) => {
+      const a = _.get(e);
+      return a ? a.label : e;
+    }, te = O(() => s.multiple ? "" : le(m.value) ?? ""), Ce = O(() => ({
+      top: `${I.value}px`,
+      left: `${C.value}px`,
+      width: w.value ? `${w.value.offsetWidth}px` : "auto",
+      zIndex: N.value,
+      ...x.value
+    })), xe = O(() => [
+      "l-select",
+      `l-select--${o.value}`,
+      {
+        "is-open": i.value,
+        "is-focused": i.value,
+        "is-disabled": T.value,
+        "l-select--multiple": s.multiple,
+        "l-select--filterable": s.filterable
+      }
+    ]), ke = () => {
+      i.value || c.actions.open();
+    }, W = () => {
+      c.actions.focusFirst(M.value.length, j);
+    }, ae = () => {
+      c.actions.focusLast(M.value.length, j);
+    }, Oe = () => {
+      c.actions.focusNext(M.value.length, j);
+    }, Se = () => {
+      c.actions.focusPrevious(M.value.length, j);
+    }, Ve = () => {
+      const e = Z.value;
+      !e || e.disabled || c.actions.select(e.value);
+    }, G = (e) => {
+      if (!T.value)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), i.value ? Oe() : (c.actions.open(), $(W));
+            break;
+          case "ArrowUp":
+            e.preventDefault(), i.value ? Se() : (c.actions.open(), $(ae));
+            break;
+          case "Enter":
+          case " ":
+            e.preventDefault(), i.value ? Ve() : (c.actions.open(), $(W));
+            break;
+          case "Home":
+            if (!i.value) return;
+            e.preventDefault(), W();
+            break;
+          case "End":
+            if (!i.value) return;
+            e.preventDefault(), ae();
+            break;
+          case "Escape":
+            if (!i.value) return;
+            e.preventDefault(), c.actions.close();
+            break;
+        }
+    };
+    return (e, a) => (b(), g("div", {
+      ref_key: "selectRef",
+      ref: w,
+      class: H(xe.value)
+    }, [
+      d("input", {
+        id: n(E),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: n(T)
+      }, null, 8, Qe),
+      d("div", {
+        class: "l-select__trigger",
+        role: "combobox",
+        tabindex: "0",
+        "aria-haspopup": "listbox",
+        "aria-expanded": n(i) ? "true" : "false",
+        "aria-controls": z,
+        "aria-activedescendant": q.value,
+        "aria-disabled": n(T) ? "true" : "false",
+        onClick: ke,
+        onKeydown: G
+      }, [
+        e.multiple && Array.isArray(n(m)) && n(m).length > 0 ? (b(), g("div", Ye, [
+          (b(!0), g(se, null, ze(n(m), (v) => (b(), g("span", {
+            key: v,
+            class: "l-select-tag"
+          }, [
+            Te(A(le(v)) + " ", 1),
+            d("button", {
+              type: "button",
+              class: "l-select-tag__close",
+              "aria-label": "Remove selected option",
+              onClick: K((bl) => n(c).actions.select(v), ["stop"])
+            }, [...a[5] || (a[5] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                width: "12",
+                height: "12"
+              }, [
+                d("path", {
+                  fill: "currentColor",
+                  d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                })
+              ], -1)
+            ])], 8, el)
+          ]))), 128)),
+          e.filterable ? Q((b(), g("input", {
+            key: 0,
+            "onUpdate:modelValue": a[0] || (a[0] = (v) => ne(l) ? l.value = v : null),
+            type: "text",
+            class: "l-select__input",
+            disabled: n(T),
+            "aria-controls": z,
+            "aria-activedescendant": q.value,
+            placeholder: n(m).length === 0 ? e.placeholder : "",
+            onInput: a[1] || (a[1] = (v) => n(c).actions.open()),
+            onKeydown: K(G, ["stop"])
+          }, null, 40, ll)), [
+            [ie, n(l)]
+          ]) : R("", !0)
+        ])) : (b(), g(se, { key: 1 }, [
+          e.filterable ? Q((b(), g("input", {
+            key: 0,
+            "onUpdate:modelValue": a[2] || (a[2] = (v) => ne(l) ? l.value = v : null),
+            type: "text",
+            class: "l-select__input",
+            disabled: n(T),
+            "aria-controls": z,
+            "aria-activedescendant": q.value,
+            placeholder: n(m) !== null && n(m) !== "" && !n(i) ? te.value : e.placeholder,
+            onInput: a[3] || (a[3] = (v) => n(c).actions.open()),
+            onKeydown: K(G, ["stop"])
+          }, null, 40, tl)), [
+            [ie, n(l)]
+          ]) : n(m) !== null && n(m) !== "" ? (b(), g("div", al, A(te.value), 1)) : (b(), g("div", sl, A(e.placeholder), 1))
+        ], 64)),
+        d("div", nl, [
+          e.loading ? (b(), g("svg", il, [...a[6] || (a[6] = [
+            d("path", {
+              fill: "currentColor",
+              d: "M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+            }, null, -1),
+            d("path", {
+              fill: "currentColor",
+              d: "M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"
+            }, null, -1)
+          ])])) : e.clearable && n(m) !== null && n(m) !== "" ? (b(), g("button", {
+            key: 1,
+            type: "button",
+            class: "l-select__clear",
+            "aria-label": "Clear selected option",
+            onClick: a[4] || (a[4] = K(
+              //@ts-ignore
+              (...v) => n(c).actions.clear && n(c).actions.clear(...v),
+              ["stop"]
+            ))
+          }, [...a[7] || (a[7] = [
+            d("svg", {
+              viewBox: "0 0 1024 1024",
+              width: "14",
+              height: "14"
+            }, [
+              d("path", {
+                fill: "currentColor",
+                d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.5-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155.1-130.1-155.1a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 460.6l99.3-118.5 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 510.1l130.1 155.1c2.8 3.4 2.5 8.5-.9 11.3-1.4 1.2-3.3 1.9-5.3 1.9z"
+              })
+            ], -1)
+          ])])) : R("", !0),
+          re(n(He), {
+            name: "lucide:chevron-down",
+            class: H(["l-select__caret", { "is-reverse": n(i) }])
+          }, null, 8, ["class"])
+        ])
+      ], 40, Xe),
+      (b(), De(Be, { to: "body" }, [
+        re(Me, { name: "l-select-fade" }, {
+          default: $e(() => [
+            Q(d("div", {
+              ref_key: "popperRef",
+              ref: S,
+              class: H(["l-select__popper", `l-select--${n(o)}`]),
+              "data-theme": n(f),
+              style: Ae(Ce.value)
+            }, [
+              d("div", {
+                id: z,
+                class: "l-select__dropdown",
+                role: "listbox",
+                "aria-multiselectable": e.multiple ? "true" : void 0
+              }, [
+                e.loading ? R("", !0) : fe(e.$slots, "default", { key: 0 }),
+                e.loading ? (b(), g("div", ul, [
+                  a[8] || (a[8] = d("svg", {
+                    class: "l-select__loading-icon",
+                    viewBox: "0 0 1024 1024",
+                    width: "24",
+                    height: "24"
+                  }, [
+                    d("path", {
+                      fill: "currentColor",
+                      d: "M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
+                      opacity: ".2"
+                    }),
+                    d("path", {
+                      fill: "currentColor",
+                      d: "M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"
+                    })
+                  ], -1)),
+                  d("span", null, A(e.loadingText), 1)
+                ])) : we.value ? (b(), g("div", cl, [
+                  a[9] || (a[9] = d("svg", {
+                    class: "l-select__empty-icon",
+                    viewBox: "0 0 1024 1024",
+                    width: "40",
+                    height: "40"
+                  }, [
+                    d("path", {
+                      fill: "currentColor",
+                      d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 800c-194.4 0-352-157.6-352-352s157.6-352 352-352 352 157.6 352 352-157.6 352-352 352z"
+                    }),
+                    d("path", {
+                      fill: "currentColor",
+                      d: "M512 312c-11.3 0-20.7 9.4-20.7 20.7v248.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V332.7c0-11.3-9.4-20.7-20.7-20.7zM512 650.3c-11.3 0-20.7 9.4-20.7 20.7s9.4 20.7 20.7 20.7 20.7-9.4 20.7-20.7-9.4-20.7-20.7-20.7z"
+                    })
+                  ], -1)),
+                  d("span", null, A(e.noDataText), 1)
+                ])) : R("", !0)
+              ], 8, ol)
+            ], 14, rl), [
+              [Ee, n(i)]
+            ])
+          ]),
+          _: 3
+        })
+      ]))
+    ], 2));
+  }
+}), vl = ["id", "aria-selected", "aria-disabled"], fl = {
+  key: 0,
+  class: "l-option__check"
+}, pl = /* @__PURE__ */ ce({
+  name: "Option",
+  __name: "Option",
+  props: Je,
+  setup(t) {
+    const r = t, s = Fe(pe), p = O(() => {
+      if (!s) return !1;
+      const o = s.value.value;
+      return Array.isArray(o) ? o.includes(r.value) : o === r.value;
+    }), x = O(() => !s || !s.props.filterable || s.props.remote || !s.filterText.value ? !0 : r.label.toLowerCase().includes(s.filterText.value.toLowerCase()));
+    de(() => {
+      s && s.registerOption({
+        value: r.value,
+        label: r.label,
+        disabled: r.disabled,
+        visible: x.value
+      });
+    }), ve(() => {
+      s && s.unregisterOption(r.value);
+    }), B(x, (o) => {
+      s && s.updateOptionVisibility(r.value, o);
+    }), B(() => r.disabled, (o) => {
+      s && s.updateOptionDisabled(r.value, o);
+    }), B(() => r.label, (o) => {
+      s && s.registerOption({
+        value: r.value,
+        label: o,
+        disabled: r.disabled,
+        visible: x.value
+      });
+    });
+    const f = () => {
+      r.disabled || !s || s.select(r.value);
+    }, k = O(() => [
+      "l-option",
+      {
+        "is-selected": p.value,
+        "is-disabled": r.disabled,
+        "is-hidden": !x.value,
+        "is-focused": (s == null ? void 0 : s.activeOptionId.value) === (s == null ? void 0 : s.getOptionId(r.value))
+      }
+    ]);
+    return (o, h) => {
+      var V;
+      return b(), g("div", {
+        id: (V = n(s)) == null ? void 0 : V.getOptionId(r.value),
+        class: H(k.value),
+        role: "option",
+        "aria-selected": p.value ? "true" : "false",
+        "aria-disabled": r.disabled ? "true" : "false",
+        onClick: K(f, ["stop"])
+      }, [
+        fe(o.$slots, "default", {}, () => [
+          d("span", null, A(o.label), 1)
+        ]),
+        p.value ? (b(), g("span", fl, [...h[0] || (h[0] = [
+          d("svg", {
+            viewBox: "0 0 1024 1024",
+            width: "14",
+            height: "14"
+          }, [
+            d("path", {
+              fill: "currentColor",
+              d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
+            })
+          ], -1)
+        ])])) : R("", !0)
+      ], 10, vl);
+    };
+  }
+}), Vl = {
+  install(t) {
+    t.component("LSelect", dl), t.component("LOption", pl);
+  }
+};
+export {
+  pl as LOption,
+  dl as LSelect,
+  pe as SelectKey,
+  Vl as default,
+  Je as optionProps,
+  Ge as selectEmits,
+  We as selectProps
+};