vue-amazing-ui 2.2.11 → 2.2.13

package/es/calendar/Calendar.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as De, ref as v, computed as S, watch as M, createElementBlock as i, openBlock as u, normalizeClass as E, createElementVNode as r, createCommentVNode as V, renderSlot as k, createTextVNode as $, toDisplayString as j, createVNode as q, createBlock as be, unref as T, Fragment as O, renderList as C, mergeProps as z } from "vue";
-import { getYear as _, getMonth as D, parse as A, format as b, startOfDay as G, startOfMonth as Y, getTime as y, addDays as N, getDay as Fe, startOfYear as ke, addMonths as J, addYears as Me, isSameDay as Oe, isSameMonth as K, getDate as Ce } from "date-fns";
+import { defineComponent as De, ref as v, computed as V, watch as O, createElementBlock as i, openBlock as u, normalizeClass as B, createElementVNode as s, createCommentVNode as $, renderSlot as M, createTextVNode as j, toDisplayString as T, createVNode as q, createBlock as be, unref as z, mergeProps as D, Fragment as C, renderList as w } from "vue";
+import { getYear as S, getMonth as b, parse as A, format as F, startOfDay as G, startOfMonth as P, getTime as y, addDays as Y, getDay as Fe, startOfYear as ke, addMonths as J, addYears as Me, isSameDay as Oe, isSameMonth as K, getDate as Ce } from "date-fns";
 import Q from "../select/index.js";
-import _e from "../radio/index.js";
-import { useSlotsExist as we } from "../utils/index.js";
-const Se = { class: "calendar-header-wrap" }, Ve = {
+import we from "../radio/index.js";
+import { useSlotsExist as Se } from "../utils/index.js";
+const _e = { class: "calendar-header-wrap" }, Ve = {
   key: 0,
   class: "calendar-header-content"
 }, $e = { class: "calendar-header-actions" }, je = {
@@ -12,15 +12,18 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
 }, Te = {
   key: 0,
   class: "calendar-date-panel"
-}, ze = { class: "calendar-body" }, Ye = { class: "calendar-table" }, Ne = ["title"], We = ["onClick"], Be = { class: "date-value" }, Ee = { class: "date-content" }, Ue = {
+}, ze = { class: "calendar-body" }, Pe = { class: "calendar-table" }, Ye = ["title", "onClick"], Ne = { class: "date-cell-inner" }, We = { class: "date-value" }, Be = { class: "date-content" }, Ee = {
   key: 1,
   class: "calendar-month-panel"
-}, Le = { class: "calendar-body" }, Pe = { class: "calendar-table" }, He = ["title"], Re = ["onClick"], qe = { class: "date-value" }, Ae = { class: "date-content" }, Ze = /* @__PURE__ */ De({
+}, Re = { class: "calendar-body" }, Ue = { class: "calendar-table" }, Le = ["title", "onClick"], He = { class: "date-cell-inner" }, qe = { class: "date-value" }, Ae = { class: "date-content" }, Ze = /* @__PURE__ */ De({
   __name: "Calendar",
   props: {
     display: { default: "panel" },
     mode: { default: "month" },
     header: { default: void 0 },
+    yearSelectProps: { default: () => ({}) },
+    monthSelectProps: { default: () => ({}) },
+    modeRadioProps: { default: () => ({}) },
     startDayOfWeek: { default: 0 },
     dateStrip: { type: Boolean, default: !0 },
     dateFormat: { type: Function, default: void 0 },
@@ -32,7 +35,7 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
   },
   emits: ["update:value", "change", "panelChange", "select"],
   setup(X, { emit: Z }) {
-    const l = X, U = v(Date.now()), L = v([]), x = v(ne()), I = v([
+    const l = X, E = v(Date.now()), R = v([]), I = v(ne()), x = v([
       {
         label: "月",
         value: "month"
@@ -41,51 +44,51 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
         label: "年",
         value: "year"
       }
-    ]), c = v(_(U.value)), m = v(D(U.value) + 1), p = v(l.mode), w = v([]), s = v(), P = v([]), ee = we(["header"]), f = Z, te = S(() => {
+    ]), c = v(S(E.value)), m = v(b(E.value) + 1), p = v(l.mode), _ = v([]), r = v(), U = v([]), ee = Se(["header"]), h = Z, te = V(() => {
       const e = ["一", "二", "三", "四", "五", "六", "日"], t = [];
       t.push(e[l.startDayOfWeek]);
       let n = (l.startDayOfWeek + 1) % 7;
       for (; n !== l.startDayOfWeek; )
         t.push(e[n]), n = (n + 1) % 7;
       return t;
-    }), h = S(() => {
-      if (s.value)
-        return typeof s.value == "string" ? A(s.value, l.valueFormat, /* @__PURE__ */ new Date()).getTime() : s.value;
-    }), H = S(() => new Date(c.value, m.value - 1, 1).getTime()), ae = S(() => ee.header || l.header);
-    M(
-      h,
+    }), f = V(() => {
+      if (r.value)
+        return typeof r.value == "string" ? A(r.value, l.valueFormat, /* @__PURE__ */ new Date()).getTime() : r.value;
+    }), L = V(() => new Date(c.value, m.value - 1, 1).getTime()), ae = V(() => ee.header || l.header);
+    O(
+      f,
       (e) => {
-        e && (c.value = _(e), m.value = D(e) + 1);
+        e && (c.value = S(e), m.value = b(e) + 1);
       },
       {
         immediate: !0
       }
-    ), M(
+    ), O(
       () => l.mode,
       (e) => {
         p.value = e;
       }
-    ), M(
+    ), O(
       () => [l.startDayOfWeek, l.dateStrip, m.value, c.value],
       () => {
-        w.value = se();
+        _.value = re();
       },
       {
         immediate: !0,
         deep: !0
       }
-    ), M(
+    ), O(
       c,
       () => {
-        L.value = le(), P.value = ie();
+        R.value = le(), U.value = ie();
       },
       {
         immediate: !0
       }
-    ), M(
+    ), O(
       () => [l.valueFormat, l.value],
       () => {
-        l.value && (l.valueFormat === void 0 || l.valueFormat === "T" ? s.value = Number(b(G(l.value).getTime(), l.valueFormat || "T")) : s.value = b(G(l.value).getTime(), l.valueFormat));
+        l.value && (l.valueFormat === void 0 || l.valueFormat === "T" ? r.value = Number(F(G(l.value).getTime(), l.valueFormat || "T")) : r.value = F(G(l.value).getTime(), l.valueFormat));
       },
       {
         deep: !0,
@@ -110,13 +113,13 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
         });
       return e;
     }
-    function W(e, t, n) {
+    function N(e, t, n) {
       return {
         type: "date",
         dateObject: {
           date: Ce(e),
-          month: D(e),
-          year: _(e)
+          month: b(e),
+          year: S(e)
         },
         timestamp: y(e),
         inCurrentMonth: K(e, t),
@@ -124,31 +127,31 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
       };
     }
     function oe(e, t, n, o = !1) {
-      const a = D(e);
-      let d = y(Y(e)), F = y(N(d, -1));
+      const a = b(e);
+      let d = y(P(e)), k = y(Y(d, -1));
       const g = [];
-      let R = !o;
-      for (; Fe(F) !== n || R; )
-        g.unshift(W(F, e, t)), F = y(N(F, -1)), R = !1;
-      for (; D(d) === a; )
-        g.push(W(d, e, t)), d = y(N(d, 1));
+      let H = !o;
+      for (; Fe(k) !== n || H; )
+        g.unshift(N(k, e, t)), k = y(Y(k, -1)), H = !1;
+      for (; b(d) === a; )
+        g.push(N(d, e, t)), d = y(Y(d, 1));
       const ge = o ? g.length <= 28 ? 28 : g.length <= 35 ? 35 : 42 : 42;
       for (; g.length < ge; )
-        g.push(W(d, e, t)), d = y(N(d, 1));
+        g.push(N(d, e, t)), d = y(Y(d, 1));
       return g;
     }
-    function se() {
-      const e = oe(H.value, Date.now(), l.startDayOfWeek, l.dateStrip), t = 7, n = e.length / t, o = [];
+    function re() {
+      const e = oe(L.value, Date.now(), l.startDayOfWeek, l.dateStrip), t = 7, n = e.length / t, o = [];
       for (let a = 0; a < n; a++)
         o.push(e.slice(a * t, (a + 1) * t));
       return o;
     }
-    function re(e, t) {
+    function se(e, t) {
       return {
         type: "month",
         monthObject: {
-          month: D(e),
-          year: _(e)
+          month: b(e),
+          year: S(e)
         },
         timestamp: y(e),
         isCurrent: K(t, e)
@@ -157,20 +160,20 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
     function ue(e, t) {
       const n = [], o = ke(e);
       for (let a = 0; a < 12; a++)
-        n.push(re(y(J(o, a)), t));
+        n.push(se(y(J(o, a)), t));
       return n;
     }
     function ie() {
-      const e = ue(H.value, Date.now()), t = 3, n = e.length / t, o = [];
+      const e = ue(L.value, Date.now()), t = 3, n = e.length / t, o = [];
       for (let a = 0; a < n; a++)
         o.push(e.slice(a * t, (a + 1) * t));
       return o;
     }
     function de(e) {
-      return b(e.timestamp, "yyyy-MM-dd");
+      return F(e.timestamp, "yyyy-MM-dd");
     }
     function ce(e) {
-      return b(e.timestamp, "yyyy-MM");
+      return F(e.timestamp, "yyyy-MM");
     }
     function ve(e, t) {
       return l.dateFormat === void 0 ? `${e}` : l.dateFormat(e, t);
@@ -181,155 +184,156 @@ const Se = { class: "calendar-header-wrap" }, Ve = {
     function pe(e, t) {
       return l.monthFormat === void 0 ? `${e}月` : l.monthFormat(e, t);
     }
-    function he(e) {
-      h.value !== e.timestamp && (e.dateObject.month + 1 !== m.value && (m.value = e.dateObject.month + 1), l.valueFormat === void 0 || l.valueFormat === "T" ? s.value = e.timestamp : s.value = b(e.timestamp, l.valueFormat), f("update:value", s.value), f("select", s.value, "date"), f("change", s.value, e.dateObject));
+    function fe(e) {
+      f.value !== e.timestamp && (e.dateObject.month + 1 !== m.value && (m.value = e.dateObject.month + 1), l.valueFormat === void 0 || l.valueFormat === "T" ? r.value = e.timestamp : r.value = F(e.timestamp, l.valueFormat), h("update:value", r.value), h("select", r.value, "date"), h("change", r.value, e.dateObject));
     }
-    function fe() {
-      if (s.value) {
-        if (typeof s.value == "string") {
-          const e = A(s.value, l.valueFormat, /* @__PURE__ */ new Date()).getTime();
-          return Y(e).getTime();
+    function he() {
+      if (r.value) {
+        if (typeof r.value == "string") {
+          const e = A(r.value, l.valueFormat, /* @__PURE__ */ new Date()).getTime();
+          return P(e).getTime();
         }
-        return Y(s.value).getTime();
+        return P(r.value).getTime();
       }
     }
     function ye(e) {
-      if (fe() !== e.timestamp) {
-        if (m.value = e.monthObject.month + 1, s.value) {
-          const t = e.monthObject.year - _(h.value), n = e.monthObject.month - D(h.value), o = J(Me(h.value, t), n);
-          l.valueFormat === void 0 || l.valueFormat === "T" ? s.value = Number(b(o, l.valueFormat || "T")) : s.value = b(o, l.valueFormat);
+      if (he() !== e.timestamp) {
+        if (m.value = e.monthObject.month + 1, r.value) {
+          const t = e.monthObject.year - S(f.value), n = e.monthObject.month - b(f.value), o = J(Me(f.value, t), n);
+          l.valueFormat === void 0 || l.valueFormat === "T" ? r.value = Number(F(o, l.valueFormat || "T")) : r.value = F(o, l.valueFormat);
         }
-        f("update:value", s.value), f("select", s.value, "month"), f("change", s.value, e.monthObject);
+        h("update:value", r.value), h("select", r.value, "month"), h("change", r.value, e.monthObject);
       }
     }
-    function B() {
-      p.value === "month" ? f(
+    function W() {
+      p.value === "month" ? h(
         "panelChange",
-        s.value,
+        r.value,
         { year: c.value, month: m.value },
         p.value
-      ) : f("panelChange", s.value, { year: c.value }, p.value);
+      ) : h("panelChange", r.value, { year: c.value }, p.value);
     }
     return (e, t) => (u(), i("div", {
-      class: E(["m-calendar", `calendar-${e.display}`])
+      class: B(["m-calendar", `calendar-${e.display}`]),
+      style: `
+      --calendar-primary-color: #1677ff;
+      --calendar-panel-primary-bg-color: #e6f4ff;
+      --calendar-card-primary-bg-color: #1677ff;
+    `
     }, [
-      r("div", Se, [
+      s("div", _e, [
         ae.value ? (u(), i("div", Ve, [
-          k(e.$slots, "header", {}, () => [
-            $(j(e.header), 1)
+          M(e.$slots, "header", {}, () => [
+            j(T(e.header), 1)
           ], !0)
-        ])) : V("", !0),
-        r("div", $e, [
-          q(T(Q), {
+        ])) : $("", !0),
+        s("div", $e, [
+          q(z(Q), D({
             class: "calendar-year-select",
             size: e.display === "card" ? "small" : "middle",
-            options: L.value,
+            options: R.value,
             "max-display": 8,
             modelValue: c.value,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
-            onChange: B
-          }, null, 8, ["size", "options", "modelValue"]),
-          p.value === "month" ? (u(), be(T(Q), {
+            onChange: W
+          }, e.yearSelectProps), null, 16, ["size", "options", "modelValue"]),
+          p.value === "month" ? (u(), be(z(Q), D({
             key: 0,
             class: "calendar-month-select",
             size: e.display === "card" ? "small" : "middle",
-            options: x.value,
+            options: I.value,
             "max-display": 8,
             modelValue: m.value,
             "onUpdate:modelValue": t[1] || (t[1] = (n) => m.value = n),
-            onChange: B
-          }, null, 8, ["size", "options", "modelValue"])) : V("", !0),
-          q(T(_e), {
+            onChange: W
+          }, e.monthSelectProps), null, 16, ["size", "options", "modelValue"])) : $("", !0),
+          q(z(we), D({
             class: "calendar-mode-radio",
             "button-size": e.display === "card" ? "small" : "middle",
-            options: I.value,
+            options: x.value,
             value: p.value,
             "onUpdate:value": t[2] || (t[2] = (n) => p.value = n),
             button: "",
-            onChange: B
-          }, null, 8, ["button-size", "options", "value"])
+            onChange: W
+          }, e.modeRadioProps), null, 16, ["button-size", "options", "value"])
         ])
       ]),
-      r("div", je, [
+      s("div", je, [
         p.value === "month" ? (u(), i("div", Te, [
-          r("div", ze, [
-            r("table", Ye, [
-              r("thead", null, [
-                r("tr", null, [
-                  (u(!0), i(O, null, C(te.value, (n, o) => (u(), i("th", { key: o }, [
-                    k(e.$slots, "week", {
+          s("div", ze, [
+            s("table", Pe, [
+              s("thead", null, [
+                s("tr", null, [
+                  (u(!0), i(C, null, w(te.value, (n, o) => (u(), i("th", { key: o }, [
+                    M(e.$slots, "week", {
                       defaultWeek: n,
                       week: o,
-                      timestamp: w.value[0][o].timestamp
+                      timestamp: _.value[0][o].timestamp
                     }, () => [
-                      $(j(me(n, o, w.value[0][o].timestamp)), 1)
+                      j(T(me(n, o, _.value[0][o].timestamp)), 1)
                     ], !0)
                   ]))), 128))
                 ])
               ]),
-              r("tbody", null, [
-                (u(!0), i(O, null, C(w.value, (n, o) => (u(), i("tr", { key: o }, [
-                  (u(!0), i(O, null, C(n, (a, d) => (u(), i("td", {
-                    class: E(["calendar-date-cell", {
+              s("tbody", null, [
+                (u(!0), i(C, null, w(_.value, (n, o) => (u(), i("tr", { key: o }, [
+                  (u(!0), i(C, null, w(n, (a, d) => (u(), i("td", {
+                    class: B(["calendar-date-cell", {
                       "date-cell-disabled": e.disabledDate && e.disabledDate(a.timestamp),
                       "date-cell-in-view": a.inCurrentMonth,
                       "date-cell-today": a.isCurrentDate,
-                      "date-cell-selected": h.value && h.value === a.timestamp
+                      "date-cell-selected": f.value && f.value === a.timestamp
                     }]),
                     key: d,
-                    title: de(a)
+                    title: de(a),
+                    onClick: (k) => fe(a)
                   }, [
-                    r("div", {
-                      class: "date-cell-inner",
-                      onClick: (F) => he(a)
-                    }, [
-                      r("div", Be, [
-                        k(e.$slots, "dateValue", z({ ref_for: !0 }, a), () => [
-                          $(j(ve(a.dateObject.date, a.timestamp)), 1)
+                    s("div", Ne, [
+                      s("div", We, [
+                        M(e.$slots, "dateValue", D({ ref_for: !0 }, a), () => [
+                          j(T(ve(a.dateObject.date, a.timestamp)), 1)
                         ], !0)
                       ]),
-                      r("div", Ee, [
-                        k(e.$slots, "dateContent", z({ ref_for: !0 }, a), void 0, !0)
+                      s("div", Be, [
+                        M(e.$slots, "dateContent", D({ ref_for: !0 }, a), void 0, !0)
                       ])
-                    ], 8, We)
-                  ], 10, Ne))), 128))
+                    ])
+                  ], 10, Ye))), 128))
                 ]))), 128))
               ])
             ])
           ])
-        ])) : V("", !0),
-        p.value === "year" ? (u(), i("div", Ue, [
-          r("div", Le, [
-            r("table", Pe, [
-              r("tbody", null, [
-                (u(!0), i(O, null, C(P.value, (n, o) => (u(), i("tr", { key: o }, [
-                  (u(!0), i(O, null, C(n, (a, d) => (u(), i("td", {
-                    class: E(["calendar-date-cell date-cell-in-view", {
+        ])) : $("", !0),
+        p.value === "year" ? (u(), i("div", Ee, [
+          s("div", Re, [
+            s("table", Ue, [
+              s("tbody", null, [
+                (u(!0), i(C, null, w(U.value, (n, o) => (u(), i("tr", { key: o }, [
+                  (u(!0), i(C, null, w(n, (a, d) => (u(), i("td", {
+                    class: B(["calendar-date-cell date-cell-in-view", {
                       "date-cell-today": a.isCurrent,
-                      "date-cell-selected": h.value && T(Y)(h.value).getTime() === a.timestamp
+                      "date-cell-selected": f.value && z(P)(f.value).getTime() === a.timestamp
                     }]),
                     key: d,
-                    title: ce(a)
+                    title: ce(a),
+                    onClick: (k) => ye(a)
                   }, [
-                    r("div", {
-                      class: "date-cell-inner",
-                      onClick: (F) => ye(a)
-                    }, [
-                      r("div", qe, [
-                        k(e.$slots, "monthValue", z({ ref_for: !0 }, a), () => [
-                          $(j(pe(a.monthObject.month + 1, a.timestamp)), 1)
+                    s("div", He, [
+                      s("div", qe, [
+                        M(e.$slots, "monthValue", D({ ref_for: !0 }, a), () => [
+                          j(T(pe(a.monthObject.month + 1, a.timestamp)), 1)
                         ], !0)
                       ]),
-                      r("div", Ae, [
-                        k(e.$slots, "monthContent", z({ ref_for: !0 }, a), void 0, !0)
+                      s("div", Ae, [
+                        M(e.$slots, "monthContent", D({ ref_for: !0 }, a), void 0, !0)
                       ])
-                    ], 8, Re)
-                  ], 10, He))), 128))
+                    ])
+                  ], 10, Le))), 128))
                 ]))), 128))
               ])
             ])
           ])
-        ])) : V("", !0)
+        ])) : $("", !0)
       ])
     ], 2));
   }

package/es/calendar/index.d.ts

@@ -15,6 +15,9 @@ declare const _default: {
         mode: "month" | "year";
         value: string | number;
         display: "panel" | "card";
+        yearSelectProps: object;
+        monthSelectProps: object;
+        modeRadioProps: object;
         startDayOfWeek: import('./Calendar').DayOfWeek;
         dateStrip: boolean;
         dateFormat: (date: number, timestamp: number) => string;
@@ -39,6 +42,9 @@ declare const _default: {
         mode: "month" | "year";
         value: string | number;
         display: "panel" | "card";
+        yearSelectProps: object;
+        monthSelectProps: object;
+        modeRadioProps: object;
         startDayOfWeek: import('./Calendar').DayOfWeek;
         dateStrip: boolean;
         dateFormat: (date: number, timestamp: number) => string;
@@ -65,6 +71,9 @@ declare const _default: {
     mode: "month" | "year";
     value: string | number;
     display: "panel" | "card";
+    yearSelectProps: object;
+    monthSelectProps: object;
+    modeRadioProps: object;
     startDayOfWeek: import('./Calendar').DayOfWeek;
     dateStrip: boolean;
     dateFormat: (date: number, timestamp: number) => string;

package/es/collapse/Collapse.css

@@ -1 +1 @@
-.collapse-enter-active[data-v-3a6c97aa],.collapse-leave-active[data-v-3a6c97aa]{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)}.collapse-enter-from[data-v-3a6c97aa],.collapse-leave-to[data-v-3a6c97aa]{height:0!important;opacity:0!important}.m-collapse[data-v-3a6c97aa]{font-size:14px;color:#000000e0;line-height:1.57142857;background-color:#00000005;border:1px solid #d9d9d9;border-bottom:0;border-radius:8px}.m-collapse .collapse-item[data-v-3a6c97aa]{border-bottom:1px solid #d9d9d9}.m-collapse .collapse-item[data-v-3a6c97aa]:first-child,.m-collapse .collapse-item:first-child .collapse-header-wrap[data-v-3a6c97aa]{border-radius:8px 8px 0 0}.m-collapse .collapse-item[data-v-3a6c97aa]:last-child{border-radius:0 0 8px 8px}.m-collapse .collapse-item:last-child .collapse-header-wrap[data-v-3a6c97aa],.m-collapse .collapse-item:last-child .collapse-content-wrap[data-v-3a6c97aa]{border-radius:0 0 8px 8px}.m-collapse .collapse-item .collapse-header-wrap[data-v-3a6c97aa]{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;padding:12px 16px;color:#000000e0;line-height:1.57142857;cursor:pointer;transition:all .3s}.m-collapse .collapse-item .collapse-header-wrap[data-v-3a6c97aa]:focus{outline:none}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-3a6c97aa]{font-size:12px;height:22px;display:flex;align-items:center}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-3a6c97aa] svg{fill:currentColor;transition:transform .3s}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow .arrow-svg[data-v-3a6c97aa]{transition:transform .3s}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow .arrow-rotate[data-v-3a6c97aa]{transform:rotate(90deg)}.m-collapse .collapse-item .collapse-header-wrap .collapse-header[data-v-3a6c97aa]{flex:auto;margin-right:auto;display:inline-block}.m-collapse .collapse-item .collapse-header-wrap .collapse-extra[data-v-3a6c97aa]{display:flex;align-items:center}.m-collapse .collapse-item .collapse-header-wrap .collapse-extra[data-v-3a6c97aa] svg{fill:currentColor}.m-collapse .collapse-item .collapse-header-no-arrow[data-v-3a6c97aa]{padding-left:12px}.m-collapse .collapse-item .collapse-content-wrap[data-v-3a6c97aa]{position:relative;color:#000000e0;background-color:#fff;border-top:1px solid #d9d9d9}.m-collapse .collapse-item .collapse-content-wrap .collapse-lang[data-v-3a6c97aa]{position:absolute;right:10px;top:6px;font-size:14px;color:#00000061;opacity:1;transition:opacity .3s}.m-collapse .collapse-item .collapse-content-wrap .collapse-copy[data-v-3a6c97aa]{position:absolute;right:8px;top:8px;opacity:0;pointer-events:none;transition:opacity .3s}.m-collapse .collapse-item .collapse-content-wrap .collapse-content[data-v-3a6c97aa]{padding:16px;white-space:pre-wrap}.m-collapse .collapse-item .collapse-copyable:hover .collapse-lang[data-v-3a6c97aa]{opacity:0;pointer-events:none}.m-collapse .collapse-item .collapse-copyable:hover .collapse-copy[data-v-3a6c97aa]{opacity:1;pointer-events:auto}.m-collapse .collapse-arrow-left .collapse-header-wrap .collapse-arrow[data-v-3a6c97aa]{padding-right:12px}.m-collapse .collapse-arrow-right .collapse-header-wrap .collapse-arrow[data-v-3a6c97aa]{order:1;padding-left:12px}.m-collapse .collapse-item-disabled .collapse-header-wrap[data-v-3a6c97aa]{color:#00000040;cursor:not-allowed}.collapse-borderless[data-v-3a6c97aa]{background-color:#00000005;border:0}.collapse-borderless .collapse-item[data-v-3a6c97aa]:last-child{border-bottom:0}.collapse-borderless .collapse-item:last-child .collapse-header-wrap[data-v-3a6c97aa]{border-radius:0}.collapse-borderless .collapse-item .collapse-content-wrap[data-v-3a6c97aa]{background-color:transparent;border-top:0}.collapse-ghost[data-v-3a6c97aa]{background-color:transparent;border:0}.collapse-ghost .collapse-item[data-v-3a6c97aa]{border-bottom:0}.collapse-ghost .collapse-item .collapse-content-wrap[data-v-3a6c97aa]{background-color:transparent;border:0}
+.collapse-enter-active[data-v-d55b7787],.collapse-leave-active[data-v-d55b7787]{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)}.collapse-enter-from[data-v-d55b7787],.collapse-leave-to[data-v-d55b7787]{height:0!important;opacity:0!important}.m-collapse[data-v-d55b7787]{font-size:14px;color:#000000e0;line-height:1.57142857;background-color:#00000005;border:1px solid #d9d9d9;border-bottom:0;border-radius:8px}.m-collapse .collapse-item[data-v-d55b7787]{border-bottom:1px solid #d9d9d9}.m-collapse .collapse-item[data-v-d55b7787]:first-child,.m-collapse .collapse-item:first-child .collapse-header-wrap[data-v-d55b7787]{border-radius:8px 8px 0 0}.m-collapse .collapse-item[data-v-d55b7787]:last-child{border-radius:0 0 8px 8px}.m-collapse .collapse-item:last-child .collapse-header-wrap[data-v-d55b7787],.m-collapse .collapse-item:last-child .collapse-content-wrap[data-v-d55b7787]{border-radius:0 0 8px 8px}.m-collapse .collapse-item .collapse-header-wrap[data-v-d55b7787]{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;padding:12px 16px;color:#000000e0;line-height:1.57142857;cursor:pointer;transition:all .3s}.m-collapse .collapse-item .collapse-header-wrap[data-v-d55b7787]:focus{outline:none}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-d55b7787]{font-size:12px;height:22px;display:flex;align-items:center}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-d55b7787] .arrow-svg{transition:transform .3s}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-d55b7787] .arrow-rotate{transform:rotate(90deg)}.m-collapse .collapse-item .collapse-header-wrap .collapse-arrow[data-v-d55b7787] svg{fill:currentColor;transition:transform .3s}.m-collapse .collapse-item .collapse-header-wrap .collapse-header[data-v-d55b7787]{flex:auto;margin-right:auto;display:inline-block}.m-collapse .collapse-item .collapse-header-wrap .collapse-extra[data-v-d55b7787]{display:flex;align-items:center}.m-collapse .collapse-item .collapse-header-wrap .collapse-extra[data-v-d55b7787] svg{fill:currentColor}.m-collapse .collapse-item .collapse-header-no-arrow[data-v-d55b7787]{padding-left:12px}.m-collapse .collapse-item .collapse-content-wrap[data-v-d55b7787]{position:relative;color:#000000e0;background-color:#fff;border-top:1px solid #d9d9d9}.m-collapse .collapse-item .collapse-content-wrap .collapse-lang[data-v-d55b7787]{position:absolute;right:10px;top:6px;font-size:14px;color:#00000061;opacity:1;transition:opacity .3s}.m-collapse .collapse-item .collapse-content-wrap .collapse-copy[data-v-d55b7787]{position:absolute;right:8px;top:8px;opacity:0;pointer-events:none;transition:opacity .3s}.m-collapse .collapse-item .collapse-content-wrap .collapse-content[data-v-d55b7787]{padding:16px;white-space:pre-wrap}.m-collapse .collapse-item .collapse-copyable:hover .collapse-lang[data-v-d55b7787]{opacity:0;pointer-events:none}.m-collapse .collapse-item .collapse-copyable:hover .collapse-copy[data-v-d55b7787]{opacity:1;pointer-events:auto}.m-collapse .collapse-arrow-left .collapse-header-wrap .collapse-arrow[data-v-d55b7787]{padding-right:12px}.m-collapse .collapse-arrow-right .collapse-header-wrap .collapse-arrow[data-v-d55b7787]{order:1;padding-left:12px}.m-collapse .collapse-item-disabled .collapse-header-wrap[data-v-d55b7787]{color:#00000040;cursor:not-allowed}.collapse-borderless[data-v-d55b7787]{background-color:#00000005;border:0}.collapse-borderless .collapse-item[data-v-d55b7787]:last-child{border-bottom:0}.collapse-borderless .collapse-item:last-child .collapse-header-wrap[data-v-d55b7787]{border-radius:0}.collapse-borderless .collapse-item .collapse-content-wrap[data-v-d55b7787]{background-color:transparent;border-top:0}.collapse-ghost[data-v-d55b7787]{background-color:transparent;border:0}.collapse-ghost .collapse-item[data-v-d55b7787]{border-bottom:0}.collapse-ghost .collapse-item .collapse-content-wrap[data-v-d55b7787]{background-color:transparent;border:0}

package/es/collapse/Collapse.vue.js

@@ -1,7 +1,7 @@
 import o from "./Collapse.vue2.js";
 /* empty css              */
-import a from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3a6c97aa"]]);
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d55b7787"]]);
 export {
   m as default
 };

package/es/colorpicker/ColorPicker.css

@@ -1 +1 @@
-.color-picker-panel[data-v-49c5bc8a]{padding:12px}.color-picker-panel .color-picker-pallete[data-v-49c5bc8a]{height:180px;position:relative;margin-bottom:8px;cursor:crosshair}.color-picker-panel .color-picker-pallete .color-picker-pallete-layer[data-v-49c5bc8a]{position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-pallete .pallete-layer-shadowed[data-v-49c5bc8a]{box-shadow:inset 0 0 2px #0000003d}.color-picker-panel .color-picker-preview[data-v-49c5bc8a]{display:flex}.color-picker-panel .color-picker-preview .color-picker-preview-sliders[data-v-49c5bc8a]{flex:1 0 auto}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider[data-v-49c5bc8a]{margin-bottom:8px;position:relative}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider[data-v-49c5bc8a]:after{content:"";position:absolute;border-radius:inherit;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 2px #0000003d;pointer-events:none}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-checkboard[data-v-49c5bc8a]{background:#fff;position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-checkboard[data-v-49c5bc8a]:after{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-repeat:repeat;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-slider-image[data-v-49c5bc8a]{position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-circle[data-v-49c5bc8a]{position:relative;height:30px;width:30px;margin:0 0 8px 6px;border-radius:50%;box-shadow:#00000026 0 0 0 1px inset;overflow:hidden}.color-picker-panel .color-picker-preview .color-picker-preview-circle .color-picker-circle-fill[data-v-49c5bc8a]{display:block;width:30px;height:30px}.color-picker-panel .color-picker-preview .color-picker-preview-circle .color-picker-circle-input[data-v-49c5bc8a]{position:absolute;top:0;left:0;width:30px;height:30px;opacity:0;z-index:1}.color-picker-panel .color-picker-handle[data-v-49c5bc8a]{z-index:1;box-shadow:0 0 2px #00000073;position:absolute;background-color:#fff;overflow:hidden}.color-picker-panel .color-picker-handle .color-picker-handle-fill[data-v-49c5bc8a]{border:2px solid white}.color-picker-panel .color-picker-input[data-v-49c5bc8a]{display:flex;align-items:center}.color-picker-panel .color-picker-input .color-picker-input-mode[data-v-49c5bc8a]{width:72px;text-align:center}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a]{display:inline-flex;width:100%;flex-wrap:nowrap;vertical-align:bottom}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input{flex-grow:1;flex-basis:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input:not(:first-child){margin-left:-1px}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input:not(:first-child) .input-wrap{border-top-left-radius:0;border-bottom-left-radius:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input:not(:last-child) .input-wrap{border-top-right-radius:0;border-bottom-right-radius:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input .input-wrap{padding:1px 4px}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-49c5bc8a] .m-input .input-item{text-align:center}.color-picker-panel .color-picker-swatches[data-v-49c5bc8a]{display:flex;gap:8px;flex-wrap:wrap;position:relative;margin-top:10px}.color-picker-panel .color-picker-swatches .color-picker-swatch[data-v-49c5bc8a]{width:18px;height:18px;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:8px 8px;background-position:0px 0,0px 4px,4px -4px,-4px 0px;background-repeat:repeat}.color-picker-panel .color-picker-swatches .color-picker-swatch .color-picker-swatch-fill[data-v-49c5bc8a]{position:relative;width:100%;height:100%;border-radius:3px;box-shadow:#00000026 0 0 0 1px inset;cursor:pointer}.panel-with-actions[data-v-49c5bc8a]{padding-bottom:8px}.color-picker-actions[data-v-49c5bc8a]{display:flex;gap:8px;border-top:1px solid rgba(5,5,5,.06);padding:8px 12px;justify-content:flex-end}.color-picker-footer[data-v-49c5bc8a]{border-top:1px solid rgba(5,5,5,.06);padding:8px 12px}.color-picker-display[data-v-49c5bc8a]{display:inline-block;width:100%;height:var(--color-picker-height);border-radius:4px;position:relative;outline:none}.color-picker-display:not(.color-picker-disabled):hover .color-picker-wrap[data-v-49c5bc8a]{border-color:#4096ff}.color-picker-display:not(.color-picker-disabled):focus .color-picker-wrap[data-v-49c5bc8a]{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a}.color-picker-display .color-picker-wrap[data-v-49c5bc8a]{height:100%;cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-picker-display .color-picker-wrap .color-picker-fill[data-v-49c5bc8a]{position:absolute;left:4px;right:4px;top:4px;bottom:4px;display:flex;align-items:center;justify-content:center}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-checkboard[data-v-49c5bc8a]{width:100%;height:100%;position:relative;background:#fff;position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-checkboard[data-v-49c5bc8a]:after{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:calc(var(--color-picker-block-size) * 2) calc(var(--color-picker-block-size) * 2);background-position:0 0,0 var(--color-picker-block-size),var(--color-picker-block-size) calc(-1 * var(--color-picker-block-size)),calc(-1 * var(--color-picker-block-size)) 0px;background-repeat:repeat;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-value[data-v-49c5bc8a]{white-space:nowrap;position:relative;font-size:14px;line-height:1.71428571}.color-picker-small .color-picker-wrap .color-picker-fill[data-v-49c5bc8a]{left:3px;right:3px;top:3px;bottom:3px}.color-picker-small .color-picker-wrap .color-picker-fill .color-picker-value[data-v-49c5bc8a]{line-height:1.28571429}.color-picker-large .color-picker-wrap .color-picker-fill[data-v-49c5bc8a]{left:5px;right:5px;top:5px;bottom:5px}.color-picker-large .color-picker-wrap .color-picker-fill .color-picker-value[data-v-49c5bc8a]{font-size:16px;line-height:1.875}.color-picker-disabled[data-v-49c5bc8a]{cursor:not-allowed}
+.color-picker-panel[data-v-b199915c]{padding:12px}.color-picker-panel .color-picker-pallete[data-v-b199915c]{height:180px;position:relative;margin-bottom:8px;cursor:crosshair}.color-picker-panel .color-picker-pallete .color-picker-pallete-layer[data-v-b199915c]{position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-pallete .pallete-layer-shadowed[data-v-b199915c]{box-shadow:inset 0 0 2px #0000003d}.color-picker-panel .color-picker-preview[data-v-b199915c]{display:flex}.color-picker-panel .color-picker-preview .color-picker-preview-sliders[data-v-b199915c]{flex:1 0 auto}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider[data-v-b199915c]{margin-bottom:8px;position:relative}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider[data-v-b199915c]:after{content:"";position:absolute;border-radius:inherit;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 2px #0000003d;pointer-events:none}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-checkboard[data-v-b199915c]{background:#fff;position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-checkboard[data-v-b199915c]:after{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-repeat:repeat;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-sliders .color-picker-slider .color-picker-slider-image[data-v-b199915c]{position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-panel .color-picker-preview .color-picker-preview-circle[data-v-b199915c]{position:relative;height:30px;width:30px;margin:0 0 8px 6px;border-radius:50%;box-shadow:#00000026 0 0 0 1px inset;overflow:hidden}.color-picker-panel .color-picker-preview .color-picker-preview-circle .color-picker-circle-fill[data-v-b199915c]{display:block;width:30px;height:30px}.color-picker-panel .color-picker-preview .color-picker-preview-circle .color-picker-circle-input[data-v-b199915c]{position:absolute;top:0;left:0;width:30px;height:30px;opacity:0;z-index:1}.color-picker-panel .color-picker-handle[data-v-b199915c]{z-index:1;box-shadow:0 0 2px #00000073;position:absolute;background-color:#fff;overflow:hidden}.color-picker-panel .color-picker-handle .color-picker-handle-fill[data-v-b199915c]{border:2px solid white}.color-picker-panel .color-picker-input[data-v-b199915c]{display:flex;align-items:center}.color-picker-panel .color-picker-input .color-picker-input-mode[data-v-b199915c]{width:72px;text-align:center}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c]{display:inline-flex;width:100%;flex-wrap:nowrap;vertical-align:bottom}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input{flex-grow:1;flex-basis:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input:not(:first-child){margin-left:-1px}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input:not(:first-child) .input-wrap{border-top-left-radius:0;border-bottom-left-radius:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input:not(:last-child) .input-wrap{border-top-right-radius:0;border-bottom-right-radius:0}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input .input-wrap{padding:1px 4px}.color-picker-panel .color-picker-input .color-picker-input-group[data-v-b199915c] .m-input .input-item{text-align:center}.color-picker-panel .color-picker-swatches[data-v-b199915c]{display:flex;gap:8px;flex-wrap:wrap;position:relative;margin-top:10px}.color-picker-panel .color-picker-swatches .color-picker-swatch[data-v-b199915c]{width:18px;height:18px;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:8px 8px;background-position:0px 0,0px 4px,4px -4px,-4px 0px;background-repeat:repeat}.color-picker-panel .color-picker-swatches .color-picker-swatch .color-picker-swatch-fill[data-v-b199915c]{position:relative;width:100%;height:100%;border-radius:3px;box-shadow:#00000026 0 0 0 1px inset;cursor:pointer}.panel-with-actions[data-v-b199915c]{padding-bottom:8px}.color-picker-actions[data-v-b199915c]{display:flex;gap:8px;border-top:1px solid rgba(5,5,5,.06);padding:8px 12px;justify-content:flex-end}.color-picker-footer[data-v-b199915c]{border-top:1px solid rgba(5,5,5,.06);padding:8px 12px}.color-picker-display[data-v-b199915c]{display:inline-block;width:var(--color-picker-width);height:var(--color-picker-height);border-radius:4px;position:relative;outline:none}.color-picker-display:not(.color-picker-disabled):hover .color-picker-wrap[data-v-b199915c]{border-color:var(--color-picker-primary-color-hover)}.color-picker-display:not(.color-picker-disabled):focus .color-picker-wrap[data-v-b199915c]{border-color:var(--color-picker-primary-color-focus);box-shadow:0 0 0 2px var(--color-picker-primary-shadow-color)}.color-picker-display .color-picker-wrap[data-v-b199915c]{height:100%;cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-picker-display .color-picker-wrap .color-picker-fill[data-v-b199915c]{position:absolute;left:4px;right:4px;top:4px;bottom:4px;display:flex;align-items:center;justify-content:center}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-checkboard[data-v-b199915c]{width:100%;height:100%;position:relative;background:#fff;position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-checkboard[data-v-b199915c]:after{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-size:calc(var(--color-picker-block-size) * 2) calc(var(--color-picker-block-size) * 2);background-position:0 0,0 var(--color-picker-block-size),var(--color-picker-block-size) calc(-1 * var(--color-picker-block-size)),calc(-1 * var(--color-picker-block-size)) 0px;background-repeat:repeat;content:"";position:absolute;left:0;right:0;top:0;bottom:0}.color-picker-display .color-picker-wrap .color-picker-fill .color-picker-value[data-v-b199915c]{white-space:nowrap;position:relative;font-size:14px;line-height:1.71428571}.color-picker-small .color-picker-wrap .color-picker-fill[data-v-b199915c]{left:3px;right:3px;top:3px;bottom:3px}.color-picker-small .color-picker-wrap .color-picker-fill .color-picker-value[data-v-b199915c]{line-height:1.28571429}.color-picker-large .color-picker-wrap .color-picker-fill[data-v-b199915c]{left:5px;right:5px;top:5px;bottom:5px}.color-picker-large .color-picker-wrap .color-picker-fill .color-picker-value[data-v-b199915c]{font-size:16px;line-height:1.875}.color-picker-disabled[data-v-b199915c]{cursor:not-allowed}

package/es/colorpicker/ColorPicker.d.ts

@@ -2,8 +2,10 @@ import { CSSProperties } from 'vue';
 export type ColorPickerMode = 'rgb' | 'hsl' | 'hsv' | 'hex';
 export type ColorPickerAction = 'confirm' | 'clear';
 export interface Props {
+    width?: string | number;
     label?: (color: string) => string;
     tooltipStyle?: CSSProperties;
+    inputProps?: object;
     showAlpha?: boolean;
     showPreview?: boolean;
     size?: 'small' | 'middle' | 'large';
@@ -173,9 +175,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     footer: string;
     label: (color: string) => string;
     actions: ColorPickerAction[];
+    width: string | number;
     tooltipStyle: CSSProperties;
     value: string;
     disabled: boolean;
+    inputProps: object;
     showAlpha: boolean;
     showPreview: boolean;
     modes: ColorPickerMode[];

package/es/colorpicker/ColorPicker.vue.js

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