vft 0.0.239 → 0.0.240

package/es/components/dropdown/dropdown.vue2.js

@@ -1,31 +1,31 @@
-import { defineComponent as N, getCurrentInstance as ee, ref as s, computed as y, watch as oe, toRef as w, onBeforeUnmount as te, provide as S, resolveComponent as re, createElementBlock as ne, openBlock as T, normalizeClass as z, unref as t, createVNode as l, createBlock as le, createCommentVNode as ae, createSlots as ie, withCtx as n, renderSlot as C, mergeProps as L } from "vue";
-import { addUnit as se, isArray as pe } from "@vft/utils";
-import { VftButton as V } from "../button/index.js";
+import { defineComponent as R, getCurrentInstance as Z, ref as i, computed as b, watch as _, toRef as h, onBeforeUnmount as x, provide as B, resolveComponent as ee, createElementBlock as te, openBlock as T, normalizeClass as $, unref as t, createVNode as r, createBlock as oe, createCommentVNode as re, createSlots as ne, withCtx as o, renderSlot as y, mergeProps as I } from "vue";
+import { addUnit as le, isArray as ie } from "@vft/utils";
+import { VftButton as O } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as de } from "../icon/index.js";
-import ue from "../roving-focus-group/roving-focus-group.vue.js";
+import { VftIcon as ae } from "../icon/index.js";
+import se from "../roving-focus-group/roving-focus-group.vue.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import "../roving-focus-group/roving-focus-item.vue2.js";
 import "../roving-focus-group/types.js";
-import { EVENT_CODE as k } from "../../constants/aria.js";
-import { VftScrollbar as fe } from "../scrollbar/index.js";
-import { OnlyChild as ce } from "../slot/only-child.js";
-import { VftTooltip as me } from "../tooltip/index.js";
+import { EVENT_CODE as w } from "../../constants/aria.js";
+import { VftScrollbar as pe } from "../scrollbar/index.js";
+import { OnlyChild as de } from "../slot/only-child.js";
+import { VftTooltip as ue } from "../tooltip/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useId as ve } from "../../hooks/use-id/index.js";
-import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import { useId as fe } from "../../hooks/use-id/index.js";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as he } from "./tokens.js";
-import { VftCollection as ye } from "./types.js";
-import { useFormSize as we } from "../form/hooks/use-form-common-props.js";
-const Ce = N({
+import { DROPDOWN_INJECTION_KEY as ce } from "./tokens.js";
+import { VftCollection as ve } from "./types.js";
+import { useFormSize as ge } from "../form/hooks/use-form-common-props.js";
+const be = R({
   name: "vft-dropdown"
-}), We = /* @__PURE__ */ N({
-  ...Ce,
+}), Ge = /* @__PURE__ */ R({
+  ...be,
   props: {
     trigger: { default: "hover" },
     effect: { default: "light" },
@@ -48,110 +48,101 @@ const Ce = N({
     teleported: { type: Boolean, default: !0 }
   },
   emits: ["visible-change", "command", "click"],
-  setup(D, { expose: E, emit: H }) {
-    const a = be("dropdown"), p = D, u = H, P = ee(), i = s(), B = s(), m = s(null), d = s(null), F = s(null), v = s(null), g = s(!1), A = [k.enter, k.space, k.down], K = y(() => ({
-      maxHeight: se(p.maxHeight)
-    })), U = ve().value, b = y(() => p.id || U);
-    oe(
-      [i, w(p, "trigger")],
-      ([e, o], [r]) => {
-        var I, O, R;
-        const c = pe(o) ? o : [o];
-        (I = r == null ? void 0 : r.$el) != null && I.removeEventListener && r.$el.removeEventListener(
+  setup(S, { expose: z, emit: L }) {
+    const n = me("dropdown"), a = S, p = L, V = Z(), l = i(), C = i(), m = i(null), s = i(null), N = i(null), c = i(null), k = i(!1), D = [w.enter, w.space, w.down], H = b(() => ({
+      maxHeight: le(a.maxHeight)
+    })), P = fe().value, v = b(() => a.id || P);
+    _(
+      [l, h(a, "trigger")],
+      ([e, u], [f]) => {
+        const X = ie(u) ? u : [u];
+        f?.$el?.removeEventListener && f.$el.removeEventListener(
           "pointerenter",
-          f
-        ), (O = e == null ? void 0 : e.$el) != null && O.removeEventListener && e.$el.removeEventListener(
+          d
+        ), e?.$el?.removeEventListener && e.$el.removeEventListener(
           "pointerenter",
-          f
-        ), (R = e == null ? void 0 : e.$el) != null && R.addEventListener && c.includes("hover") && e.$el.addEventListener(
+          d
+        ), e?.$el?.addEventListener && X.includes("hover") && e.$el.addEventListener(
           "pointerenter",
-          f
+          d
         );
       },
       { immediate: !0 }
-    ), te(() => {
-      var e, o;
-      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
+    ), x(() => {
+      l.value?.$el?.removeEventListener && l.value.$el.removeEventListener(
         "pointerenter",
-        f
+        d
       );
     });
-    function G() {
-      $();
+    function F() {
+      E();
     }
-    function $() {
-      var e;
-      (e = m.value) == null || e.onClose();
+    function E() {
+      m.value?.onClose();
     }
-    function J() {
-      var e;
-      (e = m.value) == null || e.onOpen();
+    function A() {
+      m.value?.onOpen();
     }
-    const h = we();
-    function M(...e) {
-      u("command", ...e);
+    const g = ge();
+    function K(...e) {
+      p("command", ...e);
     }
-    function f() {
-      var e, o;
-      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
+    function d() {
+      l.value?.$el?.focus();
     }
-    function W() {
+    function U() {
     }
-    function Y() {
-      const e = t(d);
-      e == null || e.focus(), v.value = null;
+    function G() {
+      t(s)?.focus(), c.value = null;
     }
-    function j(e) {
-      v.value = e;
+    function J(e) {
+      c.value = e;
     }
-    function q(e) {
-      g.value || (e.preventDefault(), e.stopImmediatePropagation());
+    function M(e) {
+      k.value || (e.preventDefault(), e.stopImmediatePropagation());
     }
-    function Q() {
-      u("visible-change", !0);
+    function W() {
+      p("visible-change", !0);
     }
-    function X(e) {
-      var o;
-      (e == null ? void 0 : e.type) === "keydown" && ((o = d.value) == null || o.focus());
+    function Y(e) {
+      e?.type === "keydown" && s.value?.focus();
     }
-    function Z() {
-      u("visible-change", !1);
+    function j() {
+      p("visible-change", !1);
     }
-    S(he, {
-      contentRef: d,
-      role: y(() => p.role),
-      triggerId: b,
-      isUsingKeyboard: g,
-      onItemEnter: W,
-      onItemLeave: Y
-    }), S("elDropdown", {
-      instance: P,
-      dropdownSize: h,
-      handleClick: G,
-      commandHandler: M,
-      trigger: w(p, "trigger"),
-      hideOnClick: w(p, "hideOnClick")
+    B(ce, {
+      contentRef: s,
+      role: b(() => a.role),
+      triggerId: v,
+      isUsingKeyboard: k,
+      onItemEnter: U,
+      onItemLeave: G
+    }), B("elDropdown", {
+      instance: V,
+      dropdownSize: g,
+      handleClick: F,
+      commandHandler: K,
+      trigger: h(a, "trigger"),
+      hideOnClick: h(a, "hideOnClick")
     });
-    const _ = (e) => {
-      var o, r;
-      e.preventDefault(), (r = (o = d.value) == null ? void 0 : o.focus) == null || r.call(o, {
+    const q = (e) => {
+      e.preventDefault(), s.value?.focus?.({
         preventScroll: !0
       });
-    }, x = (e) => {
-      u("click", e);
+    }, Q = (e) => {
+      p("click", e);
     };
-    return E({
-      handleClose: $,
-      handleOpen: J,
+    return z({
+      handleClose: E,
+      handleOpen: A,
       // Todo
-      onFocusAfterTrapped: _
-    }), (e, o) => {
-      var c;
-      const r = re("vft-button-group");
-      return T(), ne("div", {
-        class: z([t(a).b(), t(a).is("disabled", e.disabled)])
+      onFocusAfterTrapped: q
+    }), (e, u) => {
+      const f = ee("vft-button-group");
+      return T(), te("div", {
+        class: $([t(n).b(), t(n).is("disabled", e.disabled)])
       }, [
-        l(t(me), {
+        r(t(ue), {
           ref_key: "popperRef",
           ref: m,
           role: e.role,
@@ -162,44 +153,44 @@ const Ce = N({
           "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
           "manual-mode": !0,
           placement: e.placement,
-          "popper-class": [t(a).e("popper"), e.popperClass],
-          "reference-element": (c = B.value) == null ? void 0 : c.$el,
+          "popper-class": [t(n).e("popper"), e.popperClass],
+          "reference-element": C.value?.$el,
           trigger: e.trigger,
-          "trigger-keys": A,
-          "trigger-target-el": d.value,
+          "trigger-keys": D,
+          "trigger-target-el": s.value,
           "show-after": e.trigger === "hover" ? e.showTimeout : 0,
           "stop-popper-mouse-event": !1,
-          "virtual-ref": i.value,
+          "virtual-ref": l.value,
           "virtual-triggering": e.splitButton,
           disabled: e.disabled,
-          transition: `${t(a).namespace.value}-zoom-in-top`,
+          transition: `${t(n).namespace.value}-zoom-in-top`,
           teleported: e.teleported,
           pure: "",
           persistent: "",
-          onBeforeShow: Q,
-          onShow: X,
-          onBeforeHide: Z
-        }, ie({
-          content: n(() => [
-            l(t(fe), {
+          onBeforeShow: W,
+          onShow: Y,
+          onBeforeHide: j
+        }, ne({
+          content: o(() => [
+            r(t(pe), {
               ref_key: "scrollbar",
-              ref: F,
-              "wrap-style": K.value,
+              ref: N,
+              "wrap-style": H.value,
               tag: "div",
-              "view-class": [t(a).e("list"), "test"]
+              "view-class": [t(n).e("list"), "test"]
             }, {
-              default: n(() => [
-                l(t(ue), {
+              default: o(() => [
+                r(t(se), {
                   loop: e.loop,
-                  "current-tab-id": v.value,
+                  "current-tab-id": c.value,
                   orientation: "horizontal",
-                  onCurrentTabIdChange: j,
-                  onEntryFocus: q
+                  onCurrentTabIdChange: J,
+                  onEntryFocus: M
                 }, {
-                  default: n(() => [
-                    l(t(ye), null, {
-                      default: n(() => [
-                        C(e.$slots, "dropdown")
+                  default: o(() => [
+                    r(t(ve), null, {
+                      default: o(() => [
+                        y(e.$slots, "dropdown")
                       ]),
                       _: 3
                     })
@@ -214,16 +205,16 @@ const Ce = N({
         }, [
           e.splitButton ? void 0 : {
             name: "default",
-            fn: n(() => [
-              l(t(ce), {
-                id: b.value,
+            fn: o(() => [
+              r(t(de), {
+                id: v.value,
                 ref_key: "triggeringElementRef",
-                ref: i,
+                ref: l,
                 role: "button",
                 tabindex: e.tabindex
               }, {
-                default: n(() => [
-                  C(e.$slots, "default")
+                default: o(() => [
+                  y(e.$slots, "default")
                 ]),
                 _: 3
               }, 8, ["id", "tabindex"])
@@ -231,39 +222,39 @@ const Ce = N({
             key: "0"
           }
         ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
-        e.splitButton ? (T(), le(r, { key: 0 }, {
-          default: n(() => [
-            l(t(V), L({
+        e.splitButton ? (T(), oe(f, { key: 0 }, {
+          default: o(() => [
+            r(t(O), I({
               ref_key: "referenceElementRef",
-              ref: B
+              ref: C
             }, e.buttonProps, {
-              size: t(h),
+              size: t(g),
               type: e.type,
               disabled: e.disabled,
               tabindex: e.tabindex,
-              onClick: x
+              onClick: Q
             }), {
-              default: n(() => [
-                C(e.$slots, "default")
+              default: o(() => [
+                y(e.$slots, "default")
               ]),
               _: 3
             }, 16, ["size", "type", "disabled", "tabindex"]),
-            l(t(V), L({
-              id: b.value,
+            r(t(O), I({
+              id: v.value,
               ref_key: "triggeringElementRef",
-              ref: i
+              ref: l
             }, e.buttonProps, {
               role: "button",
-              size: t(h),
+              size: t(g),
               type: e.type,
-              class: t(a).e("caret-button"),
+              class: t(n).e("caret-button"),
               disabled: e.disabled,
               tabindex: e.tabindex,
               "aria-label": "切换下拉菜单"
             }), {
-              default: n(() => [
-                l(t(de), {
-                  class: z(t(a).e("icon")),
+              default: o(() => [
+                r(t(ae), {
+                  class: $(t(n).e("icon")),
                   icon: "icon-arrow-down"
                 }, null, 8, ["class"])
               ]),
@@ -271,11 +262,11 @@ const Ce = N({
             }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
           ]),
           _: 3
-        })) : ae("", !0)
+        })) : re("", !0)
       ], 2);
     };
   }
 });
 export {
-  We as default
+  Ge as default
 };

package/es/components/dropdown/useDropdown.js

@@ -1,58 +1,56 @@
 import { buildShortUUID as k, addClass as T } from "@vft/utils";
-import { EVENT_CODE as o } from "../../constants/aria.js";
+import { EVENT_CODE as t } from "../../constants/aria.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { inject as O, computed as S, ref as l } from "vue";
-import { useNamespace as z } from "../../hooks/use-namespace/index.js";
+import { inject as C, computed as O, ref as p } from "vue";
+import { useNamespace as S } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const $ = () => {
-  const u = O("elDropdown", {}), e = S(() => u == null ? void 0 : u.dropdownSize);
+const F = () => {
+  const r = C("elDropdown", {}), o = O(() => r?.dropdownSize);
   return {
-    elDropdown: u,
-    _elDropdownSize: e
+    elDropdown: r,
+    _elDropdownSize: o
   };
-}, C = (u, e, i) => {
-  const A = z("dropdown"), s = l(null), a = l(null), c = l(null), f = l(`dropdown-menu-${k()}`);
-  c.value = u == null ? void 0 : u.subTree.el;
-  function p() {
-    var t;
-    e.setAttribute("tabindex", "-1"), (t = a.value) == null || t.forEach((n) => {
-      n.setAttribute("tabindex", "-1");
+}, V = (r, o, i) => {
+  const x = S("dropdown"), u = p(null), d = p(null), s = p(null), f = p(`dropdown-menu-${k()}`);
+  s.value = r?.subTree.el;
+  function c() {
+    o.setAttribute("tabindex", "-1"), d.value?.forEach((e) => {
+      e.setAttribute("tabindex", "-1");
     });
   }
-  function b(t) {
-    p(), t == null || t.setAttribute("tabindex", "0");
+  function b(e) {
+    c(), e?.setAttribute("tabindex", "0");
   }
-  function D(t) {
-    const n = t.code;
-    [o.up, o.down].includes(n) ? (p(), b(s.value[0]), s.value[0].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? i.handleClick() : [o.tab, o.esc].includes(n) && i.hide();
+  function D(e) {
+    const n = e.code;
+    [t.up, t.down].includes(n) ? (c(), b(u.value[0]), u.value[0].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? i.handleClick() : [t.tab, t.esc].includes(n) && i.hide();
   }
-  function w(t) {
-    const n = t.code, v = t.target, r = a.value.indexOf(v), x = a.value.length - 1;
-    let d;
-    [o.up, o.down].includes(n) ? (n === o.up ? d = r !== 0 ? r - 1 : 0 : d = r < x ? r + 1 : x, p(), b(s.value[d]), s.value[d].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? (m(), v.click(), i.props.hideOnClick && i.hide()) : [o.tab, o.esc].includes(n) && (i.hide(), m());
+  function A(e) {
+    const n = e.code, v = e.target, l = d.value.indexOf(v), w = d.value.length - 1;
+    let a;
+    [t.up, t.down].includes(n) ? (n === t.up ? a = l !== 0 ? l - 1 : 0 : a = l < w ? l + 1 : w, c(), b(u.value[a]), u.value[a].focus(), e.preventDefault(), e.stopPropagation()) : n === t.enter ? (m(), v.click(), i.props.hideOnClick && i.hide()) : [t.tab, t.esc].includes(n) && (i.hide(), m());
   }
   function h() {
-    c.value.setAttribute("id", f.value), e.setAttribute("aria-haspopup", "list"), e.setAttribute("aria-controls", f.value), i.props.splitButton || (e.setAttribute("role", "button"), e.setAttribute("tabindex", i.props.tabindex), T(e, A.b("selfdefine")));
+    s.value.setAttribute("id", f.value), o.setAttribute("aria-haspopup", "list"), o.setAttribute("aria-controls", f.value), i.props.splitButton || (o.setAttribute("role", "button"), o.setAttribute("tabindex", i.props.tabindex), T(o, x.b("selfdefine")));
   }
   function y() {
-    var t;
-    e == null || e.addEventListener("keydown", D), (t = c.value) == null || t.addEventListener("keydown", w, !0);
+    o?.addEventListener("keydown", D), s.value?.addEventListener("keydown", A, !0);
   }
   function I() {
-    s.value = c.value.querySelectorAll(
+    u.value = s.value.querySelectorAll(
       "[tabindex='-1']"
-    ), a.value = Array.from(s.value), y(), h();
+    ), d.value = Array.from(u.value), y(), h();
   }
   function m() {
-    e.focus();
+    o.focus();
   }
   I();
 };
 export {
-  C as initDropdownDomEvent,
-  $ as useDropdown
+  V as initDropdownDomEvent,
+  F as useDropdown
 };

package/es/components/empty/empty.vue.d.ts

@@ -9,10 +9,12 @@ export interface EmptyProps {
     /** 图片底部描述 支持自定义 slot */
     desc?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<EmptyProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     img?(_: {}): any;
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/empty/empty.vue2.js

@@ -1,101 +1,98 @@
-import { defineComponent as f, getCurrentInstance as z, computed as d, createElementBlock as s, openBlock as i, normalizeClass as n, unref as e, createElementVNode as C, createCommentVNode as u, normalizeStyle as T, renderSlot as N, createVNode as _ } from "vue";
-import { renderTNode as A, setSize as E, VNode as v } from "@vft/utils";
+import { defineComponent as u, getCurrentInstance as y, computed as p, createElementBlock as s, openBlock as i, normalizeClass as r, unref as e, createElementVNode as z, createCommentVNode as d, normalizeStyle as C, renderSlot as f, createVNode as T } from "vue";
+import { renderTNode as _, setSize as A, VNode as E } from "@vft/utils";
 import "@vueuse/core";
-import { getSizeType as O } from "../../utils/helper.js";
+import { getSizeType as v } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import S from "./assets/no-collect.png.js";
-import D from "./assets/no-data.png.js";
-import V from "./assets/no-filter.png.js";
-import $ from "./assets/no-page-data.png.js";
-import h from "./assets/no-search.png.js";
-import { EmptyEnum as o } from "./constants.js";
-const x = ["src"], L = f({
+import k from "./assets/no-collect.png.js";
+import S from "./assets/no-data.png.js";
+import D from "./assets/no-filter.png.js";
+import V from "./assets/no-page-data.png.js";
+import $ from "./assets/no-search.png.js";
+import { EmptyEnum as t } from "./constants.js";
+const h = ["src"], x = u({
   name: "vft-empty"
-}), Z = /* @__PURE__ */ f({
-  ...L,
+}), X = /* @__PURE__ */ u({
+  ...x,
   props: {
     img: {},
-    type: { default: () => o.NO_DATA },
+    type: { default: () => t.NO_DATA },
     size: {},
     desc: {}
   },
-  setup(a) {
-    const m = k("empty"), g = z(), t = (/* @__PURE__ */ new Map([
+  setup(n) {
+    const o = O("empty"), g = y(), a = (/* @__PURE__ */ new Map([
       [
-        o.NO_COLLECT,
+        t.NO_COLLECT,
         {
           text: "暂无收藏记录",
-          img: S
+          img: k
         }
       ],
       [
-        o.NO_PAGE_DATA,
+        t.NO_PAGE_DATA,
         {
           text: "没有找到相关信息",
           size: 300,
-          img: $
+          img: V
         }
       ],
       [
-        o.NO_DATA,
+        t.NO_DATA,
         {
           text: "暂无数据",
-          img: D
+          img: S
         }
       ],
       [
-        o.NO_FILTER,
+        t.NO_FILTER,
         {
           text: "此筛选条件下无结果",
-          img: V
+          img: D
         }
       ],
       [
-        o.NO_SEARCH,
+        t.NO_SEARCH,
         {
           text: "没有搜索结果",
-          img: h
+          img: $
         }
       ]
-    ])).get(a.type), y = d(() => a.img || (t == null ? void 0 : t.img)), c = d(
-      () => A(g, "desc", { defaultNode: t == null ? void 0 : t.text })
-    ), l = O(a.size);
-    return (r, b) => {
-      var p;
-      return i(), s("div", {
-        class: n([e(m).b(), e(l) ? e(m).m(e(l)) : ""])
+    ])).get(n.type), N = p(() => n.img || a?.img), c = p(
+      () => _(g, "desc", { defaultNode: a?.text })
+    ), l = v(n.size);
+    return (m, L) => (i(), s("div", {
+      class: r([e(o).b(), e(l) ? e(o).m(e(l)) : ""])
+    }, [
+      z("div", {
+        class: r(e(o).e("image")),
+        style: C(e(l) ? {} : e(A)(e(a)?.size || m.size))
       }, [
-        C("div", {
-          class: n(e(m).e("image")),
-          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || r.size))
-        }, [
-          r.$slots.img ? N(r.$slots, "img", { key: 0 }) : (i(), s("img", {
-            key: 1,
-            src: y.value,
-            alt: ""
-          }, null, 8, x))
-        ], 6),
-        c.value ? (i(), s("span", {
-          key: 0,
-          class: n(e(m).e("desc"))
-        }, [
-          _(e(v), { content: c.value }, null, 8, ["content"])
-        ], 2)) : u("", !0),
-        r.$slots.default ? (i(), s("div", {
+        m.$slots.img ? f(m.$slots, "img", { key: 0 }) : (i(), s("img", {
           key: 1,
-          class: n(e(m).e("bottom"))
-        }, [
-          N(r.$slots, "default")
-        ], 2)) : u("", !0)
-      ], 2);
-    };
+          src: N.value,
+          alt: ""
+        }, null, 8, h))
+      ], 6),
+      c.value ? (i(), s("span", {
+        key: 0,
+        class: r(e(o).e("desc"))
+      }, [
+        T(e(E), { content: c.value }, null, 8, ["content"])
+      ], 2)) : d("", !0),
+      m.$slots.default ? (i(), s("div", {
+        key: 1,
+        class: r(e(o).e("bottom"))
+      }, [
+        f(m.$slots, "default")
+      ], 2)) : d("", !0)
+    ], 2));
   }
 });
 export {
-  Z as default
+  X as default
 };