vft 0.0.89 → 0.0.91

package/es/components/color-picker/color-picker.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as G, ref as d, reactive as ne, computed as k, onMounted as ie, watch as g, nextTick as y, provide as se, openBlock as f, createBlock as C, unref as e, withCtx as V, withDirectives as L, createElementBlock as H, createElementVNode as p, normalizeClass as t, createVNode as v, createCommentVNode as E, withKeys as M, createTextVNode as O, normalizeStyle as ce, vShow as ue } from "vue";
-import { debounce as de } from "lodash";
-import { VftButton as R } from "../button/index.js";
-import { VftIcon as U } from "../icon/index.js";
-import { ClickOutside as pe } from "@vft/directives";
+import { defineComponent as U, ref as c, reactive as ne, computed as h, onMounted as ie, watch as w, nextTick as g, provide as se, openBlock as m, createBlock as y, unref as o, withCtx as C, withDirectives as D, createElementBlock as x, createElementVNode as p, normalizeClass as t, createVNode as f, createCommentVNode as V, withKeys as L, createTextVNode as H, normalizeStyle as ue, vShow as ce } from "vue";
+import { debounce as pe } from "lodash";
+import { VftButton as M } from "../button/index.js";
+import { VftIcon as O } from "../icon/index.js";
+import { ClickOutside as de } from "@vft/directives";
 import { VftTooltip as me } from "../tooltip/index.js";
 import { VftInput as fe } from "../input/index.js";
 import "../form/index.js";
@@ -11,114 +11,114 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as _ } from "../../utils/error.js";
-import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
+import { debugWarn as R } from "../../utils/error.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as be } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import he from "./components/alpha-slider.vue2.js";
 import { colorPickerContextKey as ke } from "./contants.js";
 import we from "./components/hue-slider.vue.js";
 import ge from "./components/predefine.vue.js";
 import ye from "./components/sv-panel.vue.js";
-import z from "./utils/color.js";
+import $ from "./utils/color.js";
 import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-form-item.js";
 import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
-const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Se = G({
+const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], _e = U({
   name: "VftColorPicker"
-}), Ye = /* @__PURE__ */ G({
-  ...Se,
+}), Ye = /* @__PURE__ */ U({
+  ..._e,
   props: {
-    modelValue: null,
-    id: null,
+    modelValue: {},
+    id: {},
     showAlpha: { type: Boolean },
-    colorFormat: null,
+    colorFormat: {},
     disabled: { type: Boolean },
-    size: null,
-    popperClass: null,
-    label: null,
+    size: {},
+    popperClass: {},
+    label: {},
     tabindex: { default: 0 },
-    predefine: null,
+    predefine: {},
     validateEvent: { type: Boolean, default: !0 }
   },
-  emits: [$, be, "activeChange", "click-outside"],
-  setup(i, { expose: W, emit: m }) {
-    const a = i, o = ve("color"), { formItem: s } = Ce(), j = Ee(), A = Ae(), { inputId: q, isLabeledByFormItem: B } = Ve(a, {
-      formItemContext: s
-    }), F = d(), J = d(), N = d(), Q = d();
-    let x = !0;
+  emits: [P, be, "activeChange", "click-outside"],
+  setup(G, { expose: W, emit: d }) {
+    const a = G, l = ve("color"), { formItem: i } = Ce(), j = Ee(), E = Ae(), { inputId: q, isLabeledByFormItem: z } = Ve(a, {
+      formItemContext: i
+    }), B = c(), J = c(), F = c(), Q = c();
+    let A = !0;
     const r = ne(
-      new z({
+      new $({
         enableAlpha: a.showAlpha,
         format: a.colorFormat || "",
         value: a.modelValue
       })
-    ), b = d(!1), c = d(!1), h = d(""), X = k(() => !a.modelValue && !c.value ? "transparent" : le(r, a.showAlpha)), S = k(() => !a.modelValue && !c.value ? "" : r.value), Y = k(() => B.value ? void 0 : a.label || "色彩选择器"), Z = k(() => B.value ? s == null ? void 0 : s.labelId : void 0), ee = k(() => [
-      o.b("picker"),
-      o.is("disabled", A.value),
-      o.bm("picker", j.value)
+    ), v = c(!1), s = c(!1), b = c(""), X = h(() => !a.modelValue && !s.value ? "transparent" : oe(r, a.showAlpha)), S = h(() => !a.modelValue && !s.value ? "" : r.value), Y = h(() => z.value ? void 0 : a.label || "色彩选择器"), Z = h(() => z.value ? i == null ? void 0 : i.labelId : void 0), ee = h(() => [
+      l.b("picker"),
+      l.is("disabled", E.value),
+      l.bm("picker", j.value)
     ]);
-    function le(l, n) {
-      if (!(l instanceof z))
+    function oe(e, n) {
+      if (!(e instanceof $))
         throw new TypeError("color should be instance of _color Class");
-      const { r: u, g: K, b: D } = l.toRgb();
-      return n ? `rgba(${u}, ${K}, ${D}, ${l.get("alpha") / 100})` : `rgb(${u}, ${K}, ${D})`;
+      const { r: u, g: I, b: K } = e.toRgb();
+      return n ? `rgba(${u}, ${I}, ${K}, ${e.get("alpha") / 100})` : `rgb(${u}, ${I}, ${K})`;
     }
-    function oe(l) {
-      b.value = l;
+    function le(e) {
+      v.value = e;
     }
-    const w = de(oe, 100);
-    function ae(l) {
-      w(!1), P(), m("click-outside", l);
+    const k = pe(le, 100);
+    function ae(e) {
+      k(!1), _(), d("click-outside", e);
     }
-    function P() {
-      y(() => {
-        a.modelValue ? r.fromString(a.modelValue) : (r.value = "", y(() => {
-          c.value = !1;
+    function _() {
+      g(() => {
+        a.modelValue ? r.fromString(a.modelValue) : (r.value = "", g(() => {
+          s.value = !1;
         }));
       });
     }
-    function T() {
-      A.value || w(!b.value);
+    function N() {
+      E.value || k(!v.value);
     }
-    function I() {
-      r.fromString(h.value);
+    function T() {
+      r.fromString(b.value);
     }
     function re() {
-      const l = r.value;
-      m($, l), m("change", l), a.validateEvent && (s == null || s.validate("change").catch((n) => _(n))), w(!1), y(() => {
-        const n = new z({
+      const e = r.value;
+      d(P, e), d("change", e), a.validateEvent && (i == null || i.validate("change").catch((n) => R(n))), k(!1), g(() => {
+        const n = new $({
           enableAlpha: a.showAlpha,
           format: a.colorFormat || "",
           value: a.modelValue
         });
-        r.compare(n) || P();
+        r.compare(n) || _();
       });
     }
     function te() {
-      w(!1), m($, null), m("change", null), a.modelValue !== null && a.validateEvent && (s == null || s.validate("change").catch((l) => _(l))), P();
+      k(!1), d(P, null), d("change", null), a.modelValue !== null && a.validateEvent && (i == null || i.validate("change").catch((e) => R(e))), _();
     }
     return ie(() => {
-      a.modelValue && (h.value = S.value);
-    }), g(
+      a.modelValue && (b.value = S.value);
+    }), w(
       () => a.modelValue,
-      (l) => {
-        l ? l && l !== r.value && (x = !1, r.fromString(l)) : c.value = !1;
+      (e) => {
+        e ? e && e !== r.value && (A = !1, r.fromString(e)) : s.value = !1;
       }
-    ), g(
+    ), w(
       () => S.value,
-      (l) => {
-        h.value = l, x && m("activeChange", l), x = !0;
+      (e) => {
+        b.value = e, A && d("activeChange", e), A = !0;
       }
-    ), g(
+    ), w(
       () => r.value,
       () => {
-        !a.modelValue && !c.value && (c.value = !0);
+        !a.modelValue && !s.value && (s.value = !0);
       }
-    ), g(
-      () => b.value,
+    ), w(
+      () => v.value,
       () => {
-        y(() => {
-          var l, n, u;
-          (l = F.value) == null || l.update(), (n = J.value) == null || n.update(), (u = N.value) == null || u.update();
+        g(() => {
+          var e, n, u;
+          (e = B.value) == null || e.update(), (n = J.value) == null || n.update(), (u = F.value) == null || u.update();
         });
       }
     ), se(ke, {
@@ -128,136 +128,136 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
        * @description current color object
        */
       color: r,
-      showPicker: b
-    }), (l, n) => (f(), C(e(me), {
+      showPicker: v
+    }), (e, n) => (m(), y(o(me), {
       ref_key: "popper",
       ref: Q,
-      visible: b.value,
+      visible: v.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
       "gpu-acceleration": !1,
-      "popper-class": [e(o).be("picker", "panel"), e(o).b("dropdown"), i.popperClass],
+      "popper-class": [o(l).be("picker", "panel"), o(l).b("dropdown"), e.popperClass],
       "stop-popper-mouse-event": !1,
       effect: "light",
       trigger: "click",
-      transition: `${e(o).namespace.value}-zoom-in-top`,
+      transition: `${o(l).namespace.value}-zoom-in-top`,
       persistent: ""
     }, {
-      content: V(() => [
-        L((f(), H("div", null, [
+      content: C(() => [
+        D((m(), x("div", null, [
           p("div", {
-            class: t(e(o).be("dropdown", "main-wrapper"))
+            class: t(o(l).be("dropdown", "main-wrapper"))
           }, [
-            v(we, {
+            f(we, {
               ref_key: "hue",
-              ref: F,
+              ref: B,
               class: "hue-slider",
-              color: e(r),
+              color: r,
               vertical: ""
             }, null, 8, ["color"]),
-            v(ye, {
+            f(ye, {
               ref: "svPanel",
-              color: e(r)
+              color: r
             }, null, 8, ["color"])
           ], 2),
-          i.showAlpha ? (f(), C(he, {
+          e.showAlpha ? (m(), y(he, {
             key: 0,
             ref_key: "alpha",
-            ref: N,
-            color: e(r)
-          }, null, 8, ["color"])) : E("", !0),
-          i.predefine ? (f(), C(ge, {
+            ref: F,
+            color: r
+          }, null, 8, ["color"])) : V("", !0),
+          e.predefine ? (m(), y(ge, {
             key: 1,
             ref: "predefine",
-            color: e(r),
-            colors: i.predefine
-          }, null, 8, ["color", "colors"])) : E("", !0),
+            color: r,
+            colors: e.predefine
+          }, null, 8, ["color", "colors"])) : V("", !0),
           p("div", {
-            class: t(e(o).be("dropdown", "btns"))
+            class: t(o(l).be("dropdown", "btns"))
           }, [
             p("span", {
-              class: t(e(o).be("dropdown", "value"))
+              class: t(o(l).be("dropdown", "value"))
             }, [
-              v(e(fe), {
-                modelValue: h.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (u) => h.value = u),
+              f(o(fe), {
+                modelValue: b.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
                 "validate-event": !1,
                 size: "small",
-                onKeyup: M(I, ["enter"]),
-                onBlur: I
+                onKeyup: L(T, ["enter"]),
+                onBlur: T
               }, null, 8, ["modelValue", "onKeyup"])
             ], 2),
-            v(e(R), {
-              class: t(e(o).be("dropdown", "link-btn")),
+            f(o(M), {
+              class: t(o(l).be("dropdown", "link-btn")),
               text: "",
               size: "small",
               onClick: te
             }, {
-              default: V(() => [
-                O(" 取消 ")
+              default: C(() => [
+                H(" 取消 ")
               ]),
               _: 1
             }, 8, ["class"]),
-            v(e(R), {
+            f(o(M), {
               plain: "",
               size: "small",
-              class: t(e(o).be("dropdown", "btn")),
+              class: t(o(l).be("dropdown", "btn")),
               onClick: re
             }, {
-              default: V(() => [
-                O(" 确认 ")
+              default: C(() => [
+                H(" 确认 ")
               ]),
               _: 1
             }, 8, ["class"])
           ], 2)
         ])), [
-          [e(pe), ae]
+          [o(de), ae]
         ])
       ]),
-      default: V(() => [
+      default: C(() => [
         p("div", {
-          id: e(q),
-          class: t(e(ee)),
+          id: o(q),
+          class: t(ee.value),
           role: "button",
-          "aria-label": e(Y),
-          "aria-labelledby": e(Z),
-          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${i.modelValue}`,
-          tabindex: i.tabindex,
-          onKeydown: M(T, ["enter"])
+          "aria-label": Y.value,
+          "aria-labelledby": Z.value,
+          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${e.modelValue}`,
+          tabindex: e.tabindex,
+          onKeydown: L(N, ["enter"])
         }, [
-          e(A) ? (f(), H("div", {
+          o(E) ? (m(), x("div", {
             key: 0,
-            class: t(e(o).be("picker", "mask"))
-          }, null, 2)) : E("", !0),
+            class: t(o(l).be("picker", "mask"))
+          }, null, 2)) : V("", !0),
           p("div", {
-            class: t(e(o).be("picker", "trigger")),
-            onClick: T
+            class: t(o(l).be("picker", "trigger")),
+            onClick: N
           }, [
             p("span", {
-              class: t([e(o).be("picker", "color"), e(o).is("alpha", i.showAlpha)])
+              class: t([o(l).be("picker", "color"), o(l).is("alpha", e.showAlpha)])
             }, [
               p("span", {
-                class: t(e(o).be("picker", "color-inner")),
-                style: ce({
-                  backgroundColor: e(X)
+                class: t(o(l).be("picker", "color-inner")),
+                style: ue({
+                  backgroundColor: X.value
                 })
               }, [
-                L(v(e(U), {
+                D(f(o(O), {
                   icon: "ico-ep:arrow-down",
-                  class: t([e(o).be("picker", "icon"), e(o).is("icon-arrow-down")])
+                  class: t([o(l).be("picker", "icon"), o(l).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
-                  [ue, i.modelValue || c.value]
+                  [ce, e.modelValue || s.value]
                 ]),
-                !i.modelValue && !c.value ? (f(), C(e(U), {
+                !e.modelValue && !s.value ? (m(), y(o(O), {
                   key: 0,
                   icon: "ico-ep:circle-close",
-                  class: t([e(o).be("picker", "empty"), e(o).is("icon-close")])
-                }, null, 8, ["class"])) : E("", !0)
+                  class: t([o(l).be("picker", "empty"), o(l).is("icon-close")])
+                }, null, 8, ["class"])) : V("", !0)
               ], 6)
             ], 2)
           ], 2)
-        ], 42, xe)
+        ], 42, Se)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]));

package/es/components/color-picker/components/alpha-slider.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as u, openBlock as C, createElementBlock as S, normalizeClass as r, unref as e, createElementVNode as a, normalizeStyle as c } from "vue";
+import { defineComponent as p, openBlock as C, createElementBlock as S, normalizeClass as r, unref as e, createElementVNode as n, normalizeStyle as c } from "vue";
 import { useAlphaSlider as v, useAlphaSliderDOM as A } from "../composables/use-alpha-slider.js";
-const E = "VftColorAlphaSlider", N = u({
+const E = "VftColorAlphaSlider", N = p({
   name: E
-}), O = /* @__PURE__ */ u({
+}), M = /* @__PURE__ */ p({
   ...N,
   props: {
-    color: null,
+    color: {},
     vertical: { type: Boolean }
   },
   setup(i, { expose: m }) {
-    const o = i, { bar: l, thumb: t, handleDrag: p, handleClick: n } = v(o), { rootKls: d, barKls: f, barStyle: _, thumbKls: b, thumbStyle: h, update: y } = A(o, {
+    const o = i, { bar: l, thumb: t, handleDrag: u, handleClick: s } = v(o), { rootKls: d, barKls: f, barStyle: _, thumbKls: b, thumbStyle: h, update: y } = A(o, {
       bar: l,
       thumb: t,
-      handleDrag: p
+      handleDrag: u
     });
     return m({
       /**
@@ -30,18 +30,18 @@ const E = "VftColorAlphaSlider", N = u({
        * @type {HTMLElement}
        */
       thumb: t
-    }), (B, s) => (C(), S("div", {
+    }), (x, a) => (C(), S("div", {
       class: r(e(d))
     }, [
-      a("div", {
+      n("div", {
         ref_key: "bar",
         ref: l,
         class: r(e(f)),
         style: c(e(_)),
-        onClick: s[0] || (s[0] = //@ts-ignore
-        (...k) => e(n) && e(n)(...k))
+        onClick: a[0] || (a[0] = //@ts-ignore
+        (...k) => e(s) && e(s)(...k))
       }, null, 6),
-      a("div", {
+      n("div", {
         ref_key: "thumb",
         ref: t,
         class: r(e(b)),
@@ -51,5 +51,5 @@ const E = "VftColorAlphaSlider", N = u({
   }
 });
 export {
-  O as default
+  M as default
 };

package/es/components/config-provider/config-provider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, watch as o, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as b, createElementBlock as v, normalizeClass as C, unref as r, normalizeStyle as V, renderSlot as k } from "vue";
+import { defineComponent as r, watch as o, computed as u, onActivated as f, onDeactivated as l, onBeforeUnmount as h, getCurrentInstance as g, openBlock as p, createElementBlock as v, normalizeClass as b, unref as C, normalizeStyle as V, renderSlot as k } from "vue";
 import { inBrowser as B, kebabCase as D } from "@vft/utils";
 import { useNamespace as E } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -8,24 +8,24 @@ import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
 import { messageConfig as S } from "./constants.js";
-const i = (
+const s = (
   /* hoist-static*/
   E("config-provider")
-), T = s({
-  name: i.b()
-}), N = /* @__PURE__ */ s({
+), T = r({
+  name: s.b()
+}), N = /* @__PURE__ */ r({
   ...T,
   props: {
     theme: { default: "light" },
-    themeVars: null,
-    themeVarsDark: null,
-    themeVarsLight: null,
-    iconPrefix: null,
+    themeVars: {},
+    themeVarsDark: {},
+    themeVarsLight: {},
+    iconPrefix: {},
     namespace: { default: "vft" },
-    zIndex: null,
-    message: null,
-    projectCfg: null,
-    button: null
+    zIndex: {},
+    message: {},
+    projectCfg: {},
+    button: {}
   },
   setup(t) {
     o(
@@ -35,9 +35,9 @@ const i = (
       },
       { immediate: !0, deep: !0 }
     );
-    const c = d(() => {
+    const i = u(() => {
       const e = t.theme === "dark";
-      return l({
+      return c({
         ...t.themeVars,
         ...e ? t.themeVarsDark : t.themeVarsLight
       });
@@ -45,27 +45,27 @@ const i = (
     if (B) {
       const e = () => {
         document.documentElement.classList.add(t.theme);
-      }, n = (m = t.theme) => {
-        document.documentElement.classList.remove(m);
+      }, m = (a = t.theme) => {
+        document.documentElement.classList.remove(a);
       };
       o(
         () => t.theme,
-        (m, a) => {
-          a && n(a), e();
+        (a, n) => {
+          n && m(n), e();
         },
         { immediate: !0 }
-      ), f(e), h(n), g(n);
+      ), f(e), l(m), h(m);
     }
-    function l(e) {
-      const n = {};
-      return Object.keys(e).forEach((m) => {
-        n[`--${t.namespace}-${D(m)}`] = e[m];
-      }), n;
+    function c(e) {
+      const m = {};
+      return Object.keys(e).forEach((a) => {
+        m[`--${t.namespace}-${D(a)}`] = e[a];
+      }), m;
     }
-    const u = p();
-    return L(u.props), (e, n) => (b(), v("div", {
-      class: C(r(i).b()),
-      style: V(r(c))
+    const d = g();
+    return L(d.props), (e, m) => (p(), v("div", {
+      class: b(C(s).b()),
+      style: V(i.value)
     }, [
       k(e.$slots, "default")
     ], 6));

package/es/components/container/aside.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as i, openBlock as m, createElementBlock as a, normalizeClass as l, unref as o, normalizeStyle as c, renderSlot as d } from "vue";
+import { defineComponent as o, computed as a, openBlock as i, createElementBlock as m, normalizeClass as n, unref as l, normalizeStyle as c, renderSlot as d } from "vue";
 import { useNamespace as p } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -9,20 +9,20 @@ import "../../utils/ns-cover.js";
 const t = (
   /* hoist-static*/
   p("aside")
-), f = r({
+), f = o({
   name: t.b()
-}), S = /* @__PURE__ */ r({
+}), S = /* @__PURE__ */ o({
   ...f,
   props: {
-    width: null
+    width: {}
   },
   setup(e) {
-    const s = i(() => e.width ? t.cssVarBlock({ width: u(e.width) }) : {});
-    return (n, h) => (m(), a("aside", {
-      class: l(o(t).b()),
-      style: c(o(s))
+    const r = a(() => e.width ? t.cssVarBlock({ width: u(e.width) }) : {});
+    return (s, h) => (i(), m("aside", {
+      class: n(l(t).b()),
+      style: c(r.value)
     }, [
-      d(n.$slots, "default")
+      d(s.$slots, "default")
     ], 6));
   }
 });

package/es/components/container/container.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, useSlots as c, computed as m, openBlock as u, createElementBlock as f, normalizeClass as p, unref as t, renderSlot as d } from "vue";
+import { defineComponent as a, useSlots as l, computed as m, openBlock as u, createElementBlock as f, normalizeClass as p, unref as i, renderSlot as d } from "vue";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,25 +6,25 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const o = (
+const t = (
   /* hoist-static*/
   v("container")
 ), _ = a({
-  name: o.b()
+  name: t.b()
 }), g = /* @__PURE__ */ a({
   ..._,
   props: {
-    direction: null
+    direction: {}
   },
-  setup(r) {
-    const e = c(), l = m(() => r.direction === "vertical" ? !0 : r.direction === "horizontal" ? !1 : e && e.default ? e.default().some((s) => {
-      const i = s.type.name;
-      return i === "vft-header" || i === "vft-footer";
+  setup(o) {
+    const e = l(), c = m(() => o.direction === "vertical" ? !0 : o.direction === "horizontal" ? !1 : e && e.default ? e.default().some((n) => {
+      const s = n.type.name;
+      return s === "vft-header" || s === "vft-footer";
     }) : !1);
-    return (n, s) => (u(), f("section", {
-      class: p([t(o).b(), t(o).is("vertical", t(l))])
+    return (r, n) => (u(), f("section", {
+      class: p([i(t).b(), i(t).is("vertical", c.value)])
     }, [
-      d(n.$slots, "default")
+      d(r.$slots, "default")
     ], 2));
   }
 });