vue-amazing-ui 2.4.21 → 2.4.22

package/es/card/Card.css

@@ -1 +1 @@
-.card-wrap[data-v-811bb8ba]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;background:#fff;border-radius:8px;text-align:left;transition:width .2s}.card-wrap .card-head[data-v-811bb8ba]{display:flex;justify-content:center;flex-direction:column;margin-bottom:-1px;color:#000000e0;font-weight:600;background:transparent;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;transition:all .2s}.card-wrap .card-head .head-wrapper[data-v-811bb8ba]{width:100%;display:flex;align-items:center;gap:8px}.card-wrap .card-head .head-wrapper .head-title[data-v-811bb8ba]{display:inline-block;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-wrap .card-head .head-wrapper .head-extra[data-v-811bb8ba]{margin-left:auto;font-weight:400;font-size:14px;transition:font-size .2s}.card-wrap .card-body[data-v-811bb8ba]{border-radius:0 0 8px 8px;transition:padding .2s}.card-bordered[data-v-811bb8ba]{border:1px solid #f0f0f0}.card-small .card-head[data-v-811bb8ba]{min-height:38px;padding:0 12px;font-size:14px}.card-small .card-body[data-v-811bb8ba]{padding:12px}.card-middle .card-head[data-v-811bb8ba]{min-height:56px;padding:0 24px;font-size:16px}.card-middle .card-body[data-v-811bb8ba]{padding:24px}.card-large[data-v-811bb8ba]{font-size:16px}.card-large .card-head[data-v-811bb8ba]{min-height:74px;padding:0 36px;font-size:18px}.card-large .card-head .head-wrapper .head-extra[data-v-811bb8ba]{font-size:16px}.card-large .card-body[data-v-811bb8ba]{padding:36px}.card-hoverable[data-v-811bb8ba]{cursor:pointer;transition:box-shadow .2s,border-color .2s}.card-hoverable[data-v-811bb8ba]:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}
+.card-wrap[data-v-c65b14fd]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;background:#fff;border-radius:8px;text-align:left;transition:width .2s}.card-wrap .card-head[data-v-c65b14fd]{display:flex;justify-content:center;flex-direction:column;margin-bottom:-1px;color:#000000e0;font-weight:600;background:transparent;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;transition:all .2s}.card-wrap .card-head .head-wrapper[data-v-c65b14fd]{width:100%;display:flex;align-items:center;gap:8px}.card-wrap .card-head .head-wrapper .head-title[data-v-c65b14fd]{display:inline-block;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-wrap .card-head .head-wrapper .head-extra[data-v-c65b14fd]{margin-left:auto;font-weight:400;font-size:14px;transition:font-size .2s}.card-wrap .card-body[data-v-c65b14fd]{border-radius:0 0 8px 8px;transition:padding .2s}.card-bordered[data-v-c65b14fd]{border:1px solid #f0f0f0}.card-small .card-head[data-v-c65b14fd]{min-height:38px;padding:0 12px;font-size:14px}.card-small .card-body[data-v-c65b14fd]{padding:12px}.card-middle .card-head[data-v-c65b14fd]{min-height:56px;padding:0 24px;font-size:16px}.card-middle .card-body[data-v-c65b14fd]{padding:24px}.card-large[data-v-c65b14fd]{font-size:16px}.card-large .card-head[data-v-c65b14fd]{min-height:74px;padding:0 36px;font-size:18px}.card-large .card-head .head-wrapper .head-extra[data-v-c65b14fd]{font-size:16px}.card-large .card-body[data-v-c65b14fd]{padding:36px}.card-hoverable[data-v-c65b14fd]{cursor:pointer;transition:box-shadow .2s,border-color .2s}.card-hoverable[data-v-c65b14fd]:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}

package/es/card/Card.vue.js

@@ -1,7 +1,7 @@
 import o from "./Card.vue2.js";
 /* empty css          */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-811bb8ba"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c65b14fd"]]);
 export {
-  p as default
+  m as default
 };

package/es/card/Card.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as l, createElementBlock as r, openBlock as o, normalizeStyle as d, normalizeClass as w, createCommentVNode as s, createElementVNode as n, renderSlot as i, createTextVNode as u, toDisplayString as f, createVNode as b, unref as S, mergeProps as g, withCtx as k } from "vue";
+import { defineComponent as x, computed as l, createElementBlock as d, openBlock as r, normalizeStyle as s, normalizeClass as w, createCommentVNode as i, createElementVNode as u, renderSlot as n, createTextVNode as c, toDisplayString as f, createVNode as b, unref as S, mergeProps as g, withCtx as k } from "vue";
 import z from "../skeleton/index.js";
 import { useSlotsExist as B } from "../utils/index.js";
 const C = { class: "head-wrapper" }, E = {
@@ -7,7 +7,7 @@ const C = { class: "head-wrapper" }, E = {
 }, $ = {
   key: 1,
   class: "head-extra"
-}, T = /* @__PURE__ */ v({
+}, T = /* @__PURE__ */ x({
   __name: "Card",
   props: {
     width: { default: "auto" },
@@ -21,9 +21,9 @@ const C = { class: "head-wrapper" }, E = {
     headStyle: { default: () => ({}) },
     bodyStyle: { default: () => ({}) }
   },
-  setup(p) {
-    const t = p, a = B(["title", "extra"]), c = l(() => typeof t.width == "number" ? `${t.width}px` : t.width), h = l(() => a.title || a.extra || t.title || t.extra), m = l(() => a.title || t.title), y = l(() => a.extra || t.extra);
-    return (e, N) => (o(), r("div", {
+  setup(e) {
+    const t = e, a = B(["title", "extra"]), h = l(() => typeof t.width == "number" ? `${t.width}px` : t.width), m = l(() => a.title || a.extra || t.title || t.extra), y = l(() => a.title || t.title), v = l(() => a.extra || t.extra);
+    return (o, N) => (r(), d("div", {
       class: w(["card-wrap", {
         "card-bordered": e.bordered,
         "card-small": e.size === "small",
@@ -31,36 +31,36 @@ const C = { class: "head-wrapper" }, E = {
         "card-large": e.size === "large",
         "card-hoverable": e.hoverable
       }]),
-      style: d(`width: ${c.value};`)
+      style: s(`width: ${h.value};`)
     }, [
-      h.value ? (o(), r("div", {
+      m.value ? (r(), d("div", {
         key: 0,
         class: "card-head",
-        style: d(e.headStyle)
+        style: s(e.headStyle)
       }, [
-        n("div", C, [
-          m.value ? (o(), r("div", E, [
-            i(e.$slots, "title", {}, () => [
-              u(f(e.title), 1)
+        u("div", C, [
+          y.value ? (r(), d("div", E, [
+            n(o.$slots, "title", {}, () => [
+              c(f(e.title), 1)
             ], !0)
-          ])) : s("", !0),
-          y.value ? (o(), r("div", $, [
-            i(e.$slots, "extra", {}, () => [
-              u(f(e.extra), 1)
+          ])) : i("", !0),
+          v.value ? (r(), d("div", $, [
+            n(o.$slots, "extra", {}, () => [
+              c(f(e.extra), 1)
             ], !0)
-          ])) : s("", !0)
+          ])) : i("", !0)
         ])
-      ], 4)) : s("", !0),
-      n("div", {
+      ], 4)) : i("", !0),
+      u("div", {
         class: "card-body",
-        style: d(e.bodyStyle)
+        style: s(e.bodyStyle)
       }, [
         b(S(z), g({
           title: !1,
           loading: e.loading
         }, e.skeletonProps), {
           default: k(() => [
-            i(e.$slots, "default", {}, void 0, !0)
+            n(o.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["loading"])

package/es/carousel/Carousel.css

@@ -1 +1 @@
-.carousel-wrap[data-v-560cab42]{display:inline-block;width:var(--carousel-width);height:var(--carousel-height);margin:0 auto;position:relative;overflow:hidden}.carousel-wrap .carousel-flex-wrap[data-v-560cab42]{display:flex;width:100%;height:100%}.carousel-wrap .carousel-flex-wrap .image-wrap[data-v-560cab42]{flex-shrink:0;display:inline-block;cursor:pointer}.carousel-wrap .carousel-flex-wrap .image-wrap .image-link[data-v-560cab42]{display:block;height:100%;cursor:default}.carousel-wrap .carousel-flex-wrap .image-wrap .image-link .image-item[data-v-560cab42]{width:100%;height:100%;border-radius:var(--border-radius);display:inline-block;vertical-align:bottom}.carousel-wrap .carousel-flex-wrap .image-wrap .link-cursor[data-v-560cab42]{cursor:pointer}.carousel-wrap:hover .arrow-left[data-v-560cab42],.carousel-wrap:hover .arrow-right[data-v-560cab42]{opacity:.7;pointer-events:auto}.carousel-wrap .arrow-left[data-v-560cab42]{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:var(--carousel-arrow-color);fill:currentColor;cursor:pointer;opacity:0;pointer-events:none;outline:none;transition:opacity .3s}.carousel-wrap .arrow-left[data-v-560cab42]:hover{opacity:1}.carousel-wrap .arrow-right[data-v-560cab42]{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--carousel-arrow-color);fill:currentColor;cursor:pointer;opacity:0;pointer-events:none;outline:none;transition:opacity .3s}.carousel-wrap .arrow-right[data-v-560cab42]:hover{opacity:1}.carousel-wrap .carousel-switch[data-v-560cab42]{display:flex;justify-content:center;gap:8px;position:absolute;z-index:9;bottom:12px;left:50%;transform:translate(-50%);height:auto}.carousel-wrap .carousel-switch .dot-item[data-v-560cab42]{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:var(--carousel-dot-size);background-color:var(--carousel-dot-color);cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-wrap .switch-top[data-v-560cab42]{top:12px;bottom:auto}.carousel-wrap .switch-left[data-v-560cab42]{inset:50% auto auto 12px;transform:translateY(-50%);flex-direction:column}.carousel-wrap .switch-right[data-v-560cab42]{inset:50% 12px auto auto;transform:translateY(-50%);flex-direction:column}.carousel-vertical .carousel-flex-wrap[data-v-560cab42]{flex-direction:column}.carousel-vertical .arrow-left[data-v-560cab42]{top:6px;left:50%;transform:translate(-50%) rotate(90deg)}.carousel-vertical .arrow-right[data-v-560cab42]{top:auto;bottom:6px;left:50%;transform:translate(-50%) rotate(90deg)}.carousel-fade .image-wrap[data-v-560cab42]{position:absolute;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:var(--carousel-fade-duration);transition-timing-function:var(--carousel-fade-function)}.carousel-fade .image-fade-active[data-v-560cab42]{opacity:1;pointer-events:auto}
+.carousel-wrap[data-v-9e7dd240]{display:inline-block;width:var(--carousel-width);height:var(--carousel-height);margin:0 auto;position:relative;overflow:hidden}.carousel-wrap .carousel-flex-wrap[data-v-9e7dd240]{display:flex;width:100%;height:100%}.carousel-wrap .carousel-flex-wrap .image-wrap[data-v-9e7dd240]{flex-shrink:0;display:inline-block;cursor:pointer}.carousel-wrap .carousel-flex-wrap .image-wrap .image-link[data-v-9e7dd240]{display:block;height:100%;cursor:default}.carousel-wrap .carousel-flex-wrap .image-wrap .image-link .image-item[data-v-9e7dd240]{width:100%;height:100%;border-radius:var(--border-radius);display:inline-block;vertical-align:bottom}.carousel-wrap .carousel-flex-wrap .image-wrap .link-cursor[data-v-9e7dd240]{cursor:pointer}.carousel-wrap:hover .arrow-left[data-v-9e7dd240],.carousel-wrap:hover .arrow-right[data-v-9e7dd240]{opacity:.7;pointer-events:auto}.carousel-wrap .arrow-left[data-v-9e7dd240]{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:var(--carousel-arrow-color);fill:currentColor;cursor:pointer;opacity:0;pointer-events:none;outline:none;transition:opacity .3s}.carousel-wrap .arrow-left[data-v-9e7dd240]:hover{opacity:1}.carousel-wrap .arrow-right[data-v-9e7dd240]{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--carousel-arrow-color);fill:currentColor;cursor:pointer;opacity:0;pointer-events:none;outline:none;transition:opacity .3s}.carousel-wrap .arrow-right[data-v-9e7dd240]:hover{opacity:1}.carousel-wrap .carousel-switch[data-v-9e7dd240]{display:flex;justify-content:center;gap:8px;position:absolute;z-index:9;bottom:12px;left:50%;transform:translate(-50%);height:auto}.carousel-wrap .carousel-switch .dot-item[data-v-9e7dd240]{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:var(--carousel-dot-size);background-color:var(--carousel-dot-color);cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-wrap .switch-top[data-v-9e7dd240]{top:12px;bottom:auto}.carousel-wrap .switch-left[data-v-9e7dd240]{inset:50% auto auto 12px;transform:translateY(-50%);flex-direction:column}.carousel-wrap .switch-right[data-v-9e7dd240]{inset:50% 12px auto auto;transform:translateY(-50%);flex-direction:column}.carousel-vertical .carousel-flex-wrap[data-v-9e7dd240]{flex-direction:column}.carousel-vertical .arrow-left[data-v-9e7dd240]{top:6px;left:50%;transform:translate(-50%) rotate(90deg)}.carousel-vertical .arrow-right[data-v-9e7dd240]{top:auto;bottom:6px;left:50%;transform:translate(-50%) rotate(90deg)}.carousel-fade .image-wrap[data-v-9e7dd240]{position:absolute;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:var(--carousel-fade-duration);transition-timing-function:var(--carousel-fade-function)}.carousel-fade .image-fade-active[data-v-9e7dd240]{opacity:1;pointer-events:auto}

package/es/carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import o from "./Carousel.vue2.js";
 /* empty css              */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-560cab42"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9e7dd240"]]);
 export {
-  p as default
+  m as default
 };

package/es/carousel/Carousel.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as $e, ref as n, computed as d, watch as Z, createElementBlock as v, openBlock as f, normalizeStyle as m, normalizeClass as C, createElementVNode as $, createCommentVNode as I, Fragment as K, renderList as x, createVNode as _, unref as ee, mergeProps as te, withCtx as ae, withModifiers as O } from "vue";
-import { useInject as be, useEventListener as Se, useResizeObserver as Ae, cancelRaf as g, rafTimeout as le } from "../utils/index.js";
+import { defineComponent as be, ref as r, computed as m, watch as Z, createElementBlock as f, openBlock as c, normalizeStyle as g, normalizeClass as b, createElementVNode as x, createCommentVNode as I, Fragment as K, renderList as _, createVNode as ee, unref as te, mergeProps as ae, withCtx as le, withModifiers as O } from "vue";
+import { useInject as xe, useEventListener as Se, useResizeObserver as Ae, cancelRaf as h, rafTimeout as ue } from "../utils/index.js";
 import { useTransition as ze } from "@vueuse/core";
-import oe from "../spin/index.js";
-const Fe = ["onClick"], Le = ["href", "target"], Ee = ["onLoad", "src", "alt"], Me = ["href", "target"], Pe = ["src", "alt"], Be = ["onClick", "onMouseenter"], qe = /* @__PURE__ */ $e({
+import ie from "../spin/index.js";
+const Fe = ["onClick"], Le = ["href", "target"], pe = ["onLoad", "src", "alt"], Ee = ["href", "target"], Me = ["src", "alt"], Pe = ["onClick", "onMouseenter"], Te = /* @__PURE__ */ be({
   __name: "Carousel",
   props: {
     images: { default: () => [] },
@@ -30,20 +30,20 @@ const Fe = ["onClick"], Le = ["href", "target"], Ee = ["onLoad", "src", "alt"],
     slideFunction: { default: () => [0.65, 0, 0.35, 1] }
   },
   emits: ["change", "click"],
-  setup(ue, { expose: ie, emit: ne }) {
-    const t = ue, r = n(0), u = n(), M = n(!1), s = n(!1), p = n(), P = n(), b = n(), a = n(1), S = n(), A = n(), w = n(Array(t.images.length).fill(!1)), { colorPalettes: re } = be("Carousel"), H = ne, se = d(() => typeof t.width == "number" ? `${t.width}px` : t.width), ve = d(() => typeof t.height == "number" ? `${t.height}px` : t.height), i = d(() => t.images.length), z = d(() => ["left", "right"].includes(t.dotPosition)), c = d(() => z.value ? A.value : S.value), fe = d(() => t.dotActiveColor === void 0 ? re.value[5] : t.dotActiveColor), ce = d(() => t.effect === "slide" ? {
-      transform: (z.value ? "translateY" : "translateX") + `(${-r.value}px)`
+  setup(a, { expose: oe, emit: ne }) {
+    const t = a, s = r(0), o = r(), M = r(!1), v = r(!1), w = r(), P = r(), S = r(), l = r(1), A = r(), z = r(), k = r(Array(t.images.length).fill(!1)), { colorPalettes: re } = xe("Carousel"), H = ne, se = m(() => typeof t.width == "number" ? `${t.width}px` : t.width), ve = m(() => typeof t.height == "number" ? `${t.height}px` : t.height), n = m(() => t.images.length), F = m(() => ["left", "right"].includes(t.dotPosition)), d = m(() => F.value ? z.value : A.value), fe = m(() => t.dotActiveColor === void 0 ? re.value[5] : t.dotActiveColor), ce = m(() => t.effect === "slide" ? {
+      transform: (F.value ? "translateY" : "translateX") + `(${-s.value}px)`
     } : {});
     Z(
       () => [
-        z.value,
+        F.value,
         t.effect,
         t.images,
         t.autoplay,
         t.interval,
         t.fadeDuration,
         t.fadeFunction,
-        w.value[0]
+        k.value[0]
       ],
       () => {
         V();
@@ -52,243 +52,243 @@ const Fe = ["onClick"], Le = ["href", "target"], Ee = ["onLoad", "src", "alt"],
         deep: !0,
         flush: "post"
       }
-    ), Z(a, (e) => {
+    ), Z(l, (e) => {
       H("change", e);
-    }), Se(document, "visibilitychange", me), Ae(b, () => {
+    }), Se(document, "visibilitychange", me), Ae(S, () => {
       de(), V();
     });
     function V() {
-      u.value && g(u.value), p.value && cancelAnimationFrame(p.value), s.value = !1, t.effect === "slide" && (r.value = (a.value - 1) * c.value), R();
+      o.value && h(o.value), w.value && cancelAnimationFrame(w.value), v.value = !1, t.effect === "slide" && (s.value = (l.value - 1) * d.value), R();
     }
     function W(e) {
-      w.value[e] = !0;
+      k.value[e] = !0;
     }
     function de() {
-      S.value = b.value.offsetWidth, A.value = b.value.offsetHeight;
+      A.value = S.value.offsetWidth, z.value = S.value.offsetHeight;
     }
     function B(e) {
-      i.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && D(), (e.key === "ArrowRight" || e.key === "ArrowDown") && N());
+      n.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && D(), (e.key === "ArrowRight" || e.key === "ArrowDown") && N());
     }
     function me() {
-      document.visibilityState === "hidden" ? (u.value && g(u.value), r.value = y.value + E.value, s.value = !1) : R();
+      document.visibilityState === "hidden" ? (o.value && h(o.value), s.value = C.value + E.value, v.value = !1) : R();
     }
     function R() {
-      t.autoplay && i.value > 1 && w.value[0] && (M.value = !1, F());
+      t.autoplay && n.value > 1 && k.value[0] && (M.value = !1, L());
     }
     function ge() {
-      u.value && g(u.value), M.value = !0;
+      o.value && h(o.value), M.value = !0;
     }
-    function F() {
-      M.value || (u.value && g(u.value), u.value = le(() => {
-        if (s.value = !0, t.effect === "slide") {
-          const e = r.value % (i.value * c.value) + c.value;
-          T(e), a.value = a.value % i.value + 1;
+    function L() {
+      M.value || (o.value && h(o.value), o.value = ue(() => {
+        if (v.value = !0, t.effect === "slide") {
+          const e = s.value % (n.value * d.value) + d.value;
+          T(e), l.value = l.value % n.value + 1;
         } else
-          k("left");
+          $("left");
       }, t.interval));
     }
     function D() {
-      if (!s.value)
-        if (s.value = !0, u.value && g(u.value), t.effect === "slide") {
-          const e = (a.value + i.value - 2) % i.value * c.value;
-          J(e), a.value = a.value - 1 > 0 ? a.value - 1 : i.value;
+      if (!v.value)
+        if (v.value = !0, o.value && h(o.value), t.effect === "slide") {
+          const e = (l.value + n.value - 2) % n.value * d.value;
+          J(e), l.value = l.value - 1 > 0 ? l.value - 1 : n.value;
         } else
-          k("right");
+          $("right");
     }
     function N() {
-      if (!s.value)
-        if (s.value = !0, u.value && g(u.value), t.effect === "slide") {
-          const e = a.value * c.value;
-          T(e), a.value = a.value % i.value + 1;
+      if (!v.value)
+        if (v.value = !0, o.value && h(o.value), t.effect === "slide") {
+          const e = l.value * d.value;
+          T(e), l.value = l.value % n.value + 1;
         } else
-          k("left");
+          $("left");
     }
-    const L = n(0), y = n(0), E = n(0), U = ze(L, {
+    const p = r(0), C = r(0), E = r(0), U = ze(p, {
       duration: t.slideDuration,
       // 过渡动画时长
       transition: t.slideFunction
       // 过渡动画函数
     });
-    function k(e, l) {
-      e === "left" ? a.value = a.value % i.value + 1 : e === "right" ? a.value = a.value - 1 > 0 ? a.value - 1 : i.value : a.value = l, le(() => {
-        s.value = !1, t.autoplay && F();
+    function $(e, u) {
+      e === "left" ? l.value = l.value % n.value + 1 : e === "right" ? l.value = l.value - 1 > 0 ? l.value - 1 : n.value : l.value = u, ue(() => {
+        v.value = !1, t.autoplay && L();
       }, t.fadeDuration);
     }
     function j(e) {
-      P.value = e, L.value = L.value ? 0 : 1, y.value = r.value, E.value = e - y.value;
+      P.value = e, p.value = p.value ? 0 : 1, C.value = s.value, E.value = e - C.value;
     }
     function X() {
-      L.value ? r.value = y.value + E.value * U.value : r.value = y.value + E.value * (1 - U.value);
+      p.value ? s.value = C.value + E.value * U.value : s.value = C.value + E.value * (1 - U.value);
     }
     function Y() {
-      r.value >= P.value ? (s.value = !1, t.autoplay && F()) : (X(), p.value = requestAnimationFrame(Y));
+      s.value >= P.value ? (v.value = !1, t.autoplay && L()) : (X(), w.value = requestAnimationFrame(Y));
     }
     function T(e) {
-      r.value === i.value * c.value && (r.value = 0), j(e), p.value = requestAnimationFrame(Y);
+      s.value === n.value * d.value && (s.value = 0), j(e), w.value = requestAnimationFrame(Y);
     }
     function G() {
-      r.value <= P.value ? (s.value = !1, t.autoplay && F()) : (X(), p.value = requestAnimationFrame(G));
+      s.value <= P.value ? (v.value = !1, t.autoplay && L()) : (X(), w.value = requestAnimationFrame(G));
     }
     function J(e) {
-      r.value === 0 && (r.value = i.value * c.value), j(e), p.value = requestAnimationFrame(G);
+      s.value === 0 && (s.value = n.value * d.value), j(e), w.value = requestAnimationFrame(G);
     }
     function q(e) {
-      if (!s.value && a.value !== e) {
-        if (s.value = !0, u.value && g(u.value), e < a.value)
+      if (!v.value && l.value !== e) {
+        if (v.value = !0, o.value && h(o.value), e < l.value)
           if (t.effect === "slide") {
-            const l = (e - 1) * c.value;
-            J(l), a.value = e;
+            const u = (e - 1) * d.value;
+            J(u), l.value = e;
           } else
-            k("switch", e);
-        if (e > a.value)
+            $("switch", e);
+        if (e > l.value)
           if (t.effect === "slide") {
-            const l = (e - 1) * c.value;
-            T(l), a.value = e;
+            const u = (e - 1) * d.value;
+            T(u), l.value = e;
           } else
-            k("switch", e);
+            $("switch", e);
       }
     }
-    function pe(e) {
+    function he(e) {
       q(e);
     }
     function Q(e) {
       H("click", e);
     }
-    function he(e) {
-      e >= 1 && e <= i.value && q(e);
+    function we(e) {
+      e >= 1 && e <= n.value && q(e);
     }
-    function we() {
+    function ye() {
       D();
     }
-    function ye() {
+    function ke() {
       N();
     }
-    function ke() {
-      return a.value;
+    function Ce() {
+      return l.value;
     }
-    return ie({
-      to: he,
-      prev: we,
-      next: ye,
-      getCurrentIndex: ke
-    }), (e, l) => (f(), v("div", {
+    return oe({
+      to: we,
+      prev: ye,
+      next: ke,
+      getCurrentIndex: Ce
+    }), (e, u) => (c(), f("div", {
       ref_key: "carouselRef",
-      ref: b,
-      class: C(["carousel-wrap", { "carousel-vertical": z.value, "carousel-fade": e.effect === "fade" }]),
-      style: m(`
+      ref: S,
+      class: b(["carousel-wrap", { "carousel-vertical": F.value, "carousel-fade": a.effect === "fade" }]),
+      style: g(`
       --carousel-width: ${se.value};
       --carousel-height: ${ve.value};
-      --carousel-arrow-color: ${e.arrowColor};
-      --carousel-dot-size: ${e.dotSize}px;
-      --carousel-dot-color: ${e.dotColor};
+      --carousel-arrow-color: ${a.arrowColor};
+      --carousel-dot-size: ${a.dotSize}px;
+      --carousel-dot-color: ${a.dotColor};
       --carousel-fade-duration: ${t.fadeDuration}ms;
       --carousel-fade-function: ${t.fadeFunction};
     `),
-      onMouseenter: l[2] || (l[2] = (o) => e.autoplay && e.pauseOnMouseEnter ? ge() : () => !1),
-      onMouseleave: l[3] || (l[3] = (o) => e.autoplay && e.pauseOnMouseEnter ? R() : () => !1)
+      onMouseenter: u[2] || (u[2] = (i) => a.autoplay && a.pauseOnMouseEnter ? ge() : () => !1),
+      onMouseleave: u[3] || (u[3] = (i) => a.autoplay && a.pauseOnMouseEnter ? R() : () => !1)
     }, [
-      $("div", {
+      x("div", {
         class: "carousel-flex-wrap",
-        style: m(ce.value)
+        style: g(ce.value)
       }, [
-        (f(!0), v(K, null, x(e.images, (o, h) => (f(), v("div", {
-          class: C(["image-wrap", { "image-fade-active": e.effect === "fade" && a.value === h + 1 }]),
-          onClick: (Ce) => Q(o),
-          key: h
+        (c(!0), f(K, null, _(a.images, (i, y) => (c(), f("div", {
+          class: b(["image-wrap", { "image-fade-active": a.effect === "fade" && l.value === y + 1 }]),
+          onClick: ($e) => Q(i),
+          key: y
         }, [
-          _(ee(oe), te({
-            spinning: !w.value[h],
+          ee(te(ie), ae({
+            spinning: !k.value[y],
             indicator: "dynamic-circle"
-          }, { ref_for: !0 }, e.spinProps), {
-            default: ae(() => [
-              $("a", {
-                class: C(["image-link", { "link-cursor": o.link }]),
-                href: o.link,
-                target: o.target ? o.target : "_blank"
+          }, { ref_for: !0 }, a.spinProps), {
+            default: le(() => [
+              x("a", {
+                class: b(["image-link", { "link-cursor": i.link }]),
+                href: i.link,
+                target: i.target ? i.target : "_blank"
               }, [
-                (f(), v("img", {
-                  onLoad: (Ce) => W(h),
-                  src: o.src,
-                  key: o.src,
-                  alt: o.name,
+                (c(), f("img", {
+                  onLoad: ($e) => W(y),
+                  src: i.src,
+                  key: i.src,
+                  alt: i.name,
                   class: "image-item",
-                  style: m(`width: ${S.value}px; height: ${A.value}px;`)
-                }, null, 44, Ee))
+                  style: g(`width: ${A.value}px; height: ${z.value}px;`)
+                }, null, 44, pe))
               ], 10, Le)
             ]),
             _: 2
           }, 1040, ["spinning"])
         ], 10, Fe))), 128)),
-        i.value && e.effect === "slide" ? (f(), v("div", {
+        n.value && a.effect === "slide" ? (c(), f("div", {
           key: 0,
           class: "image-wrap",
-          onClick: l[1] || (l[1] = (o) => Q(e.images[0]))
+          onClick: u[1] || (u[1] = (i) => Q(a.images[0]))
         }, [
-          _(ee(oe), te({
-            spinning: !w.value[0],
+          ee(te(ie), ae({
+            spinning: !k.value[0],
             indicator: "dynamic-circle"
-          }, e.spinProps), {
-            default: ae(() => [
-              $("a", {
-                class: C(["image-link", { "link-cursor": e.images[0].link }]),
-                href: e.images[0].link,
-                target: e.images[0].target ? e.images[0].target : "_blank"
+          }, a.spinProps), {
+            default: le(() => [
+              x("a", {
+                class: b(["image-link", { "link-cursor": a.images[0].link }]),
+                href: a.images[0].link,
+                target: a.images[0].target ? a.images[0].target : "_blank"
               }, [
-                (f(), v("img", {
-                  onLoad: l[0] || (l[0] = (o) => W(0)),
-                  src: e.images[0].src,
-                  key: e.images[0].src,
-                  alt: e.images[0].name,
+                (c(), f("img", {
+                  onLoad: u[0] || (u[0] = (i) => W(0)),
+                  src: a.images[0].src,
+                  key: a.images[0].src,
+                  alt: a.images[0].name,
                   class: "image-item",
-                  style: m(`width: ${S.value}px; height: ${A.value}px;`)
-                }, null, 44, Pe))
-              ], 10, Me)
+                  style: g(`width: ${A.value}px; height: ${z.value}px;`)
+                }, null, 44, Me))
+              ], 10, Ee)
             ]),
             _: 1
           }, 16, ["spinning"])
         ])) : I("", !0)
       ], 4),
-      e.showArrow ? (f(), v(K, { key: 0 }, [
-        (f(), v("svg", {
+      a.showArrow ? (c(), f(K, { key: 0 }, [
+        (c(), f("svg", {
           tabindex: "0",
           class: "arrow-left",
-          style: m(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
+          style: g(`width: ${a.arrowSize}px; height: ${a.arrowSize}px;`),
           onClick: D,
           onKeydown: O(B, ["prevent"]),
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
-        }, [...l[4] || (l[4] = [
-          $("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z" }, null, -1)
+        }, [...u[4] || (u[4] = [
+          x("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z" }, null, -1)
         ])], 36)),
-        (f(), v("svg", {
+        (c(), f("svg", {
           tabindex: "0",
           class: "arrow-right",
-          style: m(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
+          style: g(`width: ${a.arrowSize}px; height: ${a.arrowSize}px;`),
           onClick: N,
           onKeydown: O(B, ["prevent"]),
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
-        }, [...l[5] || (l[5] = [
-          $("path", { d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z" }, null, -1)
+        }, [...u[5] || (u[5] = [
+          x("path", { d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z" }, null, -1)
         ])], 36))
       ], 64)) : I("", !0),
-      e.dots ? (f(), v("div", {
+      a.dots ? (c(), f("div", {
         key: 1,
-        class: C(["carousel-switch", `switch-${e.dotPosition}`])
+        class: b(["carousel-switch", `switch-${a.dotPosition}`])
       }, [
-        (f(!0), v(K, null, x(i.value, (o) => (f(), v("div", {
+        (c(!0), f(K, null, _(n.value, (i) => (c(), f("div", {
           tabindex: "0",
           class: "dot-item",
-          style: m([e.dotStyle, a.value === o ? { backgroundColor: fe.value, ...e.dotActiveStyle } : {}]),
-          key: o,
-          onClick: (h) => e.dotsTrigger === "click" ? q(o) : () => !1,
-          onMouseenter: (h) => e.dotsTrigger === "hover" ? pe(o) : () => !1,
+          style: g([a.dotStyle, l.value === i ? { backgroundColor: fe.value, ...a.dotActiveStyle } : {}]),
+          key: i,
+          onClick: (y) => a.dotsTrigger === "click" ? q(i) : () => !1,
+          onMouseenter: (y) => a.dotsTrigger === "hover" ? he(i) : () => !1,
           onKeydown: O(B, ["prevent"])
-        }, null, 44, Be))), 128))
+        }, null, 44, Pe))), 128))
       ], 2)) : I("", !0)
     ], 38));
   }
 });
 export {
-  qe as default
+  Te as default
 };

package/es/cascader/Cascader.css

@@ -1 +1 @@
-.cascader-wrap[data-v-8d9e4fc3]{display:inline-flex;gap:var(--cascader-select-gap)}
+.cascader-wrap[data-v-44117210]{display:inline-flex;gap:var(--cascader-select-gap)}

package/es/cascader/Cascader.d.ts

@@ -19,8 +19,12 @@ export interface Props {
     changeOnSelect?: boolean;
     allowClear?: boolean;
     search?: boolean;
+    placement?: 'bottom' | 'top';
+    flip?: boolean;
+    to?: string | HTMLElement | false;
     filter?: Function | true;
     maxDisplay?: number;
+    scrollbarProps?: object;
     modelValue?: number[] | string[];
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -38,12 +42,16 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     placeholder: string | string[];
     width: "auto" | number | number[];
     height: number;
+    placement: "bottom" | "top";
+    flip: boolean;
+    to: string | HTMLElement | false;
     disabled: boolean | boolean[];
     value: string;
     gap: number;
     options: Option[];
     allowClear: boolean;
     maxDisplay: number;
+    scrollbarProps: object;
     modelValue: number[] | string[];
     changeOnSelect: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/cascader/Cascader.vue.js

@@ -1,7 +1,7 @@
 import o from "./Cascader.vue2.js";
 /* empty css              */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8d9e4fc3"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-44117210"]]);
 export {
-  e as default
+  p as default
 };