@huyooo/ui 0.4.55 → 0.4.57

package/dist/UserAccountMenu-Cc_HoQTG.js

@@ -0,0 +1,42 @@
+import { defineComponent as d, createElementBlock as u, openBlock as _, Fragment as p, createElementVNode as e, renderSlot as v, toDisplayString as i, unref as s, createVNode as f } from "vue";
+import { Icon as k } from "@iconify/vue";
+import { a as h } from "./useAuthkitUsersProfile-CT2MN1S5.js";
+import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = {
+  class: "avatar"
+}, M = {
+  class: "meta"
+}, S = {
+  class: "name"
+}, g = {
+  class: "email"
+}, w = {
+  class: "arrow"
+}, x = /* @__PURE__ */ d({
+  __name: "UserAccountMenu",
+  emits: ["click"],
+  setup(B, {
+    emit: a
+  }) {
+    const {
+      userProfile: t
+    } = h(), l = a;
+    function m(o) {
+      l("click", o);
+    }
+    return (o, n) => {
+      var c, r;
+      return _(), u(p, null, [e("div", {
+        class: "UserAccountMenu",
+        onClick: m
+      }, [e("div", A, [v(o.$slots, "avatar", {}, void 0, !0)]), e("div", M, [e("div", S, i(((c = s(t)) == null ? void 0 : c.nickname) || ""), 1), e("div", g, i(((r = s(t)) == null ? void 0 : r.email) || ""), 1)]), e("div", w, [f(s(k), {
+        icon: "lucide:chevrons-up-down"
+      })])]), n[0] || (n[0] = e("div", {
+        class: "UserAccountMenuSpacer"
+      }, null, -1))], 64);
+    };
+  }
+}), P = /* @__PURE__ */ U(x, [["__scopeId", "data-v-3871b2e4"]]);
+export {
+  P as U
+};

package/dist/UserPanel-02AaOgsx.js

@@ -0,0 +1,576 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { defineComponent as S, createElementBlock as y, openBlock as l, normalizeStyle as F, normalizeClass as q, createElementVNode as f, computed as U, createBlock as g, createCommentVNode as D, createVNode as i, unref as o, withCtx as s, createTextVNode as m, toDisplayString as C, mergeModels as V, useModel as E, renderSlot as _e, ref as d, Fragment as Se } from "vue";
+import { Tag as be, Button as K, Avatar as T, Dropdown as Ce, Divider as W, Doption as _ } from "@arco-design/web-vue";
+import { S as Ie } from "./PaySubscriptions-B42IdT-5.js";
+import { R as $e } from "./ReferrerReferees-CvuUodDZ.js";
+import { a as X, u as we } from "./useAuthkitUsersProfile-CT2MN1S5.js";
+import { u as he } from "./useAuthkitAuthModal-C153ZpNb.js";
+import { a as xe, b as Be } from "./AuthkitAppSetting-D7k_8buM.js";
+import { d as Me } from "./FeedbackModal-D7tjJLBj.js";
+import { M as Ue } from "./MessageHandle-Dt6rb0rg.js";
+/* empty css               */
+/* empty css               */
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+import { I as w } from "./index-Cr5RQSnA.js";
+import { _ as Y, g as G, i as J } from "./plugin-vue_export-helper-LjDO2Zua.js";
+const Ve = S({
+  name: "IconExport",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = G("icon"), a = U(() => [n, `${n}-export`, {
+      [`${n}-spin`]: e.spin
+    }]), c = U(() => {
+      const r = {};
+      return e.size && (r.fontSize = J(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+    });
+    return {
+      cls: a,
+      innerStyle: c,
+      onClick: (r) => {
+        t("click", r);
+      }
+    };
+  }
+}), De = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Pe(e, t, n, a, c, k) {
+  return l(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: q(e.cls),
+    style: F(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, t[1] || (t[1] = [f("path", {
+    d: "M31.928 33.072 41 24.002l-9.072-9.072M16.858 24h24M31 41H7V7h24"
+  }, null, -1)]), 14, De);
+}
+var R = /* @__PURE__ */ Y(Ve, [["render", Pe]]);
+const Ae = Object.assign(R, {
+  install: (e, t) => {
+    var n;
+    const a = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(a + R.name, R);
+  }
+}), Re = S({
+  name: "IconLaunch",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = G("icon"), a = U(() => [n, `${n}-launch`, {
+      [`${n}-spin`]: e.spin
+    }]), c = U(() => {
+      const r = {};
+      return e.size && (r.fontSize = J(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+    });
+    return {
+      cls: a,
+      innerStyle: c,
+      onClick: (r) => {
+        t("click", r);
+      }
+    };
+  }
+}), ze = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ne(e, t, n, a, c, k) {
+  return l(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    stroke: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: q(e.cls),
+    style: F(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, t[1] || (t[1] = [f("path", {
+    d: "M41 26v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h14M19.822 28.178 39.899 8.1M41 20V7H28"
+  }, null, -1)]), 14, ze);
+}
+var z = /* @__PURE__ */ Y(Re, [["render", Ne]]);
+const Le = Object.assign(z, {
+  install: (e, t) => {
+    var n;
+    const a = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(a + z.name, z);
+  }
+}), Oe = {
+  class: "pricing"
+}, je = {
+  class: "base"
+}, He = {
+  class: "pricingInfo"
+}, Fe = /* @__PURE__ */ S({
+  __name: "UserSubscriptionBaseInformation",
+  props: {
+    currentVersionName: {
+      type: String,
+      required: !0
+    },
+    expireDate: {
+      type: String,
+      required: !0
+    },
+    canUpgrade: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["upgradeHandle"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, a = t;
+    function c() {
+      a("upgradeHandle");
+    }
+    return (k, r) => (l(), y("div", Oe, [f("div", je, [f("div", He, [r[0] || (r[0] = f("span", null, "我的订阅：", -1)), i(o(be), {
+      color: "arcoblue",
+      style: {
+        "border-radius": "6px"
+      }
+    }, {
+      default: s(() => [m(C(n.currentVersionName), 1)]),
+      _: 1
+    })]), n.canUpgrade ? (l(), g(o(K), {
+      key: 0,
+      type: "primary",
+      size: "mini",
+      class: "updatePricing",
+      onClick: c
+    }, {
+      default: s(() => r[1] || (r[1] = [m(" 升级 ")])),
+      _: 1,
+      __: [1]
+    })) : D("", !0)]), f("span", null, "有效期至: " + C(n.expireDate), 1)]));
+  }
+}), qe = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-1e32fa72"]]), Ee = {
+  class: "userInfo"
+}, Ke = {
+  key: 0,
+  class: "userName"
+}, Te = /* @__PURE__ */ S({
+  __name: "UserAvatar",
+  props: {
+    nickname: {
+      type: String,
+      default: ""
+    },
+    avatar: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (l(), y("div", Ee, [t.nickname ? (l(), y("span", Ke, C(t.nickname), 1)) : D("", !0), i(o(T), {
+      "image-url": t.avatar,
+      size: 32,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"])]));
+  }
+}), We = /* @__PURE__ */ h(Te, [["__scopeId", "data-v-a7a47cc4"]]), Xe = {
+  class: "userInfo"
+}, Ye = {
+  class: "extra"
+}, Ge = {
+  class: "userName"
+}, Je = {
+  class: "email"
+}, Qe = {
+  key: 0,
+  class: "referrerId"
+}, Ze = /* @__PURE__ */ S({
+  __name: "UserBasicInformation",
+  props: {
+    nickname: {
+      type: String,
+      default: ""
+    },
+    email: {
+      type: String,
+      default: ""
+    },
+    avatarUrl: {
+      type: String,
+      default: ""
+    },
+    referrerId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (l(), y("div", Xe, [i(o(T), {
+      "image-url": t.avatarUrl,
+      size: 42,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"]), f("div", Ye, [f("span", Ge, C(t.nickname), 1), f("span", Je, C(t.email), 1), t.referrerId ? (l(), y("span", Qe, " 邀请码：" + C(t.referrerId), 1)) : D("", !0)])]));
+  }
+}), et = /* @__PURE__ */ h(Ze, [["__scopeId", "data-v-367449da"]]), tt = {
+  class: "dropdownContent"
+}, nt = {
+  class: "header"
+}, ot = /* @__PURE__ */ S({
+  __name: "UserButton",
+  props: /* @__PURE__ */ V({
+    position: {
+      default: "bl"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  }, {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["enterSystem", "toSignIn"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, a = t, {
+      userProfile: c,
+      isLoggedIn: k
+    } = X();
+    function r() {
+      a("toSignIn");
+    }
+    const I = E(e, "modelValue");
+    return (P, p) => o(k) ? (l(), g(o(Ce), {
+      key: 1,
+      popupVisible: I.value,
+      "onUpdate:popupVisible": p[0] || (p[0] = (v) => I.value = v),
+      class: "DropdownUserInfo",
+      position: n.position,
+      "popup-style": {
+        "--dropdown-translate-x": n.dropdownOffsetX ?? "0",
+        "--dropdown-translate-y": n.dropdownOffsetY ?? "0"
+      }
+    }, {
+      content: s(() => {
+        var v, x, B, $;
+        return [f("div", tt, [f("div", nt, [i(et, {
+          "avatar-url": (v = o(c)) == null ? void 0 : v.avatarUrl,
+          nickname: (x = o(c)) == null ? void 0 : x.nickname,
+          email: (B = o(c)) == null ? void 0 : B.email,
+          "referrer-id": ($ = o(c)) == null ? void 0 : $.referrerId
+        }, null, 8, ["avatar-url", "nickname", "email", "referrer-id"]), i(qe, {
+          currentVersionName: "免费版本",
+          "expire-date": "2025-01-01",
+          "can-upgrade": !0
+        })]), i(o(W), {
+          style: {
+            margin: "10px 0px"
+          }
+        }), _e(P.$slots, "DoptionList", {}, void 0, !0)])];
+      }),
+      default: s(() => {
+        var v;
+        return [i(We, {
+          avatar: (v = o(c)) == null ? void 0 : v.avatarUrl
+        }, null, 8, ["avatar"])];
+      }),
+      _: 3
+    }, 8, ["popupVisible", "position", "popup-style"])) : (l(), g(o(K), {
+      key: 0,
+      type: "primary",
+      class: "handle",
+      onClick: r
+    }, {
+      default: s(() => p[1] || (p[1] = [m(" 登陆 ")])),
+      _: 1,
+      __: [1]
+    }));
+  }
+}), rt = /* @__PURE__ */ h(ot, [["__scopeId", "data-v-ba98c4bf"]]), it = {
+  class: "UserPanel"
+}, st = /* @__PURE__ */ S({
+  __name: "UserPanel",
+  props: /* @__PURE__ */ V({
+    position: {
+      default: "bl"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  }, {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["toHomePage", "signOut", "signIn"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, a = d(), c = d(), k = d(Symbol("key")), r = t, {
+      fetchUserProfile: I,
+      clearUserProfile: P,
+      isLoggedIn: p
+    } = X(), {
+      addSignInCallback: v,
+      initializeAuth: x,
+      clearAuth: B
+    } = we();
+    x() && I();
+    const $ = d(), N = d(Symbol("key")), L = d(), O = d(), Q = d(Symbol("key")), Z = d(), ee = d(Symbol("key"));
+    function te(H) {
+    }
+    function ne(H) {
+    }
+    const {
+      show: oe
+    } = he(), j = E(e, "modelValue");
+    function re() {
+      N.value = Symbol("key");
+    }
+    const A = d(), M = d(Symbol("key"));
+    function ie() {
+      M.value = Symbol("key");
+    }
+    function se() {
+      M.value = Symbol("key");
+    }
+    function b() {
+      oe.value = !0, r("signIn");
+    }
+    v(() => {
+      I();
+    });
+    function ae() {
+      k.value = Symbol("key");
+    }
+    function le() {
+      c.value.show = !1;
+    }
+    function ue() {
+      M.value = Symbol("key");
+    }
+    function ce() {
+      A.value.setData(null, !0);
+    }
+    function de() {
+      if (!p.value) {
+        b();
+        return;
+      }
+      A.value.setData(null, !0);
+    }
+    function pe() {
+      if (!p.value) {
+        b();
+        return;
+      }
+      L.value.openNotification();
+    }
+    function fe() {
+      if (!p.value) {
+        b();
+        return;
+      }
+      O.value.setData(null, !0);
+    }
+    function me() {
+      if (!p.value) {
+        b();
+        return;
+      }
+      a.value.setData(!0);
+    }
+    function ke() {
+      if (!p.value) {
+        b();
+        return;
+      }
+      $.value.setData(!0);
+    }
+    function ve() {
+      r("toHomePage");
+    }
+    async function ye() {
+      P(), B(), r("signOut");
+    }
+    return (H, u) => (l(), y("div", it, [i(rt, {
+      modelValue: j.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (ge) => j.value = ge),
+      position: n.position,
+      "dropdown-offset-x": n.dropdownOffsetX,
+      "dropdown-offset-y": n.dropdownOffsetY,
+      onToSignIn: b
+    }, {
+      DoptionList: s(() => [i(o(_), {
+        value: "messages",
+        class: "Doption",
+        onClick: pe
+      }, {
+        icon: s(() => u[1] || (u[1] = [m("消息中心")])),
+        default: s(() => [i(o(w))]),
+        _: 1
+      }), i(o(_), {
+        value: "setting",
+        class: "Doption",
+        onClick: de
+      }, {
+        icon: s(() => u[2] || (u[2] = [m("系统设置 ")])),
+        default: s(() => [i(o(w))]),
+        _: 1
+      }), i(o(_), {
+        value: "subscription",
+        class: "Doption",
+        onClick: fe
+      }, {
+        icon: s(() => u[3] || (u[3] = [m("订阅信息 ")])),
+        default: s(() => [i(o(w))]),
+        _: 1
+      }), i(o(_), {
+        value: "feedBack",
+        class: "Doption",
+        onClick: me
+      }, {
+        icon: s(() => u[4] || (u[4] = [m("系统反馈 ")])),
+        default: s(() => [i(o(w))]),
+        _: 1
+      }), i(o(_), {
+        value: "invitations",
+        class: "Doption",
+        onClick: ke
+      }, {
+        icon: s(() => u[5] || (u[5] = [m("邀请 ")])),
+        default: s(() => [i(o(w))]),
+        _: 1
+      }), i(o(W), {
+        style: {
+          margin: "10px 0px"
+        }
+      }), i(o(_), {
+        value: "homePage",
+        class: "Doption",
+        onClick: ve
+      }, {
+        icon: s(() => u[6] || (u[6] = [m("主页 ")])),
+        default: s(() => [i(o(Le))]),
+        _: 1
+      }), i(o(_), {
+        value: "signOut",
+        class: "Doption",
+        onClick: ye
+      }, {
+        icon: s(() => u[7] || (u[7] = [m("退出登陆 ")])),
+        default: s(() => [i(o(Ae))]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["modelValue", "position", "dropdown-offset-x", "dropdown-offset-y"]), (l(), g(xe, {
+      ref_key: "AuthModalRef",
+      ref: Z,
+      key: ee.value,
+      size: "large",
+      onToPrivacyPolicy: te,
+      onToUserServiceAgreement: ne
+    })), o(p) ? (l(), y(Se, {
+      key: 0
+    }, [(l(), g(Be, {
+      ref_key: "AppSettingRef",
+      ref: A,
+      key: M.value,
+      onConfirm: ce,
+      onCancel: ue
+    })), (l(), g($e, {
+      ref_key: "RefereesRef",
+      ref: $,
+      key: N.value,
+      onCancel: re
+    })), (l(), g(Ie, {
+      ref_key: "SubscriptionsRef",
+      ref: O,
+      key: Q.value,
+      title: "订阅详情",
+      onConfirm: ie,
+      onCancel: se
+    })), i(Ue, {
+      ref_key: "MessageHandleRef",
+      ref: L
+    }, null, 512), (l(), g(Me, {
+      ref_key: "FeedBackModalRef",
+      ref: a,
+      key: k.value,
+      onConfirm: le,
+      onCancel: ae
+    }))], 64)) : D("", !0)]));
+  }
+}), ht = /* @__PURE__ */ h(st, [["__scopeId", "data-v-4c4c85af"]]);
+export {
+  qe as S,
+  ht as U,
+  rt as a,
+  We as b,
+  et as c
+};

package/dist/common.js

@@ -3,7 +3,7 @@ import { C as t, G as n, S as p, W as m } from "./WidthContainer-D795bWdT.js";
 import { C as i, E as l } from "./CustomTable-JflAYS8i.js";
 import { I as x } from "./MessageHandle-Dt6rb0rg.js";
 import { M as d, a as b } from "./Menu-Cxo8Rpu3.js";
-import { S as U, b as g, c as I, a as S, U as v } from "./UserPanel-BfwmCJ7B.js";
+import { S as U, b as g, c as I, a as S, U as v } from "./UserPanel-02AaOgsx.js";
 import { S as B } from "./PaySubscriptions-B42IdT-5.js";
 import { R as M } from "./ReferrerReferees-CvuUodDZ.js";
 import { _ as H } from "./Upload.vue_vue_type_script_setup_true_lang-Bw3IlEUj.js";

package/dist/components/User/UserAccountMenu.vue.d.ts

@@ -0,0 +1,21 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/User/UserButton.vue.d.ts

@@ -1,3 +1,11 @@
+type __VLS_Props = {
+    position?: "tl" | "tr" | "bl" | "br" | "top" | "bottom" | "left" | "right" | "lt" | "lb" | "rt" | "rb";
+    dropdownOffsetX?: string;
+    dropdownOffsetY?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -7,13 +15,19 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     enterSystem: (...args: any[]) => void;
     toSignIn: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "update:modelValue": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnterSystem?: ((...args: any[]) => any) | undefined;
     onToSignIn?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {
+    position: "tl" | "tr" | "bl" | "br" | "top" | "bottom" | "left" | "right" | "lt" | "lb" | "rt" | "rb";
+    dropdownOffsetX: string;
+    dropdownOffsetY: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {