@aplus-frontend/ui 7.13.8 → 7.13.10

package/es/src/skeleton/components/search-form/index.vue2.mjs

@@ -1,50 +1,50 @@
-import { defineComponent as x, computed as n, unref as e, createBlock as y, openBlock as o, withCtx as i, createVNode as t, createElementBlock as u, Fragment as B, renderList as k, normalizeStyle as w, createElementVNode as _ } from "vue";
-import { Card as C, Flex as c, Skeleton as l } from "@aplus-frontend/antdv";
-import E from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
-const S = { style: {
+import { defineComponent as v, computed as i, unref as e, createBlock as y, openBlock as o, withCtx as r, createVNode as a, createElementBlock as p, Fragment as x, renderList as B, normalizeStyle as _, createElementVNode as k } from "vue";
+import { Card as w, Flex as n, Skeleton as l } from "@aplus-frontend/antdv";
+import C from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+const E = { style: {
   width: "20%"
-} }, N = /* @__PURE__ */ x({
+} }, N = /* @__PURE__ */ v({
   __name: "index",
   props: {
     active: { type: Boolean }
   },
-  setup(a) {
-    const d = {
+  setup(S) {
+    const m = {
       lg: !0,
       md: !0,
       sm: !1,
       xl: !1,
       xs: !1,
       xxl: !1
-    }, p = {
+    }, u = {
       xs: 2,
       sm: 2,
       md: 4,
       lg: 4,
       xl: 5,
       xxl: 5
-    }, f = E(), g = n(() => f.value || d), h = n(() => {
-      const r = e(g);
-      return Object.keys(r).filter((m) => r[m] === !0).pop() || "md";
-    }), s = n(
-      () => p[h.value] || 4
+    }, d = C(), f = i(() => d.value || m), g = i(() => {
+      const t = e(f);
+      return Object.keys(t).filter((c) => t[c] === !0).pop() || "md";
+    }), s = i(
+      () => u[g.value] || 4
     );
-    return (r, m) => (o(), y(e(C), {
+    return (t, c) => (o(), y(e(w), {
       variant: "borderless",
       style: { marginBlockEnd: "16px" }
     }, {
-      default: i(() => [
-        t(e(c), {
+      default: r(() => [
+        a(e(n), {
           gap: 8,
           style: { marginBlockEnd: "16px" }
         }, {
-          default: i(() => [
-            (o(!0), u(B, null, k(new Array(s.value).fill(null), (b, v) => (o(), u("div", {
-              key: v,
-              style: w({ width: `${100 / s.value}%` })
+          default: r(() => [
+            (o(!0), p(x, null, B(new Array(s.value).fill(null), (b, h) => (o(), p("div", {
+              key: h,
+              style: _({ width: `${100 / s.value}%` })
             }, [
-              t(e(l), {
-                active: a.active,
+              a(e(l), {
+                active: t.active,
                 paragraph: !1,
                 title: { style: { height: "24px", marginBottom: 0 } }
               }, null, 8, ["active"])
@@ -52,34 +52,34 @@ const S = { style: {
           ]),
           _: 1
         }),
-        t(e(c), {
+        a(e(n), {
           gap: 8,
           justify: "space-between"
         }, {
-          default: i(() => [
-            t(e(c), { gap: 8 }, {
-              default: i(() => [
-                t(e(l), {
-                  active: a.active,
+          default: r(() => [
+            a(e(n), { gap: 8 }, {
+              default: r(() => [
+                a(e(l), {
+                  active: t.active,
                   paragraph: !1,
                   title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
                 }, null, 8, ["active"]),
-                t(e(l), {
-                  active: a.active,
+                a(e(l), {
+                  active: t.active,
                   paragraph: !1,
                   title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
                 }, null, 8, ["active"]),
-                t(e(l), {
-                  active: a.active,
+                a(e(l), {
+                  active: t.active,
                   paragraph: !1,
                   title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
                 }, null, 8, ["active"])
               ]),
               _: 1
             }),
-            _("div", S, [
-              t(e(l), {
-                active: a.active,
+            k("div", E, [
+              a(e(l), {
+                active: t.active,
                 paragraph: !1,
                 title: {
                   style: { height: "24px", marginBottom: 0 }

package/es/src/skeleton/components/table/index.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as m, createBlock as n, openBlock as l, unref as t, withCtx as c, createCommentVNode as u, createVNode as a, createElementBlock as s, createElementVNode as r, Fragment as v, renderList as f } from "vue";
-import { Card as x, Flex as p, Skeleton as i } from "@aplus-frontend/antdv";
+import { defineComponent as d, createBlock as n, openBlock as l, unref as t, withCtx as r, createCommentVNode as p, createVNode as a, createElementBlock as m, createElementVNode as o, Fragment as u, renderList as v } from "vue";
+import { Card as f, Flex as y, Skeleton as i } from "@aplus-frontend/antdv";
 import "./item.vue.mjs";
-import o from "./item.vue2.mjs";
-const y = { style: {
+import c from "./item.vue2.mjs";
+const h = { style: {
   display: "flex",
   justifyContent: "flex-end",
   paddingBlockStart: "16px"
-} }, C = /* @__PURE__ */ m({
+} }, z = /* @__PURE__ */ d({
   name: "ApSkeletonTable",
   __name: "index",
   props: {
@@ -14,15 +14,15 @@ const y = { style: {
     size: { default: 4 },
     actions: { type: Boolean, default: void 0 }
   },
-  setup(e) {
-    return (h, B) => (l(), n(t(x), { variant: "borderless" }, {
-      default: c(() => [
-        e.actions !== !1 ? (l(), n(t(p), {
+  setup(B) {
+    return (e, k) => (l(), n(t(f), { variant: "borderless" }, {
+      default: r(() => [
+        e.actions !== !1 ? (l(), n(t(y), {
           key: 0,
           justify: "space-between"
         }, {
-          default: c(() => [
-            r("div", null, [
+          default: r(() => [
+            o("div", null, [
               a(t(i).Button, {
                 active: e.active,
                 size: "small",
@@ -45,16 +45,16 @@ const y = { style: {
             }, null, 8, ["active"])
           ]),
           _: 1
-        })) : u("", !0),
-        a(o, {
+        })) : p("", !0),
+        a(c, {
           header: "",
           active: e.active
         }, null, 8, ["active"]),
-        (l(!0), s(v, null, f(new Array(e.size).fill(null), (k, d) => (l(), n(o, {
-          key: d,
+        (l(!0), m(u, null, v(new Array(e.size).fill(null), (g, s) => (l(), n(c, {
+          key: s,
           active: e.active
         }, null, 8, ["active"]))), 128)),
-        r("div", y, [
+        o("div", h, [
           a(t(i), {
             active: e.active,
             paragraph: !1,
@@ -74,5 +74,5 @@ const y = { style: {
   }
 });
 export {
-  C as default
+  z as default
 };

package/es/src/skeleton/components/table/item.vue2.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as v, computed as a, unref as t, createElementBlock as n, openBlock as r, Fragment as c, createElementVNode as s, createVNode as i, normalizeStyle as p, renderList as k } from "vue";
+import { defineComponent as h, computed as l, unref as t, createElementBlock as a, openBlock as n, Fragment as p, createElementVNode as s, createVNode as r, normalizeStyle as d, renderList as v } from "vue";
 import { Skeleton as m } from "@aplus-frontend/antdv";
-import S from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
-import { ApSkeletonLine as B } from "../line/index.mjs";
-const b = { style: {
+import k from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+import { ApSkeletonLine as S } from "../line/index.mjs";
+const _ = { style: {
   flex: 3,
   paddingInlineStart: "32px"
-} }, C = /* @__PURE__ */ v({
+} }, A = /* @__PURE__ */ h({
   name: "ApSkeletonTableItem",
   __name: "item",
   props: {
     active: { type: Boolean },
     header: { type: Boolean, default: !1 }
   },
-  setup(e) {
+  setup(B) {
     const u = {
       lg: !0,
       md: !0,
@@ -20,36 +20,36 @@ const b = { style: {
       xl: !1,
       xs: !1,
       xxl: !1
-    }, x = {
+    }, c = {
       xs: 1,
       sm: 2,
       md: 3,
       lg: 3,
       xl: 3,
       xxl: 4
-    }, f = S(), g = a(() => f.value || u), y = a(() => {
-      const l = t(g);
-      return Object.keys(l).filter((o) => l[o] === !0)[0] || "md";
-    }), h = a(
-      () => x[y.value] || 3
+    }, f = k(), x = l(() => f.value || u), g = l(() => {
+      const e = t(x);
+      return Object.keys(e).filter((i) => e[i] === !0)[0] || "md";
+    }), y = l(
+      () => c[g.value] || 3
     );
-    return (l, o) => (r(), n(c, null, [
+    return (e, i) => (n(), a(p, null, [
       s("div", {
-        style: p({
+        style: d({
           display: "flex",
           background: e.header ? "rgba(0,0,0,0.02)" : "none",
           padding: "20px 8px"
         })
       }, [
-        (r(!0), n(c, null, k(new Array(h.value).fill(null), (w, d) => (r(), n("div", {
-          key: d,
-          style: p({
+        (n(!0), a(p, null, v(new Array(y.value).fill(null), (b, o) => (n(), a("div", {
+          key: o,
+          style: d({
             flex: 1,
-            paddingInlineStart: e.header && d === 0 ? "8px" : "20px",
+            paddingInlineStart: e.header && o === 0 ? "8px" : "20px",
             paddingInlineEnd: "32px"
           })
         }, [
-          i(t(m), {
+          r(t(m), {
             active: e.active,
             paragraph: !1,
             title: {
@@ -61,8 +61,8 @@ const b = { style: {
             }
           }, null, 8, ["active", "title"])
         ], 4))), 128)),
-        s("div", b, [
-          i(t(m), {
+        s("div", _, [
+          r(t(m), {
             active: e.active,
             paragraph: !1,
             title: {
@@ -71,10 +71,10 @@ const b = { style: {
           }, null, 8, ["active", "title"])
         ])
       ], 4),
-      i(t(B), { style: { padding: "0px 0px" } })
+      r(t(S), { style: { padding: "0px 0px" } })
     ], 64));
   }
 });
 export {
-  C as default
+  A as default
 };

package/es/src/skeleton/descriptions.vue2.mjs

@@ -1,37 +1,37 @@
-import { defineComponent as o, createElementBlock as c, openBlock as t, createBlock as i, createCommentVNode as a, createVNode as n, unref as l } from "vue";
+import { defineComponent as a, createElementBlock as r, openBlock as t, createBlock as o, createCommentVNode as i, createVNode as n, unref as l } from "vue";
 import "./components/desc/index.vue.mjs";
-import { ApSkeletonLine as r } from "./components/line/index.mjs";
+import { ApSkeletonLine as s } from "./components/line/index.mjs";
 import "./components/list/index.vue.mjs";
 import "./components/page-header/index.vue.mjs";
 import m from "./components/page-header/index.vue2.mjs";
-import f from "./components/desc/index.vue2.mjs";
-import u from "./components/list/index.vue2.mjs";
-const s = { style: {
+import p from "./components/desc/index.vue2.mjs";
+import c from "./components/list/index.vue2.mjs";
+const f = { style: {
   width: "100%"
-} }, g = /* @__PURE__ */ o({
+} }, $ = /* @__PURE__ */ a({
   __name: "descriptions",
   props: {
     active: { type: Boolean, default: !0 },
     pageHeader: { type: Boolean, default: void 0 },
     list: { type: [Boolean, Number], default: 3 }
   },
-  setup(e) {
-    return (d, v) => (t(), c("div", s, [
-      e.pageHeader !== !1 ? (t(), i(m, {
+  setup(u) {
+    return (e, d) => (t(), r("div", f, [
+      e.pageHeader !== !1 ? (t(), o(m, {
         key: 0,
         active: e.active
-      }, null, 8, ["active"])) : a("", !0),
-      n(f, { active: e.active }, null, 8, ["active"]),
-      e.list !== !1 ? (t(), i(l(r), { key: 1 })) : a("", !0),
-      e.list !== !1 ? (t(), i(u, {
+      }, null, 8, ["active"])) : i("", !0),
+      n(p, { active: e.active }, null, 8, ["active"]),
+      e.list !== !1 ? (t(), o(l(s), { key: 1 })) : i("", !0),
+      e.list !== !1 ? (t(), o(c, {
         key: 2,
         active: e.active,
         size: e.list,
         "action-button": !!e.list
-      }, null, 8, ["active", "size", "action-button"])) : a("", !0)
+      }, null, 8, ["active", "size", "action-button"])) : i("", !0)
     ]));
   }
 });
 export {
-  g as default
+  $ as default
 };

package/es/src/skeleton/list-page.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as i, createElementBlock as n, openBlock as t, createBlock as a, createCommentVNode as o, createVNode as l, unref as c, withCtx as r } from "vue";
+import { defineComponent as i, createElementBlock as r, openBlock as t, createBlock as a, createCommentVNode as o, createVNode as n, unref as l, withCtx as s } from "vue";
 import { Card as m } from "@aplus-frontend/antdv";
 import "./components/page-header/index.vue.mjs";
 import "./components/search-form/index.vue.mjs";
 import "./components/table/index.vue.mjs";
-import d from "./components/page-header/index.vue2.mjs";
-import f from "./components/search-form/index.vue2.mjs";
-import s from "./components/table/index.vue2.mjs";
-const u = { style: {
+import p from "./components/page-header/index.vue2.mjs";
+import c from "./components/search-form/index.vue2.mjs";
+import d from "./components/table/index.vue2.mjs";
+const f = { style: {
   width: "100%"
 } }, N = /* @__PURE__ */ i({
   name: "ApSkeletonListPage",
@@ -18,22 +18,22 @@ const u = { style: {
     searchForm: { type: Boolean, default: void 0 },
     list: { type: [Number, Boolean], default: 5 }
   },
-  setup(e) {
-    return (v, y) => (t(), n("div", u, [
-      e.pageHeader !== !1 ? (t(), a(d, {
+  setup(u) {
+    return (e, v) => (t(), r("div", f, [
+      e.pageHeader !== !1 ? (t(), a(p, {
         key: 0,
         active: e.active
       }, null, 8, ["active"])) : o("", !0),
-      e.searchForm !== !1 ? (t(), a(f, {
+      e.searchForm !== !1 ? (t(), a(c, {
         key: 1,
         active: e.active
       }, null, 8, ["active"])) : o("", !0),
-      l(c(m), {
+      n(l(m), {
         variant: "borderless",
         "body-style": { padding: 0 }
       }, {
-        default: r(() => [
-          e.list !== !1 ? (t(), a(s, {
+        default: s(() => [
+          e.list !== !1 ? (t(), a(d, {
             key: 0,
             size: e.list,
             active: e.active,

package/es/src/splitter/Panel.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as o, computed as r, createElementBlock as i, openBlock as c, normalizeStyle as m, normalizeClass as p, unref as s, renderSlot as u } from "vue";
+import { defineComponent as n, computed as r, createElementBlock as i, openBlock as p, normalizeStyle as m, normalizeClass as c, unref as s, renderSlot as u } from "vue";
 import "../config-provider/index.mjs";
 import { useNamespace as d } from "../config-provider/hooks/use-namespace.mjs";
-const x = /* @__PURE__ */ o({
+const B = /* @__PURE__ */ n({
   name: "InternalSplitterPanel",
   __name: "Panel",
   props: {
@@ -14,23 +14,23 @@ const x = /* @__PURE__ */ o({
     resizable: { type: Boolean },
     defaultSize: {}
   },
-  setup(t) {
-    const l = t, { b: a } = d("splitter-panel"), n = r(() => {
-      const e = l.size !== void 0;
+  setup(a) {
+    const t = a, { b: l } = d("splitter-panel"), o = r(() => {
+      const e = t.size !== void 0;
       return {
-        ...l.style,
-        flexBasis: e ? `${l.size}px` : "auto",
+        ...t.style,
+        flexBasis: e ? `${t.size}px` : "auto",
         flexGrow: e ? 0 : 1
       };
     });
-    return (e, f) => (c(), i("div", {
-      class: p([s(a)(), { [s(a)("hidden")]: t.size === 0 }, t.className]),
-      style: m(n.value)
+    return (e, f) => (p(), i("div", {
+      class: c([s(l)(), { [s(l)("hidden")]: e.size === 0 }, e.className]),
+      style: m(o.value)
     }, [
       u(e.$slots, "default")
     ], 6));
   }
 });
 export {
-  x as default
+  B as default
 };

package/es/src/splitter/SplitBar.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as S, computed as z, unref as a, watchEffect as U, createElementBlock as h, openBlock as w, normalizeClass as d, createCommentVNode as y, createElementVNode as x, normalizeStyle as T, createBlock as D, resolveDynamicComponent as F, createVNode as B } from "vue";
+import { defineComponent as P, ref as S, computed as C, unref as a, watchEffect as U, createElementBlock as g, openBlock as m, normalizeClass as c, createCommentVNode as b, createElementVNode as z, normalizeStyle as T, createBlock as D, resolveDynamicComponent as F, createVNode as B } from "vue";
 import { UpOutlined as A, DownOutlined as R, LeftOutlined as $, RightOutlined as j } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
@@ -48,121 +48,121 @@ const G = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], W = /* @__PURE__
       type: [Boolean, String]
     }
   },
-  setup(s) {
-    function C(t) {
-      return typeof t == "number" && !Number.isNaN(t) ? Math.round(t) : 0;
+  setup(L) {
+    function y(e) {
+      return typeof e == "number" && !Number.isNaN(e) ? Math.round(e) : 0;
     }
-    const e = s, {
-      b: o,
-      cssVar: L
-    } = q("splitter-bar"), g = S(null), u = S(0), N = z(() => e.vertical ? 0 : a(u)), k = z(() => e.vertical ? a(u) : 0), V = (t) => {
-      e.resizable && t.currentTarget && (g.value = [t.pageX, t.pageY], e.onOffsetStart(e.index));
-    }, X = (t) => {
-      if (e.resizable && t.touches.length === 1) {
-        const n = t.touches[0];
-        g.value = [n.pageX, n.pageY], e.onOffsetStart(e.index);
+    const o = L, {
+      b: t,
+      cssVar: N
+    } = q("splitter-bar"), w = S(null), d = S(0), k = C(() => o.vertical ? 0 : a(d)), x = C(() => o.vertical ? a(d) : 0), V = (e) => {
+      o.resizable && e.currentTarget && (w.value = [e.pageX, e.pageY], o.onOffsetStart(o.index));
+    }, X = (e) => {
+      if (o.resizable && e.touches.length === 1) {
+        const n = e.touches[0];
+        w.value = [n.pageX, n.pageY], o.onOffsetStart(o.index);
       }
-    }, Y = (t) => {
+    }, Y = (e) => {
       const {
         containerSize: n,
-        ariaMax: l,
+        ariaMax: s,
         ariaMin: r,
-        ariaNow: c
-      } = e, i = n * c / 100, f = i + t, p = Math.max(0, n * r / 100), v = Math.max(n, n * l / 100);
-      return Math.max(p, Math.min(v, f)) - i;
-    }, O = (t, n) => {
-      const l = Y(e.vertical ? n : t);
-      u.value = l;
+        ariaNow: i
+      } = o, l = n * i / 100, u = l + e, p = Math.max(0, n * r / 100), f = Math.max(n, n * s / 100);
+      return Math.max(p, Math.min(f, u)) - l;
+    }, O = (e, n) => {
+      const s = Y(o.vertical ? n : e);
+      d.value = s;
     }, E = () => {
-      e.onOffsetUpdate(e.index, a(N), a(k)), u.value = 0;
-    }, M = (t) => {
-      switch (t) {
+      o.onOffsetUpdate(o.index, a(k), a(x)), d.value = 0;
+    }, M = (e) => {
+      switch (e) {
         case !0:
-          return o("collapse-bar-always-visible");
+          return t("collapse-bar-always-visible");
         case !1:
-          return o("collapse-bar-always-hidden");
+          return t("collapse-bar-always-hidden");
         case "auto":
-          return o("collapse-bar-hover-only");
+          return t("collapse-bar-hover-only");
       }
     };
-    U((t) => {
-      const n = a(g);
+    U((e) => {
+      const n = a(w);
       if (n) {
-        const l = (f) => {
+        const s = (u) => {
           const {
             pageX: p,
-            pageY: v
-          } = f, m = p - n[0], I = v - n[1];
-          e.lazy ? O(m, I) : e.onOffsetUpdate(e.index, m, I);
+            pageY: f
+          } = u, v = p - n[0], I = f - n[1];
+          o.lazy ? O(v, I) : o.onOffsetUpdate(o.index, v, I);
         }, r = () => {
-          e.lazy && E(), g.value = null, e.onOffsetEnd();
-        }, c = (f) => {
-          if (f.touches.length === 1) {
-            const p = f.touches[0], v = p.pageX - n[0], m = p.pageY - n[1];
-            e.lazy ? O(v, m) : e.onOffsetUpdate(e.index, v, m);
+          o.lazy && E(), w.value = null, o.onOffsetEnd();
+        }, i = (u) => {
+          if (u.touches.length === 1) {
+            const p = u.touches[0], f = p.pageX - n[0], v = p.pageY - n[1];
+            o.lazy ? O(f, v) : o.onOffsetUpdate(o.index, f, v);
           }
-        }, i = () => {
-          e.lazy && E(), g.value = null, e.onOffsetEnd();
+        }, l = () => {
+          o.lazy && E(), w.value = null, o.onOffsetEnd();
         };
-        window.addEventListener("touchmove", c), window.addEventListener("touchend", i), window.addEventListener("mousemove", l), window.addEventListener("mouseup", r), t(() => {
-          window.removeEventListener("touchmove", c), window.removeEventListener("touchend", i), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r);
+        window.addEventListener("touchmove", i), window.addEventListener("touchend", l), window.addEventListener("mousemove", s), window.addEventListener("mouseup", r), e(() => {
+          window.removeEventListener("touchmove", i), window.removeEventListener("touchend", l), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", r);
         });
       }
     }, {
       flush: "post"
     });
-    const b = z(() => {
+    const h = C(() => {
       const {
-        collapsibleIcon: t,
+        collapsibleIcon: e,
         vertical: n
-      } = e;
-      let l = null, r = null;
-      const c = t?.start !== void 0, i = t?.end !== void 0;
-      return n ? (l = c ? () => t.start : A, r = i ? () => t.end : R) : (l = c ? () => t.start : $, r = i ? () => t.end : j), {
-        startIcon: l,
+      } = o;
+      let s = null, r = null;
+      const i = e?.start !== void 0, l = e?.end !== void 0;
+      return n ? (s = i ? () => e.start : A, r = l ? () => e.end : R) : (s = i ? () => e.start : $, r = l ? () => e.end : j), {
+        startIcon: s,
         endIcon: r,
-        startCustomize: c,
-        endCustomize: i
+        startCustomize: i,
+        endCustomize: l
       };
     });
-    return (t, n) => (w(), h("div", {
-      class: d(a(o)()),
+    return (e, n) => (m(), g("div", {
+      class: c(a(t)()),
       role: "separator",
-      "aria-valuenow": C(e.ariaNow),
-      "aria-valuemin": C(e.ariaMin),
-      "aria-valuemax": C(e.ariaMax)
-    }, [e.lazy ? (w(), h("div", {
+      "aria-valuenow": y(o.ariaNow),
+      "aria-valuemin": y(o.ariaMin),
+      "aria-valuemax": y(o.ariaMax)
+    }, [o.lazy ? (m(), g("div", {
       key: 0,
-      class: d([a(o)("preview"), {
-        [a(o)("preview-active")]: !!u.value
+      class: c([a(t)("preview"), {
+        [a(t)("preview-active")]: !!d.value
       }]),
-      style: T(a(L)({
-        "preview-offset": `${u.value}px`
+      style: T(a(N)({
+        "preview-offset": `${d.value}px`
       }))
-    }, null, 6)) : y("", !0), x("div", {
-      class: d([a(o)("dragger"), {
-        [a(o)("dragger-disabled")]: !s.resizable,
-        [a(o)("dragger-active")]: s.active,
-        [a(o)("dragger-customize")]: s.draggerIcon !== void 0
+    }, null, 6)) : b("", !0), z("div", {
+      class: c([a(t)("dragger"), {
+        [a(t)("dragger-disabled")]: !e.resizable,
+        [a(t)("dragger-active")]: e.active,
+        [a(t)("dragger-customize")]: e.draggerIcon !== void 0
       }]),
       onMousedown: V,
       onTouchstart: X
-    }, [s.draggerIcon !== void 0 ? (w(), h("div", {
+    }, [e.draggerIcon !== void 0 ? (m(), g("div", {
       key: 0,
-      class: d(a(o)("dragger-icon"))
-    }, [(w(), D(F(s.draggerIcon)))], 2)) : y("", !0)], 34), s.startCollapsible ? (w(), h("div", {
+      class: c(a(t)("dragger-icon"))
+    }, [(m(), D(F(e.draggerIcon)))], 2)) : b("", !0)], 34), e.startCollapsible ? (m(), g("div", {
       key: 1,
-      class: d([a(o)("collapse-bar"), a(o)("collapse-bar-start"), b.value.startCustomize ? a(o)("collapse-bar-customize") : "", M(s.showStartCollapsibleIcon)]),
-      onClick: n[0] || (n[0] = () => s.onCollapse(s.index, "start"))
-    }, [x("span", {
-      class: d([a(o)("collapse-icon"), a(o)("collapse-start")])
-    }, [B(a(b).startIcon)], 2)], 2)) : y("", !0), s.endCollapsible ? (w(), h("div", {
+      class: c([a(t)("collapse-bar"), a(t)("collapse-bar-start"), h.value.startCustomize ? a(t)("collapse-bar-customize") : "", M(e.showStartCollapsibleIcon)]),
+      onClick: n[0] || (n[0] = () => e.onCollapse(e.index, "start"))
+    }, [z("span", {
+      class: c([a(t)("collapse-icon"), a(t)("collapse-start")])
+    }, [B(a(h).startIcon)], 2)], 2)) : b("", !0), e.endCollapsible ? (m(), g("div", {
       key: 2,
-      class: d([a(o)("collapse-bar"), a(o)("collapse-bar-end"), b.value.endCustomize ? a(o)("collapse-bar-customize") : "", M(s.showEndCollapsibleIcon)]),
-      onClick: n[1] || (n[1] = () => s.onCollapse(s.index, "end"))
-    }, [x("span", {
-      class: d([a(o)("collapse-icon"), a(o)("collapse-end")])
-    }, [B(a(b).endIcon)], 2)], 2)) : y("", !0)], 10, G));
+      class: c([a(t)("collapse-bar"), a(t)("collapse-bar-end"), h.value.endCustomize ? a(t)("collapse-bar-customize") : "", M(e.showEndCollapsibleIcon)]),
+      onClick: n[1] || (n[1] = () => e.onCollapse(e.index, "end"))
+    }, [z("span", {
+      class: c([a(t)("collapse-icon"), a(t)("collapse-end")])
+    }, [B(a(h).endIcon)], 2)], 2)) : b("", !0)], 10, G));
   }
 });
 export {