vue-amazing-ui 2.2.13 → 2.2.14

package/es/carousel/Carousel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as ke, ref as n, computed as h, watch as Z, createElementBlock as v, openBlock as f, normalizeStyle as c, normalizeClass as $, createElementVNode as b, createCommentVNode as K, Fragment as O, renderList as x, createVNode as _, unref as ee, mergeProps as te, withCtx as ae, withModifiers as H } from "vue";
+import { defineComponent as ke, ref as n, computed as h, watch as Z, createElementBlock as v, openBlock as f, normalizeStyle as d, normalizeClass as $, createElementVNode as b, createCommentVNode as K, Fragment as O, renderList as x, createVNode as _, unref as ee, mergeProps as ae, withCtx as te, withModifiers as H } from "vue";
 import { useEventListener as $e, useResizeObserver as be, cancelRaf as m, rafTimeout as le } from "../utils/index.js";
 import { useTransition as Ce } from "@vueuse/core";
 import ue from "../spin/index.js";
@@ -30,19 +30,19 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
     slideFunction: { default: () => [0.65, 0, 0.35, 1] }
   },
   emits: ["change", "click"],
-  setup(ie, { expose: oe, emit: ne }) {
-    const t = ie, r = n(0), i = n(), M = n(!1), s = n(!1), g = n(), B = n(), C = n(), a = n(1), S = n(), A = n(), w = n(Array(t.images.length).fill(!1)), I = ne, re = h(() => typeof t.width == "number" ? `${t.width}px` : t.width), se = h(() => typeof t.height == "number" ? `${t.height}px` : t.height), o = h(() => t.images.length), F = h(() => ["left", "right"].includes(t.dotPosition)), d = h(() => F.value ? A.value : S.value), ve = h(() => t.effect === "slide" ? {
+  setup(oe, { expose: ie, emit: ne }) {
+    const a = oe, r = n(0), o = n(), M = n(!1), s = n(!1), g = n(), B = n(), C = n(), t = n(1), S = n(), A = n(), w = n(Array(a.images.length).fill(!1)), I = ne, re = h(() => typeof a.width == "number" ? `${a.width}px` : a.width), se = h(() => typeof a.height == "number" ? `${a.height}px` : a.height), i = h(() => a.images.length), F = h(() => ["left", "right"].includes(a.dotPosition)), c = h(() => F.value ? A.value : S.value), ve = h(() => a.effect === "slide" ? {
       transform: (F.value ? "translateY" : "translateX") + `(${-r.value}px)`
     } : {});
     Z(
       () => [
         F.value,
-        t.effect,
-        t.images,
-        t.autoplay,
-        t.interval,
-        t.fadeDuration,
-        t.fadeFunction,
+        a.effect,
+        a.images,
+        a.autoplay,
+        a.interval,
+        a.fadeDuration,
+        a.fadeFunction,
         w.value[0]
       ],
       () => {
@@ -52,13 +52,13 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
         deep: !0,
         flush: "post"
       }
-    ), Z(a, (e) => {
+    ), Z(t, (e) => {
       I("change", e);
-    }), $e(document, "visibilitychange", de), be(C, () => {
+    }), $e(document, "visibilitychange", ce), be(C, () => {
       fe(), V();
     });
     function V() {
-      i.value && m(i.value), g.value && cancelAnimationFrame(g.value), s.value = !1, t.effect === "slide" && (r.value = (a.value - 1) * d.value), R();
+      o.value && m(o.value), g.value && cancelAnimationFrame(g.value), s.value = !1, a.effect === "slide" && (r.value = (t.value - 1) * c.value), R();
     }
     function W(e) {
       w.value[e] = !0;
@@ -67,52 +67,52 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
       S.value = C.value.offsetWidth, A.value = C.value.offsetHeight;
     }
     function P(e) {
-      o.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && D(), (e.key === "ArrowRight" || e.key === "ArrowDown") && N());
+      i.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && D(), (e.key === "ArrowRight" || e.key === "ArrowDown") && N());
     }
-    function de() {
-      document.visibilityState === "hidden" ? (i.value && m(i.value), r.value = y.value + E.value, s.value = !1) : R();
+    function ce() {
+      document.visibilityState === "hidden" ? (o.value && m(o.value), r.value = y.value + E.value, s.value = !1) : R();
     }
     function R() {
-      t.autoplay && o.value > 1 && w.value[0] && (M.value = !1, z());
+      a.autoplay && i.value > 1 && w.value[0] && (M.value = !1, z());
     }
-    function ce() {
-      i.value && m(i.value), M.value = !0;
+    function de() {
+      o.value && m(o.value), M.value = !0;
     }
     function z() {
-      M.value || (i.value && m(i.value), i.value = le(() => {
-        if (s.value = !0, t.effect === "slide") {
-          const e = r.value % (o.value * d.value) + d.value;
-          T(e), a.value = a.value % o.value + 1;
+      M.value || (o.value && m(o.value), o.value = le(() => {
+        if (s.value = !0, a.effect === "slide") {
+          const e = r.value % (i.value * c.value) + c.value;
+          T(e), t.value = t.value % i.value + 1;
         } else
           k("left");
-      }, t.interval));
+      }, a.interval));
     }
     function D() {
       if (!s.value)
-        if (s.value = !0, i.value && m(i.value), t.effect === "slide") {
-          const e = (a.value + o.value - 2) % o.value * d.value;
-          J(e), a.value = a.value - 1 > 0 ? a.value - 1 : o.value;
+        if (s.value = !0, o.value && m(o.value), a.effect === "slide") {
+          const e = (t.value + i.value - 2) % i.value * c.value;
+          J(e), t.value = t.value - 1 > 0 ? t.value - 1 : i.value;
         } else
           k("right");
     }
     function N() {
       if (!s.value)
-        if (s.value = !0, i.value && m(i.value), t.effect === "slide") {
-          const e = a.value * d.value;
-          T(e), a.value = a.value % o.value + 1;
+        if (s.value = !0, o.value && m(o.value), a.effect === "slide") {
+          const e = t.value * c.value;
+          T(e), t.value = t.value % i.value + 1;
         } else
           k("left");
     }
     const L = n(0), y = n(0), E = n(0), U = Ce(L, {
-      duration: t.slideDuration,
+      duration: a.slideDuration,
       // 过渡动画时长
-      transition: t.slideFunction
+      transition: a.slideFunction
       // 过渡动画函数
     });
     function k(e, l) {
-      e === "left" ? a.value = a.value % o.value + 1 : e === "right" ? a.value = a.value - 1 > 0 ? a.value - 1 : o.value : a.value = l, le(() => {
-        s.value = !1, t.autoplay && z();
-      }, t.fadeDuration);
+      e === "left" ? t.value = t.value % i.value + 1 : e === "right" ? t.value = t.value - 1 > 0 ? t.value - 1 : i.value : t.value = l, le(() => {
+        s.value = !1, a.autoplay && z();
+      }, a.fadeDuration);
     }
     function X(e) {
       B.value = e, L.value = L.value ? 0 : 1, y.value = r.value, E.value = e - y.value;
@@ -121,29 +121,29 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
       L.value ? r.value = y.value + E.value * U.value : r.value = y.value + E.value * (1 - U.value);
     }
     function j() {
-      r.value >= B.value ? (s.value = !1, t.autoplay && z()) : (Y(), g.value = requestAnimationFrame(j));
+      r.value >= B.value ? (s.value = !1, a.autoplay && z()) : (Y(), g.value = requestAnimationFrame(j));
     }
     function T(e) {
-      r.value === o.value * d.value && (r.value = 0), X(e), g.value = requestAnimationFrame(j);
+      r.value === i.value * c.value && (r.value = 0), X(e), g.value = requestAnimationFrame(j);
     }
     function G() {
-      r.value <= B.value ? (s.value = !1, t.autoplay && z()) : (Y(), g.value = requestAnimationFrame(G));
+      r.value <= B.value ? (s.value = !1, a.autoplay && z()) : (Y(), g.value = requestAnimationFrame(G));
     }
     function J(e) {
-      r.value === 0 && (r.value = o.value * d.value), X(e), g.value = requestAnimationFrame(G);
+      r.value === 0 && (r.value = i.value * c.value), X(e), g.value = requestAnimationFrame(G);
     }
     function q(e) {
-      if (!s.value && a.value !== e) {
-        if (s.value = !0, i.value && m(i.value), e < a.value)
-          if (t.effect === "slide") {
-            const l = (e - 1) * d.value;
-            J(l), a.value = e;
+      if (!s.value && t.value !== e) {
+        if (s.value = !0, o.value && m(o.value), e < t.value)
+          if (a.effect === "slide") {
+            const l = (e - 1) * c.value;
+            J(l), t.value = e;
           } else
             k("switch", e);
-        if (e > a.value)
-          if (t.effect === "slide") {
-            const l = (e - 1) * d.value;
-            T(l), a.value = e;
+        if (e > t.value)
+          if (a.effect === "slide") {
+            const l = (e - 1) * c.value;
+            T(l), t.value = e;
           } else
             k("switch", e);
       }
@@ -155,7 +155,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
       I("click", e);
     }
     function ge(e) {
-      e >= 1 && e <= o.value && q(e);
+      e >= 1 && e <= i.value && q(e);
     }
     function pe() {
       D();
@@ -164,9 +164,9 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
       N();
     }
     function we() {
-      return a.value;
+      return t.value;
     }
-    return oe({
+    return ie({
       to: ge,
       prev: pe,
       next: he,
@@ -175,25 +175,33 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
       ref_key: "carouselRef",
       ref: C,
       class: $(["m-carousel", { "carousel-vertical": F.value, "carousel-fade": e.effect === "fade" }]),
-      style: c(`--arrow-color: ${e.arrowColor}; --dot-size: ${e.dotSize}px; --dot-color: ${e.dotColor}; --fade-duration: ${t.fadeDuration}ms; --fade-function: ${t.fadeFunction}; width: ${re.value}; height: ${se.value};`),
-      onMouseenter: l[2] || (l[2] = (u) => e.autoplay && e.pauseOnMouseEnter ? ce() : () => !1),
+      style: d(`
+      --carousel-width: ${re.value};
+      --carousel-height: ${se.value};
+      --carousel-arrow-color: ${e.arrowColor};
+      --carousel-dot-size: ${e.dotSize}px;
+      --carousel-dot-color: ${e.dotColor};
+      --carousel-fade-duration: ${a.fadeDuration}ms;
+      --carousel-fade-function: ${a.fadeFunction};
+    `),
+      onMouseenter: l[2] || (l[2] = (u) => e.autoplay && e.pauseOnMouseEnter ? de() : () => !1),
       onMouseleave: l[3] || (l[3] = (u) => e.autoplay && e.pauseOnMouseEnter ? R() : () => !1)
     }, [
       b("div", {
         class: "carousel-flex-wrap",
-        style: c(ve.value)
+        style: d(ve.value)
       }, [
         (f(!0), v(O, null, x(e.images, (u, p) => (f(), v("div", {
-          class: $(["image-wrap", { "image-fade-active": e.effect === "fade" && a.value === p + 1 }]),
+          class: $(["image-wrap", { "image-fade-active": e.effect === "fade" && t.value === p + 1 }]),
           onClick: (ye) => Q(u),
           key: p
         }, [
-          _(ee(ue), te({
+          _(ee(ue), ae({
             spinning: !w.value[p],
             indicator: "dynamic-circle",
             ref_for: !0
           }, e.spinProps), {
-            default: ae(() => [
+            default: te(() => [
               b("a", {
                 class: $(["image-link", { "link-cursor": u.link }]),
                 href: u.link,
@@ -205,23 +213,23 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
                   key: u.src,
                   alt: u.name,
                   class: "image-item",
-                  style: c(`width: ${S.value}px; height: ${A.value}px;`)
+                  style: d(`width: ${S.value}px; height: ${A.value}px;`)
                 }, null, 44, Fe))
               ], 10, Ae)
             ]),
             _: 2
           }, 1040, ["spinning"])
         ], 10, Se))), 128)),
-        o.value && e.effect === "slide" ? (f(), v("div", {
+        i.value && e.effect === "slide" ? (f(), v("div", {
           key: 0,
           class: "image-wrap",
           onClick: l[1] || (l[1] = (u) => Q(e.images[0]))
         }, [
-          _(ee(ue), te({
+          _(ee(ue), ae({
             spinning: !w.value[0],
             indicator: "dynamic-circle"
           }, e.spinProps), {
-            default: ae(() => [
+            default: te(() => [
               b("a", {
                 class: $(["image-link", { "link-cursor": e.images[0].link }]),
                 href: e.images[0].link,
@@ -233,7 +241,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
                   key: e.images[0].src,
                   alt: e.images[0].name,
                   class: "image-item",
-                  style: c(`width: ${S.value}px; height: ${A.value}px;`)
+                  style: d(`width: ${S.value}px; height: ${A.value}px;`)
                 }, null, 44, Le))
               ], 10, ze)
             ]),
@@ -245,7 +253,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
         (f(), v("svg", {
           tabindex: "0",
           class: "arrow-left",
-          style: c(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
+          style: d(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
           onClick: D,
           onKeydown: H(P, ["prevent"]),
           xmlns: "http://www.w3.org/2000/svg",
@@ -256,7 +264,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
         (f(), v("svg", {
           tabindex: "0",
           class: "arrow-right",
-          style: c(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
+          style: d(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
           onClick: N,
           onKeydown: H(P, ["prevent"]),
           xmlns: "http://www.w3.org/2000/svg",
@@ -269,10 +277,10 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
         key: 1,
         class: $(["carousel-switch", `switch-${e.dotPosition}`])
       }, [
-        (f(!0), v(O, null, x(o.value, (u) => (f(), v("div", {
+        (f(!0), v(O, null, x(i.value, (u) => (f(), v("div", {
           tabindex: "0",
           class: "dot-item",
-          style: c([e.dotStyle, a.value === u ? { backgroundColor: e.dotActiveColor, ...e.dotActiveStyle } : {}]),
+          style: d([e.dotStyle, t.value === u ? { backgroundColor: e.dotActiveColor, ...e.dotActiveStyle } : {}]),
           key: u,
           onClick: (p) => e.dotsTrigger === "click" ? q(u) : () => !1,
           onMouseenter: (p) => e.dotsTrigger === "hover" ? me(u) : () => !1,

package/es/cascader/Cascader.css

@@ -1 +1 @@
-.m-cascader[data-v-e29b31d9]{display:inline-flex}
+.m-cascader[data-v-9ee72a36]{display:inline-flex;gap:var(--cascader-select-gap)}

package/es/cascader/Cascader.d.ts

@@ -11,11 +11,12 @@ export interface Props {
     value?: string;
     children?: string;
     placeholder?: string | string[];
-    changeOnSelect?: boolean;
-    gap?: number;
+    disabled?: boolean | boolean[];
     width?: 'auto' | number | number[];
     height?: number;
-    disabled?: boolean | boolean[];
+    size?: 'small' | 'middle' | 'large';
+    gap?: number;
+    changeOnSelect?: boolean;
     allowClear?: boolean;
     search?: boolean;
     filter?: Function | true;
@@ -30,6 +31,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     filter: Function | true;
+    size: "small" | "middle" | "large";
     label: string;
     search: boolean;
     children: string;

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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e29b31d9"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-9ee72a36"]]);
 export {
   m as default
 };

package/es/cascader/Cascader.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as O, ref as n, watchEffect as f, createElementBlock as S, openBlock as D, normalizeStyle as U, createVNode as v, unref as m } from "vue";
-import y from "../select/index.js";
-const F = /* @__PURE__ */ O({
+import { defineComponent as S, ref as u, computed as $, watchEffect as f, createElementBlock as D, openBlock as U, normalizeStyle as k, createVNode as v, unref as m, mergeProps as y } from "vue";
+import g from "../select/index.js";
+const L = /* @__PURE__ */ S({
   __name: "Cascader",
   props: {
     options: { default: () => [] },
@@ -8,11 +8,12 @@ const F = /* @__PURE__ */ O({
     value: { default: "value" },
     children: { default: "children" },
     placeholder: { default: "请选择" },
-    changeOnSelect: { type: Boolean, default: !1 },
-    gap: { default: 8 },
-    width: { default: "auto" },
-    height: { default: 32 },
     disabled: { type: [Boolean, Array], default: !1 },
+    width: { default: "auto" },
+    height: { default: void 0 },
+    size: { default: "middle" },
+    gap: { default: void 0 },
+    changeOnSelect: { type: Boolean, default: !1 },
     allowClear: { type: Boolean, default: !1 },
     search: { type: Boolean, default: !1 },
     filter: { type: [Function, Boolean], default: !0 },
@@ -20,99 +21,109 @@ const F = /* @__PURE__ */ O({
     modelValue: { default: () => [] }
   },
   emits: ["update:modelValue", "change"],
-  setup(b, { emit: w }) {
-    const r = b, l = n([]), o = n([]), s = n([]), h = n([]), t = n([]), u = w;
+  setup(w, { emit: c }) {
+    const i = w, l = u([]), o = u([]), n = u([]), t = u([]), h = u([]), s = c, A = $(() => {
+      const e = {
+        small: 4,
+        middle: 6,
+        large: 8
+      };
+      return i.gap !== void 0 ? `${i.gap}px` : `${e[i.size]}px`;
+    });
     f(() => {
-      s.value = [...r.options];
+      n.value = [...i.options];
     }), f(() => {
-      l.value = [...r.modelValue];
+      l.value = [...i.modelValue];
     }), f(() => {
-      c(l.value), A(l.value);
+      V(l.value), C(l.value);
     });
-    function g(e, a) {
+    function b(e, a) {
       const d = e.length;
-      for (let i = 0; i < d; i++)
-        if (e[i][r.value] === l.value[a])
-          return e[i][r.children] || [];
+      for (let r = 0; r < d; r++)
+        if (e[r][i.value] === l.value[a])
+          return e[r][i.children] || [];
       return [];
     }
-    function c(e) {
-      h.value = g(s.value, 0), t.value = [], e.length > 1 && (t.value = g(h.value, 1));
+    function V(e) {
+      t.value = b(n.value, 0), h.value = [], e.length > 1 && (h.value = b(t.value, 1));
     }
     function p(e, a) {
       const d = e.length;
-      for (let i = 0; i < d; i++)
-        if (e[i][r.value] === l.value[a])
-          return e[i][r.label];
+      for (let r = 0; r < d; r++)
+        if (e[r][i.value] === l.value[a])
+          return e[r][i.label];
       return l.value[a];
     }
-    function A(e) {
-      o.value[0] = p(s.value, 0), e.length > 1 && (o.value[1] = p(h.value, 1)), e.length > 2 && (o.value[2] = p(t.value, 2));
-    }
-    function V(e, a) {
-      r.changeOnSelect ? (u("update:modelValue", [e]), u("change", [e], [a])) : (l.value = [e], o.value = [a]);
+    function C(e) {
+      o.value[0] = p(n.value, 0), e.length > 1 && (o.value[1] = p(t.value, 1)), e.length > 2 && (o.value[2] = p(h.value, 2));
     }
-    function C(e, a) {
-      r.changeOnSelect ? (u("update:modelValue", [l.value[0], e]), u("change", [l.value[0], e], [o.value[0], a])) : (l.value = [l.value[0], e], o.value = [o.value[0], a]);
+    function z(e, a) {
+      i.changeOnSelect ? (s("update:modelValue", [e]), s("change", [e], [a])) : (l.value = [e], o.value = [a]);
     }
     function B(e, a) {
-      u("update:modelValue", [...l.value.slice(0, 2), e]), u("change", [...l.value.slice(0, 2), e], [...o.value.slice(0, 2), a]);
+      i.changeOnSelect ? (s("update:modelValue", [l.value[0], e]), s("change", [l.value[0], e], [o.value[0], a])) : (l.value = [l.value[0], e], o.value = [o.value[0], a]);
+    }
+    function O(e, a) {
+      s("update:modelValue", [...l.value.slice(0, 2), e]), s("change", [...l.value.slice(0, 2), e], [...o.value.slice(0, 2), a]);
     }
-    return (e, a) => (D(), S("div", {
+    return (e, a) => (U(), D("div", {
       class: "m-cascader",
-      style: U(`height: ${e.height}px; gap: ${e.gap}px;`)
+      style: k(`--cascader-select-gap: ${A.value};`)
     }, [
-      v(m(y), {
-        options: s.value,
+      v(m(g), y({
+        options: n.value,
         label: e.label,
         value: e.value,
         placeholder: Array.isArray(e.placeholder) ? e.placeholder[0] : e.placeholder,
         disabled: Array.isArray(e.disabled) ? e.disabled[0] : e.disabled,
+        width: Array.isArray(e.width) ? e.width[0] : e.width,
+        height: e.height,
+        size: e.size,
         "allow-clear": e.allowClear,
         search: e.search,
         filter: e.filter,
-        width: Array.isArray(e.width) ? e.width[0] : e.width,
-        height: e.height,
         "max-display": e.maxDisplay,
         modelValue: l.value[0],
         "onUpdate:modelValue": a[0] || (a[0] = (d) => l.value[0] = d),
-        onChange: V
-      }, null, 8, ["options", "label", "value", "placeholder", "disabled", "allow-clear", "search", "filter", "width", "height", "max-display", "modelValue"]),
-      v(m(y), {
-        options: h.value,
+        onChange: z
+      }, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"]),
+      v(m(g), y({
+        options: t.value,
         label: e.label,
         value: e.value,
         placeholder: Array.isArray(e.placeholder) ? e.placeholder[1] : e.placeholder,
         disabled: Array.isArray(e.disabled) ? e.disabled[1] : e.disabled,
+        width: Array.isArray(e.width) ? e.width[1] : e.width,
+        height: e.height,
+        size: e.size,
         "allow-clear": e.allowClear,
         search: e.search,
         filter: e.filter,
-        width: Array.isArray(e.width) ? e.width[1] : e.width,
-        height: e.height,
         "max-display": e.maxDisplay,
         modelValue: l.value[1],
         "onUpdate:modelValue": a[1] || (a[1] = (d) => l.value[1] = d),
-        onChange: C
-      }, null, 8, ["options", "label", "value", "placeholder", "disabled", "allow-clear", "search", "filter", "width", "height", "max-display", "modelValue"]),
-      v(m(y), {
-        options: t.value,
+        onChange: B
+      }, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"]),
+      v(m(g), y({
+        options: h.value,
         label: e.label,
         value: e.value,
         placeholder: Array.isArray(e.placeholder) ? e.placeholder[2] : e.placeholder,
         disabled: Array.isArray(e.disabled) ? e.disabled[2] : e.disabled,
+        width: Array.isArray(e.width) ? e.width[2] : e.width,
+        height: e.height,
+        size: e.size,
         "allow-clear": e.allowClear,
         search: e.search,
         filter: e.filter,
-        width: Array.isArray(e.width) ? e.width[2] : e.width,
-        height: e.height,
         "max-display": e.maxDisplay,
         modelValue: l.value[2],
         "onUpdate:modelValue": a[2] || (a[2] = (d) => l.value[2] = d),
-        onChange: B
-      }, null, 8, ["options", "label", "value", "placeholder", "disabled", "allow-clear", "search", "filter", "width", "height", "max-display", "modelValue"])
+        onChange: O
+      }, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"])
     ], 4));
   }
 });
 export {
-  F as default
+  L as default
 };

package/es/cascader/index.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         "update:modelValue": (...args: any[]) => void;
     }, import('vue').PublicProps, {
         filter: Function | true;
+        size: "small" | "middle" | "large";
         label: string;
         search: boolean;
         children: string;
@@ -34,6 +35,7 @@ declare const _default: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
         filter: Function | true;
+        size: "small" | "middle" | "large";
         label: string;
         search: boolean;
         children: string;
@@ -60,6 +62,7 @@ declare const _default: {
     "update:modelValue": (...args: any[]) => void;
 }, string, {
     filter: Function | true;
+    size: "small" | "middle" | "large";
     label: string;
     search: boolean;
     children: string;

package/es/image/Image.css

@@ -1 +1 @@
-.fade-enter-active[data-v-448d5720],.fade-leave-active[data-v-448d5720]{transition:opacity .2s linear}.fade-enter-from[data-v-448d5720],.fade-leave-to[data-v-448d5720]{opacity:0}.zoom-enter[data-v-448d5720]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-448d5720]{animation-name:zoomIn-448d5720;animation-play-state:running}@keyframes zoomIn-448d5720{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-448d5720]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-448d5720]{animation-name:zoomOut-448d5720;animation-play-state:running;pointer-events:none}@keyframes zoomOut-448d5720{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.m-image[data-v-448d5720]{display:inline-block}.m-image .image-hover-mask:hover .image-mask[data-v-448d5720]{opacity:1;pointer-events:auto}.m-image .image-wrap[data-v-448d5720]{position:relative;display:inline-block;vertical-align:top;border-radius:8px;overflow:hidden}.m-image .image-wrap .image-item[data-v-448d5720]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.m-image .image-wrap .image-mask[data-v-448d5720]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.m-image .image-wrap .image-mask .image-mask-info[data-v-448d5720]{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.m-image .image-wrap .image-mask .image-mask-info .eye-svg[data-v-448d5720]{margin-right:4px;font-size:14px;color:#fff;fill:currentColor}.m-image .image-wrap .image-mask .image-mask-info .mask-pre[data-v-448d5720]{display:inline-block;color:#fff}.m-image .image-bordered[data-v-448d5720]{border:1px solid #d9d9d9}.m-image .preview-mask[data-v-448d5720]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:#00000073}.m-image .preview-wrap[data-v-448d5720]{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;outline:none;z-index:1080;height:100%;text-align:center}.m-image .preview-wrap .preview-body[data-v-448d5720]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations[data-v-448d5720]{position:fixed;width:100%;z-index:9;display:flex;flex-direction:row-reverse;align-items:center;background:#0000001a;height:42px;pointer-events:auto}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-448d5720]{position:absolute;left:12px;font-size:14px;color:#fff;line-height:1.57;max-width:calc(50% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-448d5720]:hover{color:var(--image-primary-color)}.m-image .preview-wrap .preview-body .preview-operations .preview-progress[data-v-448d5720]{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#fff;line-height:1.57}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]{display:flex;justify-content:center;align-items:center;width:42px;height:42px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]:not(:last-child){margin-left:12px}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]:hover{background:#00000040}.m-image .preview-wrap .preview-body .preview-operations .preview-operation .icon-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled[data-v-448d5720]{color:#ffffff40;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled .icon-svg[data-v-448d5720]{color:#ffffff40}.m-image .preview-wrap .preview-body .preview-image-wrap[data-v-448d5720]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform var(--drag-transition-duration) cubic-bezier(.215,.61,.355,1) 0s;display:flex;justify-content:center;align-items:center}.m-image .preview-wrap .preview-body .preview-image-wrap .preview-image[data-v-448d5720]{display:inline-block;vertical-align:middle;max-width:100%;max-height:100vh;cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;-webkit-user-select:none;user-select:none;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-left[data-v-448d5720]{left:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto;-webkit-user-select:none;user-select:none}.m-image .preview-wrap .preview-body .switch-left[data-v-448d5720]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-left .switch-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-right[data-v-448d5720]{right:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-right[data-v-448d5720]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-right .switch-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-disabled[data-v-448d5720]{color:#ffffff40;background:transparent;cursor:not-allowed}.m-image .preview-wrap .preview-body .switch-disabled[data-v-448d5720]:hover{background:transparent}.m-image .preview-wrap .preview-body .switch-disabled .switch-svg[data-v-448d5720]{color:#ffffff40}
+.fade-enter-active[data-v-3a99b7e7],.fade-leave-active[data-v-3a99b7e7]{transition:opacity .2s linear}.fade-enter-from[data-v-3a99b7e7],.fade-leave-to[data-v-3a99b7e7]{opacity:0}.zoom-enter[data-v-3a99b7e7]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-3a99b7e7]{animation-name:zoomIn-3a99b7e7;animation-play-state:running}@keyframes zoomIn-3a99b7e7{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-3a99b7e7]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-3a99b7e7]{animation-name:zoomOut-3a99b7e7;animation-play-state:running;pointer-events:none}@keyframes zoomOut-3a99b7e7{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.m-image[data-v-3a99b7e7]{display:inline-block}.m-image .image-hover-mask:hover .image-mask[data-v-3a99b7e7]{opacity:1;pointer-events:auto}.m-image .image-wrap[data-v-3a99b7e7]{position:relative;display:inline-block;vertical-align:top;border-radius:8px;overflow:hidden}.m-image .image-wrap .image-item[data-v-3a99b7e7]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.m-image .image-wrap .image-mask[data-v-3a99b7e7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.m-image .image-wrap .image-mask .image-mask-info[data-v-3a99b7e7]{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.m-image .image-wrap .image-mask .image-mask-info .eye-svg[data-v-3a99b7e7]{margin-right:4px;font-size:14px;color:#fff;fill:currentColor}.m-image .image-wrap .image-mask .image-mask-info .mask-pre[data-v-3a99b7e7]{display:inline-block;color:#fff}.m-image .image-bordered[data-v-3a99b7e7]{border:1px solid #d9d9d9}.m-image .preview-mask[data-v-3a99b7e7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:#00000073}.m-image .preview-wrap[data-v-3a99b7e7]{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;outline:none;z-index:1080;height:100%;text-align:center}.m-image .preview-wrap .preview-body[data-v-3a99b7e7]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations[data-v-3a99b7e7]{position:fixed;width:100%;z-index:9;display:flex;flex-direction:row-reverse;align-items:center;background:#0000001a;height:42px;pointer-events:auto}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-3a99b7e7]{position:absolute;left:12px;font-size:14px;color:#fff;line-height:1.57;max-width:calc(50% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-3a99b7e7]:hover{color:var(--image-primary-color)}.m-image .preview-wrap .preview-body .preview-operations .preview-progress[data-v-3a99b7e7]{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#fff;line-height:1.57}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-3a99b7e7]{display:flex;justify-content:center;align-items:center;width:42px;height:42px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-3a99b7e7]:not(:last-child){margin-left:12px}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-3a99b7e7]:hover{background:#00000040}.m-image .preview-wrap .preview-body .preview-operations .preview-operation .icon-svg[data-v-3a99b7e7]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled[data-v-3a99b7e7]{color:#ffffff40;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled .icon-svg[data-v-3a99b7e7]{color:#ffffff40}.m-image .preview-wrap .preview-body .preview-image-wrap[data-v-3a99b7e7]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform var(--drag-transition-duration) cubic-bezier(.215,.61,.355,1) 0s;display:flex;justify-content:center;align-items:center}.m-image .preview-wrap .preview-body .preview-image-wrap .preview-image[data-v-3a99b7e7]{display:inline-block;vertical-align:middle;max-width:100%;max-height:100vh;cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;-webkit-user-select:none;user-select:none;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-left[data-v-3a99b7e7]{left:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto;-webkit-user-select:none;user-select:none}.m-image .preview-wrap .preview-body .switch-left[data-v-3a99b7e7]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-left .switch-svg[data-v-3a99b7e7]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-right[data-v-3a99b7e7]{right:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-right[data-v-3a99b7e7]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-right .switch-svg[data-v-3a99b7e7]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-disabled[data-v-3a99b7e7]{color:#ffffff40;background:transparent;cursor:not-allowed}.m-image .preview-wrap .preview-body .switch-disabled[data-v-3a99b7e7]:hover{background:transparent}.m-image .preview-wrap .preview-body .switch-disabled .switch-svg[data-v-3a99b7e7]{color:#ffffff40}

package/es/image/Image.vue.js

@@ -1,7 +1,7 @@
 import o from "./Image.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-448d5720"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a99b7e7"]]);
 export {
-  p as default
+  e as default
 };

package/es/image/Image.vue2.js

@@ -4,7 +4,7 @@ import Be from "../spin/index.js";
 import { downloadFile as He, add as T } from "../utils/index.js";
 const Ve = {
   class: "m-image",
-  style: "--image-primary-color: #1677ff;"
+  style: { "--image-primary-color": "#1677ff" }
 }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"], $e = { class: "image-mask-info" }, Re = { class: "mask-pre" }, De = { class: "preview-mask" }, Ee = { class: "preview-body" }, Ie = { class: "preview-operations" }, Pe = ["href", "title"], Ye = {
   class: "icon-svg",
   style: { transform: "rotate(90deg)" },

package/es/loadingbar/LoadingBar.css

@@ -1 +1 @@
-.fade-in-enter-active[data-v-dc3cd7f1]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in-leave-active[data-v-dc3cd7f1]{transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in-enter-from[data-v-dc3cd7f1],.fade-in-leave-to[data-v-dc3cd7f1]{opacity:0}.m-loading-bar-container[data-v-dc3cd7f1]{z-index:9999;position:fixed;top:0;left:0;right:0;height:var(--loading-bar-size)}.m-loading-bar-container .loading-bar[data-v-dc3cd7f1]{width:100%;transition:max-width 4s linear,background .2s linear;height:var(--loading-bar-size);border-radius:var(--loading-bar-size)}.m-loading-bar-container .loading-bar-starting[data-v-dc3cd7f1]{background:var(--color-loading)}.m-loading-bar-container .loading-bar-finishing[data-v-dc3cd7f1]{background:var(--color-finish);transition:max-width .2s linear,background .2s linear}.m-loading-bar-container .loading-bar-error[data-v-dc3cd7f1]{background:var(--color-error);transition:max-width .2s linear,background .2s linear}
+.fade-in-enter-active[data-v-ee055225]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in-leave-active[data-v-ee055225]{transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in-enter-from[data-v-ee055225],.fade-in-leave-to[data-v-ee055225]{opacity:0}.m-loading-bar-container[data-v-ee055225]{z-index:9999;position:fixed;top:0;left:0;right:0;height:var(--loading-bar-size)}.m-loading-bar-container .loading-bar[data-v-ee055225]{width:100%;transition:max-width 4s linear,background .2s linear;height:var(--loading-bar-size);border-radius:var(--loading-bar-size)}.m-loading-bar-container .loading-bar-starting[data-v-ee055225]{background:var(--loading-bar-color-loading)}.m-loading-bar-container .loading-bar-finishing[data-v-ee055225]{background:var(--loading-bar-color-finish);transition:max-width .2s linear,background .2s linear}.m-loading-bar-container .loading-bar-error[data-v-ee055225]{background:var(--loading-bar-color-error);transition:max-width .2s linear,background .2s linear}

package/es/loadingbar/LoadingBar.vue.js

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