@das-fed/ui 6.4.0-hot.33 → 6.4.0-hot.34

package/packages/components/cascader/index.js

@@ -1,21 +1,22 @@
 import '@das-fed/ui/packages/components/cascader/style.css';
-import { defineComponent as Y, useCssVars as ee, useAttrs as ae, ref as l, computed as i, watchEffect as re, openBlock as t, createElementBlock as s, normalizeClass as oe, normalizeStyle as p, createVNode as M, unref as d, withCtx as f, withDirectives as T, createTextVNode as _, toDisplayString as m, mergeProps as te, isRef as le, renderSlot as E, normalizeProps as se, guardReactiveProps as de, Fragment as L, createElementVNode as V, createBlock as ce, Teleport as ie, createCommentVNode as R, nextTick as ue } from "vue";
-import { withInstall as ne } from "@das-fed/utils/with-install/index";
-import { ElCascader as pe } from "element-plus";
+import { defineComponent as be, useCssVars as ye, ref as l, useAttrs as ge, computed as i, watch as I, watchEffect as xe, openBlock as d, createElementBlock as p, normalizeClass as Ve, normalizeStyle as g, createVNode as R, unref as v, withCtx as T, withDirectives as J, mergeProps as Te, isRef as Ce, renderSlot as K, normalizeProps as ke, guardReactiveProps as we, createTextVNode as Q, toDisplayString as C, Fragment as X, createElementVNode as H, createBlock as ze, Teleport as Be, createCommentVNode as Y, nextTick as ee } from "vue";
+import { withInstall as Me } from "@das-fed/utils/with-install/index";
+import { ElCascader as Fe } from "element-plus";
 import "element-plus/es/components/cascader/style/css";
-import { vHoverInside as fe } from "@das-fed/utils/directive/hoverInside/index";
-import { getVarValue as w, getVar as N, setThemeRule as me } from "@das-fed/web/packages/theme/index";
-import { t as ve, setI18nRule as he } from "@das-fed/web/packages/i18n/index";
-import { vScrollbar as $ } from "@das-fed/ui/packages/components/scrollbar/index";
-import { DasTooltip as H } from "@das-fed/ui/packages/components/tooltip/index";
-import { useModelValue as be } from "@das-fed/utils/vue";
-const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px" } }, ge = {
+import { vHoverInside as He } from "@das-fed/utils/directive/hoverInside/index";
+import { getVarValue as ae, getVar as oe, setThemeRule as _e } from "@das-fed/web/packages/theme/index";
+import { t as Ee, setI18nRule as De } from "@das-fed/web/packages/i18n/index";
+import { vScrollbar as Se } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasTooltip as te } from "@das-fed/ui/packages/components/tooltip/index";
+import { calcTextWidth as Pe } from "@das-fed/utils/common-tools";
+import { useModelValue as Le } from "@das-fed/utils/vue";
+const Ie = { style: { maxheight: "200px" } }, Re = {
   key: 0,
   class: "das-cascader-error-label-content"
-}, Ve = {
+}, We = {
   name: "DasCascader"
-}, we = /* @__PURE__ */ Y({
-  ...Ve,
+}, $e = /* @__PURE__ */ be({
+  ...We,
   props: {
     modelValue: { default: void 0 },
     props: {},
@@ -23,7 +24,7 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     width: { default: "230px" },
     height: {},
     bordered: { type: Boolean, default: !1 },
-    placeholder: { default: ve("请选择") },
+    placeholder: { default: Ee("请选择") },
     collapseTags: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -37,262 +38,252 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:model-value", "change"],
-  setup(b, { expose: k, emit: y }) {
-    ee((a) => ({
-      "9c0cf234": q.value,
-      "73685c07": G.value,
-      "3e5480a2": z.value
+  setup(k, { expose: _, emit: w }) {
+    ye((e) => ({
+      efddac7c: pe.value,
+      "604514ab": ve.value,
+      "2618b704": P.value
     }));
-    const e = b, u = be(e, "modelValue"), D = y, O = ae(), n = l(null), x = l(), v = l(), B = l(!1), g = l({
+    const a = k, t = Le(a, "modelValue"), le = l(null), W = w, re = ge(), f = l(null), x = l(null), $ = l(null), z = l(), E = l(!1), B = i(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), m = l(0), h = l(0), n = l(!1), se = i(() => (Array.isArray(t.value) ? t.value.length : t.value) ? z.value : B.value), M = i(() => {
+      var e;
+      return x.value ? (e = x.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+    }), A = () => {
+      const e = a.size === "table" ? 12 : 14;
+      return Pe(B.value, e);
+    }, N = () => {
+      ee(() => {
+        var e, o;
+        if (M.value) {
+          m.value = ((e = M.value) == null ? void 0 : e.offsetWidth) ?? 0;
+          const r = Array.isArray(t.value) ? t.value.length : t.value;
+          h.value = r ? (o = M.value) == null ? void 0 : o.scrollWidth : A(), (m.value === h.value || h.value - m.value < 1) && (n.value = !1);
+        }
+      });
+    };
+    I(
+      () => M.value,
+      (e) => {
+        setTimeout(() => {
+          const o = e;
+          if (o) {
+            m.value = (o == null ? void 0 : o.offsetWidth) ?? 0;
+            const r = Array.isArray(t.value) ? t.value.length : t.value;
+            h.value = r ? o == null ? void 0 : o.scrollWidth : A();
+          }
+        }, 200);
+      }
+    ), I(() => [B.value, t.value], N);
+    const b = l();
+    I(
+      () => {
+        var e;
+        return (e = $.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          n.value = !0, b.value && clearTimeout(b.value);
+        }), e.addEventListener("mouseleave", function() {
+          b.value = setTimeout(() => {
+            n.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const V = l({
       x: 0,
       y: 0
-    }), S = l(0), P = i(() => ({
+    }), D = l(0), S = i(() => ({
       "font-size": "12px",
-      "background-color": w("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
       "box-sizing": "border-box",
-      "z-index": e.errorModelZIndex
-    })), W = i(() => ({
-      ...P.value,
-      width: S.value + "px",
+      "z-index": a.errorModelZIndex,
+      "background-color": ae("--das-ui-color-overlay-error").value
+    })), ue = i(() => ({
+      ...S.value,
+      width: D.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: g.value.y + "px",
-      left: g.value.x + "px"
-    })), C = l({
+      top: V.value.y + "px",
+      left: V.value.x + "px"
+    })), F = l({
       display: "block",
-      color: w("--das-ui-input-error-color").value,
+      color: ae("--das-ui-cascader-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), Z = () => {
-      var o;
-      const { top: a = 0, left: r = 0 } = ((o = x.value) == null ? void 0 : o.getBoundingClientRect()) ?? {}, c = x.value.clientHeight;
-      S.value = x.value.clientWidth, g.value.x = r, g.value.y = a + c;
-    }, A = () => {
-      Z(), B.value = !0;
-    }, U = () => {
-      B.value = !1;
-    }, j = (a, r) => {
-      a ? A() : U();
-    }, q = i(() => e.width ? e.width : "230px"), G = i(() => e.height ? e.height : "auto"), I = i(() => ({
-      width: typeof e.width == "number" ? e.width + "px" : e.width
-    })), z = l("-10px");
-    i(() => {
-      var a, r;
-      return !((a = e.props) != null && a.multiple) && !((r = e.props) != null && r.checkStrictly) ? w("--das-ui-cascader-color-primary").value : w("--das-ui-cascader-color-text").value;
-    }), re(() => {
-      u.value ? setTimeout(() => {
-        K();
-      }, 1e3) : v.value = "";
+    }), ie = () => {
+      var j, q;
+      const e = () => {
+        var u = document.createElement("div");
+        for (let [L, G] of Object.entries({
+          ...S.value,
+          ...F.value,
+          width: D.value + "px"
+        }))
+          u.style[L] = G;
+        u.textContent = a.errorLabel, document.body.appendChild(u);
+        const U = u.offsetHeight;
+        return document.body.removeChild(u), U;
+      }, o = () => {
+        const u = document.documentElement.clientHeight, L = document.documentElement.scrollHeight - u;
+        return u - L;
+      };
+      D.value = (j = x.value) == null ? void 0 : j.clientWidth;
+      const { top: r = 0, left: s = 0, height: y = 0 } = ((q = x.value) == null ? void 0 : q.getBoundingClientRect()) ?? {}, c = o(), Z = e();
+      r + y + Z >= c ? V.value.y = r - Z : V.value.y = r + y, V.value.x = s;
+    }, de = () => {
+      N(), m.value === h.value || h.value - m.value < 1 ? n.value = !1 : (n.value = !0, b.value && clearTimeout(b.value)), ie(), E.value = !0;
+    }, ne = () => {
+      b.value = setTimeout(() => {
+        n.value = !1;
+      }, 200), E.value = !1;
+    }, ce = (e, o) => {
+      e ? de() : ne();
+    }, pe = i(() => a.width ? a.width : "230px"), ve = i(() => a.height ? a.height : "auto"), O = i(() => ({
+      width: typeof a.width == "number" ? a.width + "px" : a.width
+    })), P = l("-10px");
+    xe(() => {
+      t.value ? setTimeout(() => {
+        fe();
+      }, 1e3) : z.value = "";
     });
-    const J = i(() => e.isView ? e.noSetDefaultVal ? " " : "-" : e.placeholder ?? " "), K = () => {
-      var r;
-      let a = (r = n == null ? void 0 : n.value) == null ? void 0 : r.getCheckedNodes();
-      a && a[0] && a[0].text ? v.value = a[0].text : v.value = "";
-    }, Q = (a, r) => {
-      D("update:model-value", a), D("change", a);
-    }, X = (a) => {
-      ue(() => {
-        var c, o;
-        const r = (o = (c = n.value) == null ? void 0 : c.popperPaneRef) == null ? void 0 : o.attributes["data-popper-placement"].value;
-        r && r.indexOf("top") > -1 ? z.value = "10px" : z.value = "-10px";
+    const fe = () => {
+      var o;
+      let e = (o = f == null ? void 0 : f.value) == null ? void 0 : o.getCheckedNodes();
+      e && e[0] && e[0].text ? z.value = e[0].text : z.value = "";
+    }, me = (e, o) => {
+      W("update:model-value", e), W("change", e);
+    }, he = (e) => {
+      ee(() => {
+        var r, s;
+        const o = (s = (r = f.value) == null ? void 0 : r.popperPaneRef) == null ? void 0 : s.attributes["data-popper-placement"].value;
+        o && o.indexOf("top") > -1 ? P.value = "10px" : P.value = "-10px";
       });
     };
-    return k({
-      $cascader: n
-    }), (a, r) => (t(), s(
-      "div",
-      {
-        class: oe(["das-ui-cascader", [
-          a.bordered ? "bordered" : "underline",
-          e.isView ? "readonly" : "",
-          e.error ? "is-error" : "",
-          e.size
-        ]]),
-        style: p(I.value)
-      },
-      [
-        M(d(H), {
-          placement: "top",
-          disabled: !a.isTooltip || !v.value
-        }, {
-          content: f(() => [
-            T((t(), s("div", ye, [
-              _(
-                m(v.value),
-                1
-                /* TEXT */
-              )
+    return _({
+      $cascader: f
+    }), (e, o) => (d(), p("div", {
+      class: Ve(["das-ui-cascader", [
+        e.bordered ? "bordered" : "underline",
+        a.isView ? "readonly" : "",
+        a.error ? "is-error" : "",
+        a.size
+      ]]),
+      style: g(O.value)
+    }, [
+      R(v(te), {
+        ref_key: "inputTooltipRef",
+        ref: $,
+        placement: "top",
+        trigger: "hover",
+        visible: n.value,
+        disabled: !e.isTooltip,
+        content: se.value
+      }, {
+        default: T(() => {
+          var r;
+          return [
+            J((d(), p("div", {
+              ref_key: "$cascaderBox",
+              ref: x
+            }, [
+              R(v(Fe), Te({
+                ref_key: "$cascader",
+                ref: f,
+                modelValue: v(t),
+                "onUpdate:modelValue": o[0] || (o[0] = (s) => Ce(t) ? t.value = s : null)
+              }, v(re), {
+                props: a.props,
+                size: a.size === "table" || a.size === "medium" ? "default" : a.size,
+                disabled: a.disabled || a.isView,
+                placeholder: B.value,
+                collapseTags: a.collapseTags,
+                separator: a.separator,
+                "popper-class": (r = a.props) != null && r.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
+                style: O.value,
+                onVisibleChange: he,
+                onChange: me
+              }), {
+                default: T(({ node: s, data: y }) => [
+                  K(e.$slots, "default", ke(we({ node: s, data: y })), () => [
+                    R(v(te), { placement: "top" }, {
+                      content: T(() => {
+                        var c;
+                        return [
+                          J((d(), p("div", Ie, [
+                            Q(C(y[((c = a.props) == null ? void 0 : c.label) || "label"]), 1)
+                          ])), [
+                            [v(Se)]
+                          ])
+                        ];
+                      }),
+                      default: T(() => {
+                        var c;
+                        return [
+                          Q(" " + C(y[((c = a.props) == null ? void 0 : c.label) || "label"]), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1024)
+                  ], !0)
+                ]),
+                empty: T(() => [
+                  K(e.$slots, "empty", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
             ])), [
-              [d($)]
+              [v(He), ce]
             ])
-          ]),
-          default: f(() => {
-            var c;
-            return [
-              T((t(), s("div", {
-                ref_key: "$cascaderBox",
-                ref: x
-              }, [
-                M(d(pe), te({
-                  modelValue: d(u),
-                  "onUpdate:modelValue": r[0] || (r[0] = (o) => le(u) ? u.value = o : null),
-                  ref_key: "$cascader",
-                  ref: n
-                }, d(O), {
-                  props: e.props,
-                  size: e.size === "table" || e.size === "medium" ? "default" : e.size,
-                  disabled: e.disabled || e.isView,
-                  placeholder: J.value,
-                  collapseTags: e.collapseTags,
-                  separator: e.separator,
-                  "popper-class": (c = e.props) != null && c.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
-                  onVisibleChange: X,
-                  onChange: Q,
-                  style: I.value
-                }), {
-                  default: f(({ node: o, data: F }) => [
-                    E(a.$slots, "default", se(de({ node: o, data: F })), () => [
-                      M(
-                        d(H),
-                        { placement: "top" },
-                        {
-                          content: f(() => {
-                            var h;
-                            return [
-                              T((t(), s("div", xe, [
-                                _(
-                                  m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
-                                  1
-                                  /* TEXT */
-                                )
-                              ])), [
-                                [d($)]
-                              ])
-                            ];
-                          }),
-                          default: f(() => {
-                            var h;
-                            return [
-                              _(
-                                " " + m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
-                                1
-                                /* TEXT */
-                              )
-                            ];
-                          }),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )
-                    ], !0)
-                  ]),
-                  empty: f(() => [
-                    E(a.$slots, "empty", {}, void 0, !0)
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
-              ])), [
-                [d(fe), j]
-              ])
-            ];
-          }),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["disabled"]),
-        a.error && a.errorLabel ? (t(), s(
-          L,
-          { key: 0 },
-          [
-            a.errorMode === "default" ? (t(), s("div", ge, [
-              V(
-                "span",
-                {
-                  style: p(C.value)
-                },
-                m(a.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : a.errorMode === "overlay" && B.value ? (t(), s(
-              L,
-              { key: 1 },
-              [
-                a.teleported ? (t(), ce(ie, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  V(
-                    "div",
-                    {
-                      style: p(W.value)
-                    },
-                    [
-                      V(
-                        "span",
-                        {
-                          style: p(C.value)
-                        },
-                        m(a.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (t(), s(
-                  "div",
-                  {
-                    key: 1,
-                    style: p(P.value),
-                    class: "das-cascader-overlay-error-label-content"
-                  },
-                  [
-                    V(
-                      "span",
-                      {
-                        style: p(C.value)
-                      },
-                      m(a.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : R("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : R("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+          ];
+        }),
+        _: 3
+      }, 8, ["visible", "disabled", "content"]),
+      e.error && e.errorLabel ? (d(), p(X, { key: 0 }, [
+        e.errorMode === "default" ? (d(), p("div", Re, [
+          H("span", {
+            style: g(F.value)
+          }, C(e.errorLabel), 5)
+        ])) : e.errorMode === "overlay" && E.value ? (d(), p(X, { key: 1 }, [
+          e.teleported ? (d(), ze(Be, {
+            key: 0,
+            to: "body"
+          }, [
+            H("div", {
+              ref_key: "$errorModel",
+              ref: le,
+              style: g(ue.value)
+            }, [
+              H("span", {
+                style: g(F.value)
+              }, C(e.errorLabel), 5)
+            ], 4)
+          ])) : (d(), p("div", {
+            key: 1,
+            style: g(S.value),
+            class: "das-cascader-overlay-error-label-content"
+          }, [
+            H("span", {
+              style: g(F.value)
+            }, C(e.errorLabel), 5)
+          ], 4))
+        ], 64)) : Y("", !0)
+      ], 64)) : Y("", !0)
+    ], 6));
   }
-}), ke = (b, k) => {
-  const y = b.__vccOpts || b;
-  for (const [e, u] of k)
-    y[e] = u;
-  return y;
-}, Be = /* @__PURE__ */ ke(we, [["__scopeId", "data-v-2fd60ac6"]]), Ce = { 请选择: { "zh-CN": "请选择", en: "Please Select", _appCode: "framework" } }, ze = {
+}), Ae = (k, _) => {
+  const w = k.__vccOpts || k;
+  for (const [a, t] of _)
+    w[a] = t;
+  return w;
+}, Ne = /* @__PURE__ */ Ae($e, [["__scopeId", "data-v-76d8b59a"]]), Oe = { 请选择: { "zh-CN": "请选择", en: "Please select", _appCode: "framework" } }, Ze = {
   "--das-ui-cascader-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-cascader-color-text": N("--das-ui-color-normal"),
+  "--das-ui-cascader-color-text": oe("--das-ui-color-normal"),
   // 常规字体色
   "--das-ui-cascader-color-border": "#d9d9d9",
   // 边框基础色
-  "--das-ui-cascader-color-underline": N("--das-ui-color-help"),
+  "--das-ui-cascader-color-underline": oe("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-cascader-color-error": "#FB2323",
   // 错误边框色
@@ -317,11 +308,11 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
   "--das-ui-cascader-overlay-error-color": "#FB2323",
   "--das-ui-cascader-overlay-error-bg-color": "#FFDBE0"
 };
-he(Ce);
-me(ze);
-const Re = ne(Be), Ne = () => l(null), $e = { name: "cascader 级联" };
+De(Oe);
+_e(Ze);
+const oa = Me(Ne), ta = () => l(null), la = { name: "cascader 级联" };
 export {
-  Re as DasCascader,
-  Ne as DasCascaderRef,
-  $e as default
+  oa as DasCascader,
+  ta as DasCascaderRef,
+  la as default
 };

package/packages/components/cascader/src/Index.vue.d.ts

@@ -1,28 +1,56 @@
 import 'element-plus/es/components/cascader/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
-    $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (val: any) => any;
-    "update:model-value": (val: any) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    width: string;
+    bordered: boolean;
+    placeholder: string;
+    collapseTags: boolean;
+    disabled: boolean;
+    isView: boolean;
+    isTooltip: boolean;
+    error: boolean;
+    separator: string;
+    errorMode: string;
+    teleported: boolean;
+    errorModelZIndex: number;
+}>, {
+    $cascader: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (val: any) => void;
+    change: (val: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    width: string;
+    bordered: boolean;
+    placeholder: string;
+    collapseTags: boolean;
+    disabled: boolean;
+    isView: boolean;
+    isTooltip: boolean;
+    error: boolean;
+    separator: string;
+    errorMode: string;
+    teleported: boolean;
+    errorModelZIndex: number;
+}>>> & {
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:model-value"?: ((val: any) => any) | undefined;
-}>, {
+}, {
     disabled: boolean;
     modelValue: any;
     teleported: boolean;
     width: number | string;
     placeholder: string;
-    isView: boolean;
     error: boolean;
+    isView: boolean;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
     bordered: boolean;
     isTooltip: boolean;
     collapseTags: boolean;
     separator: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}, {}>, {
     default?(_: {
         node: any;
         data: any;
@@ -30,8 +58,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     empty?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};