vue-amazing-ui 2.2.12 → 2.2.13

package/es/select/Select.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as Z, ref as o, computed as M, watchEffect as D, watch as _, nextTick as ee, createElementBlock as r, openBlock as v, normalizeStyle as le, normalizeClass as h, createElementVNode as g, createVNode as $, createCommentVNode as E, withDirectives as ae, vModelText as te, toDisplayString as N, withModifiers as S, Transition as se, withCtx as R, unref as F, mergeProps as oe, Fragment as ue, renderList as ne } from "vue";
+import { defineComponent as x, ref as o, computed as $, watchEffect as F, watch as _, nextTick as ee, createElementBlock as r, openBlock as v, normalizeStyle as le, normalizeClass as h, createElementVNode as w, createVNode as V, createCommentVNode as T, withDirectives as ae, vModelText as se, toDisplayString as D, withModifiers as B, Transition as te, withCtx as E, unref as N, mergeProps as oe, Fragment as ue, renderList as ne } from "vue";
 import ie from "../empty/index.js";
 import re from "../scrollbar/index.js";
-const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["title"], fe = ["title", "onMouseenter", "onClick"], ge = /* @__PURE__ */ Z({
+const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["title"], fe = ["title", "onMouseenter", "onClick"], ge = /* @__PURE__ */ x({
   __name: "Select",
   props: {
     options: { default: () => [] },
@@ -20,23 +20,23 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "openChange"],
-  setup(H, { emit: P }) {
-    const l = H, i = o(), u = o(), w = o(null), c = o(), d = o(!1), C = o(!1), n = o(), b = o(), z = o(0), s = o(!1), f = o(!0), m = o(!1), B = o(!1), p = o(!1), k = o(!1), y = P, I = M(() => typeof l.width == "number" ? `${l.width}px` : l.width), O = M(() => {
+  setup(R, { emit: H }) {
+    const l = R, i = o(), u = o(), C = o(null), d = o(), c = o(!1), k = o(!1), n = o(), b = o(), z = o(0), t = o(!1), f = o(!0), m = o(!1), S = o(!1), p = o(!1), M = o(!1), y = H, P = $(() => typeof l.width == "number" ? `${l.width}px` : l.width), I = $(() => {
       const e = {
         small: 24,
         middle: 32,
         large: 40
       };
       return l.height !== void 0 ? `${l.height}px` : `${e[l.size]}px`;
-    }), A = M(() => l.options.length > l.maxDisplay), U = M(() => ({
+    }), O = $(() => l.options.length > l.maxDisplay), A = $(() => ({
       maxHeight: `${l.maxDisplay * 32 + 8}px`
     }));
-    D(() => {
-      l.search ? (c.value ? (s.value = !0, i.value = l.options.filter((e) => typeof l.filter == "function" ? l.filter(c.value, e) : e[l.label].includes(c.value))) : i.value = [...l.options], i.value.length && c.value ? n.value = i.value[0][l.value] : n.value = null) : i.value = l.options;
-    }), D(() => {
-      W();
-    }), _(s, async (e) => {
-      if (A.value)
+    F(() => {
+      l.search ? (d.value ? (t.value = !0, i.value = l.options.filter((e) => typeof l.filter == "function" ? l.filter(d.value, e) : e[l.label].includes(d.value))) : i.value = [...l.options], i.value.length && d.value ? n.value = i.value[0][l.value] : n.value = null) : i.value = l.options;
+    }), F(() => {
+      U();
+    }), _(t, async (e) => {
+      if (O.value)
         if (e)
           await ee(), b.value && b.value.scrollTo({
             top: z.value,
@@ -46,98 +46,98 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
           const a = b.value && b.value.getScrollData();
           z.value = (a == null ? void 0 : a.scrollTop) || 0;
         }
-      y("openChange", e), l.search && !e && (c.value = void 0, C.value = !1);
+      y("openChange", e), l.search && !e && (d.value = void 0, k.value = !1);
     });
-    function W() {
+    function U() {
       if (l.modelValue) {
         const e = l.options.find((a) => a[l.value] === l.modelValue);
         e ? (u.value = e[l.label], n.value = e[l.value]) : (u.value = l.modelValue, n.value = null);
       } else
         u.value = null, n.value = null;
     }
+    function W() {
+      M.value = !0;
+    }
     function j() {
-      k.value = !1, s.value && (s.value = !1), l.search && (p.value = !1, f.value = !0, C.value = !1);
+      M.value = !1, t.value && (t.value = !1), l.search && (p.value = !1, f.value = !0, k.value = !1);
     }
     function q() {
-      d.value = !0, l.allowClear && (u.value || l.search && c.value) && (f.value = !1, m.value = !0, l.search && (p.value = !1));
+      c.value = !0, l.allowClear && (u.value || l.search && d.value) && (f.value = !1, m.value = !0, l.search && (p.value = !1));
     }
-    function x() {
-      d.value = !1, l.allowClear && m.value && (m.value = !1, l.search || (f.value = !0)), l.search && (s.value ? (p.value = !0, f.value = !1) : (p.value = !1, f.value = !0));
+    function G() {
+      c.value = !1, l.allowClear && m.value && (m.value = !1, l.search || (f.value = !0)), l.search && (t.value ? (p.value = !0, f.value = !1) : (p.value = !1, f.value = !0));
     }
-    function G(e, a) {
-      d.value = !!a, n.value = e;
+    function J(e, a) {
+      c.value = !!a, n.value = e;
     }
-    function J() {
-      if (V(), !l.search && w.value && (w.value.style.opacity = "0"), s.value = !s.value, !n.value && u.value) {
+    function K() {
+      if (g(), !l.search && C.value && (C.value.style.opacity = "0"), t.value = !t.value, !n.value && u.value) {
         const e = l.options.find((a) => a[l.label] === u.value);
         n.value = e ? e[l.value] : null;
       }
-      l.search && (m.value || (f.value = !s.value, p.value = s.value));
+      l.search && (m.value || (f.value = !t.value, p.value = t.value));
     }
-    function K(e) {
+    function Q(e) {
       var a;
-      C.value = !!((a = e.target) != null && a.value);
+      k.value = !!((a = e.target) != null && a.value);
     }
-    function Q() {
-      k.value && (V(), B.value = !0), m.value = !1, u.value = null, n.value = null, s.value = !1, p.value = !1, f.value = !0, y("update:modelValue"), y("change");
+    function X() {
+      M.value && (g(), S.value = !0), m.value = !1, u.value = null, n.value = null, t.value = !1, p.value = !1, f.value = !0, y("update:modelValue"), y("change");
     }
-    function V() {
+    function g() {
       var e;
-      (e = w.value) == null || e.focus(), k.value = !0;
+      (e = C.value) == null || e.focus();
     }
-    function X(e, a, t) {
-      l.modelValue !== e && (u.value = a, n.value = e, y("update:modelValue", e), y("change", e, a, t)), B.value = !1;
-    }
-    function L() {
-      var e;
-      (e = w.value) == null || e.focus();
+    function Y(e, a, s) {
+      l.modelValue !== e && (u.value = a, n.value = e, y("update:modelValue", e), y("change", e, a, s)), S.value = !1, g();
     }
     return (e, a) => (v(), r("div", {
       class: h(["m-select", {
-        "select-focused": k.value,
+        "select-focused": M.value,
         "search-select": e.search,
         "select-small": e.size === "small",
         "select-large": e.size === "large",
         "select-disabled": e.disabled
       }]),
       style: le(`
-      --select-width: ${I.value};
-      --select-height: ${O.value};
+      --select-width: ${P.value};
+      --select-height: ${I.value};
       --select-primary-color-hover: #4096ff;
       --select-primary-color-focus: #4096ff;
       --select-primary-shadow-color: rgba(5, 145, 255, 0.1);
       --select-item-bg-color-active: #e6f4ff;
     `),
-      onClick: a[6] || (a[6] = (t) => e.disabled ? () => !1 : J())
+      onClick: a[7] || (a[7] = (s) => e.disabled ? () => !1 : K())
     }, [
-      g("div", {
+      w("div", {
         class: "select-wrap",
         onMouseenter: q,
-        onMouseleave: x
+        onMouseleave: G
       }, [
-        g("span", ve, [
-          ae(g("input", {
+        w("span", ve, [
+          ae(w("input", {
             ref_key: "inputRef",
-            ref: w,
-            class: h(["search-input", { "caret-show": s.value || B.value }]),
+            ref: C,
+            class: h(["search-input", { "caret-show": t.value || S.value }]),
             type: "text",
             autocomplete: "off",
             readonly: !e.search,
             disabled: e.disabled,
-            onInput: K,
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => c.value = t),
-            onBlur: a[1] || (a[1] = (t) => !d.value && s.value && !e.disabled ? j() : () => !1)
-          }, null, 42, ce), [
-            [te, c.value]
+            onInput: Q,
+            "onUpdate:modelValue": a[0] || (a[0] = (s) => d.value = s),
+            onBlur: a[1] || (a[1] = (s) => !c.value && !e.disabled ? j() : () => !1),
+            onFocus: a[2] || (a[2] = (s) => e.disabled ? () => !1 : W())
+          }, null, 42, de), [
+            [se, d.value]
           ])
         ]),
-        C.value ? E("", !0) : (v(), r("span", {
+        k.value ? T("", !0) : (v(), r("span", {
           key: 0,
-          class: h(["select-item", { "select-placeholder": !u.value || s.value }]),
+          class: h(["select-item", { "select-placeholder": !u.value || t.value }]),
           title: u.value
-        }, N(u.value || e.placeholder), 11, de)),
+        }, D(u.value || e.placeholder), 11, ce)),
         (v(), r("svg", {
-          class: h(["arrow-svg", { "arrow-rotate": s.value, "show-svg": f.value }]),
+          class: h(["arrow-svg", { "arrow-rotate": t.value, "show-svg": f.value }]),
           focusable: "false",
           "data-icon": "down",
           width: "1em",
@@ -145,8 +145,8 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
           fill: "currentColor",
           "aria-hidden": "true",
           viewBox: "64 64 896 896"
-        }, a[7] || (a[7] = [
-          g("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
+        }, a[8] || (a[8] = [
+          w("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
         ]), 2)),
         (v(), r("svg", {
           class: h(["search-svg", { "show-svg": p.value }]),
@@ -157,8 +157,8 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
           fill: "currentColor",
           "aria-hidden": "true",
           viewBox: "64 64 896 896"
-        }, a[8] || (a[8] = [
-          g("path", { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" }, null, -1)
+        }, a[9] || (a[9] = [
+          w("path", { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" }, null, -1)
         ]), 2)),
         (v(), r("svg", {
           class: h(["clear-svg", { "show-svg": m.value }]),
@@ -170,12 +170,12 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
           "aria-hidden": "true",
           "fill-rule": "evenodd",
           viewBox: "64 64 896 896",
-          onClick: S(Q, ["stop"])
-        }, a[9] || (a[9] = [
-          g("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
+          onClick: B(X, ["stop"])
+        }, a[10] || (a[10] = [
+          w("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
         ]), 2))
       ], 32),
-      $(se, {
+      V(te, {
         name: "slide-down",
         "enter-from-class": "slide-down-enter",
         "enter-active-class": "slide-down-enter",
@@ -184,47 +184,47 @@ const ve = { class: "select-search" }, ce = ["readonly", "disabled"], de = ["tit
         "leave-active-class": "slide-down-leave slide-down-leave-active",
         "leave-to-class": "slide-down-leave slide-down-leave-active"
       }, {
-        default: R(() => [
-          s.value && i.value && i.value.length ? (v(), r("div", {
+        default: E(() => [
+          t.value && i.value && i.value.length ? (v(), r("div", {
             key: 0,
             class: "select-options-panel",
-            onClick: S(L, ["stop"]),
-            onMouseenter: a[2] || (a[2] = (t) => d.value = !0),
-            onMouseleave: a[3] || (a[3] = (t) => d.value = !1)
+            onClick: B(g, ["stop"]),
+            onMouseenter: a[3] || (a[3] = (s) => c.value = !0),
+            onMouseleave: a[4] || (a[4] = (s) => c.value = !1)
           }, [
-            $(F(re), oe({
+            V(N(re), oe({
               ref_key: "scrollbarRef",
               ref: b,
               "content-style": { padding: "4px" },
-              style: U.value
+              style: A.value
             }, e.scrollbarProps), {
-              default: R(() => [
-                (v(!0), r(ue, null, ne(i.value, (t, T) => (v(), r("p", {
-                  key: T,
+              default: E(() => [
+                (v(!0), r(ue, null, ne(i.value, (s, L) => (v(), r("p", {
+                  key: L,
                   class: h([
                     "select-option",
                     {
-                      "option-hover": !t.disabled && t[e.value] === n.value,
-                      "option-selected": t[e.label] === u.value,
-                      "option-disabled": t.disabled
+                      "option-hover": !s.disabled && s[e.value] === n.value,
+                      "option-selected": s[e.label] === u.value,
+                      "option-disabled": s.disabled
                     }
                   ]),
-                  title: t[e.label],
-                  onMouseenter: (Y) => G(t[e.value], t.disabled),
-                  onClick: S((Y) => t.disabled ? V() : X(t[e.value], t[e.label], T), ["stop"])
-                }, N(t[e.label]), 43, fe))), 128))
+                  title: s[e.label],
+                  onMouseenter: (Z) => J(s[e.value], s.disabled),
+                  onClick: B((Z) => s.disabled ? g() : Y(s[e.value], s[e.label], L), ["stop"])
+                }, D(s[e.label]), 43, fe))), 128))
               ]),
               _: 1
             }, 16, ["style"])
-          ], 32)) : s.value && i.value && !i.value.length ? (v(), r("div", {
+          ], 32)) : t.value && i.value && !i.value.length ? (v(), r("div", {
             key: 1,
             class: "select-options-panel options-empty",
-            onClick: S(L, ["stop"]),
-            onMouseenter: a[4] || (a[4] = (t) => d.value = !0),
-            onMouseleave: a[5] || (a[5] = (t) => d.value = !1)
+            onClick: B(g, ["stop"]),
+            onMouseenter: a[5] || (a[5] = (s) => c.value = !0),
+            onMouseleave: a[6] || (a[6] = (s) => c.value = !1)
           }, [
-            $(F(ie), { image: "outlined" })
-          ], 32)) : E("", !0)
+            V(N(ie), { image: "outlined" })
+          ], 32)) : T("", !0)
         ]),
         _: 1
       })

package/lib/calendar/Calendar.css

@@ -1 +1 @@
-.m-calendar[data-v-e106726d]{color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;background:#fff;border-radius:4px}.m-calendar .calendar-header-wrap[data-v-e106726d]{padding:12px 0}.m-calendar .calendar-header-wrap .calendar-header-content[data-v-e106726d]{margin-bottom:10px}.m-calendar .calendar-header-wrap .calendar-header-content[data-v-e106726d] svg{fill:currentColor}.m-calendar .calendar-header-wrap .calendar-header-actions[data-v-e106726d]{display:flex;justify-content:flex-end}.m-calendar .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-e106726d],.m-calendar .calendar-header-wrap .calendar-header-actions .calendar-mode-radio[data-v-e106726d]{margin-left:8px}.m-calendar .calendar-display-wrap[data-v-e106726d]{background:#fff;outline:none}.m-calendar .calendar-display-wrap .calendar-date-panel[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel[data-v-e106726d]{display:flex;flex-direction:column;width:auto}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body[data-v-e106726d]{padding:8px 0}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table[data-v-e106726d]{display:table;margin:0;width:100%;table-layout:fixed;border-collapse:collapse}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table tr[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table tr[data-v-e106726d]{border:none;background-color:transparent}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table td[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table td[data-v-e106726d]{position:relative;min-width:24px;font-size:inherit;font-weight:400;padding:0;border:none}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-e106726d]{text-align:inherit;height:auto;line-height:18px;width:36px;color:#000000e0;vertical-align:middle;background:transparent}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]{color:#00000040;cursor:pointer}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d]{position:relative;z-index:2;min-width:24px;line-height:24px}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell:hover:not(.date-cell-selected) .date-cell-inner[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell:hover:not(.date-cell-selected) .date-cell-inner[data-v-e106726d]{background:#0000000a}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled[data-v-e106726d],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled[data-v-e106726d]{color:#00000040;pointer-events:none}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-in-view[data-v-e106726d]:not(.date-cell-disabled):not(.date-cell-selected),.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-in-view[data-v-e106726d]:not(.date-cell-disabled):not(.date-cell-selected){color:#000000e0}.calendar-panel .calendar-header-wrap .calendar-header-actions .calendar-year-select[data-v-e106726d]{min-width:90px}.calendar-panel .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-e106726d]{min-width:72px}.calendar-panel .calendar-display-wrap[data-v-e106726d]{width:100%;text-align:end}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-e106726d]{padding-right:12px;padding-bottom:4px}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d]{display:block;width:auto;height:auto;margin:0 4px;padding:4px 8px 0;border:0;border-top:2px solid rgba(5,5,5,.06);border-radius:0;transition:background .3s}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-value[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-value[data-v-e106726d]{line-height:24px;transition:color .3s}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-content[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-content[data-v-e106726d]{position:static;width:auto;height:86px;overflow-y:auto;color:#000000e0;line-height:1.57142857;text-align:start}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-e106726d]{border-color:#1677ff}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner .date-value[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner .date-value[data-v-e106726d]{color:#000000e0}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-e106726d],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-e106726d]{color:#1677ff;background:#e6f4ff}.calendar-card[data-v-e106726d]{width:300px;border:1px solid #d9d9d9;border-radius:4px}.calendar-card .calendar-header-wrap[data-v-e106726d]{padding-left:8px;padding-right:8px}.calendar-card .calendar-header-wrap .calendar-header-actions .calendar-year-select[data-v-e106726d]{min-width:86px}.calendar-card .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-e106726d]{min-width:70px}.calendar-card .calendar-display-wrap[data-v-e106726d]{display:inline-flex;flex-direction:column;text-align:center;border-top:1px solid rgba(5,5,5,.06);border-radius:0 0 8px 8px}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]{padding:4px 0}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]:before{position:absolute;top:50%;left:0;right:0;z-index:1;height:24px;transform:translateY(-50%);transition:all .3s;content:"";pointer-events:none}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d]{display:inline-block;height:24px;border-radius:4px;transition:background .2s,color .2s}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled[data-v-e106726d]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled[data-v-e106726d]:before{background:#0000000a}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-e106726d]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-e106726d]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid #1677ff;border-radius:4px;content:""}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled.date-cell-today .date-cell-inner[data-v-e106726d]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled.date-cell-today .date-cell-inner[data-v-e106726d]:before{border-color:#00000040}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-e106726d],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-e106726d]{color:#fff;background:#1677ff}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]{height:40px}.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-e106726d]{height:64px}.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-e106726d]{width:60px;padding:0 8px}
+.m-calendar[data-v-6dc6f9bc]{color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;background:#fff;border-radius:4px}.m-calendar .calendar-header-wrap[data-v-6dc6f9bc]{padding:12px 0}.m-calendar .calendar-header-wrap .calendar-header-content[data-v-6dc6f9bc]{margin-bottom:10px}.m-calendar .calendar-header-wrap .calendar-header-content[data-v-6dc6f9bc] svg{fill:currentColor}.m-calendar .calendar-header-wrap .calendar-header-actions[data-v-6dc6f9bc]{display:flex;justify-content:flex-end}.m-calendar .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-6dc6f9bc],.m-calendar .calendar-header-wrap .calendar-header-actions .calendar-mode-radio[data-v-6dc6f9bc]{margin-left:8px}.m-calendar .calendar-display-wrap[data-v-6dc6f9bc]{background:#fff;outline:none}.m-calendar .calendar-display-wrap .calendar-date-panel[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel[data-v-6dc6f9bc]{display:flex;flex-direction:column;width:auto}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body[data-v-6dc6f9bc]{padding:8px 0}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table[data-v-6dc6f9bc]{display:table;margin:0;width:100%;table-layout:fixed;border-collapse:collapse}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table tr[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table tr[data-v-6dc6f9bc]{border:none;background-color:transparent}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table td[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table td[data-v-6dc6f9bc]{position:relative;min-width:24px;font-size:inherit;font-weight:400;padding:0;border:none}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-6dc6f9bc]{text-align:inherit;height:auto;line-height:18px;width:36px;color:#000000e0;vertical-align:middle;background:transparent}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]{color:#00000040;cursor:pointer}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc]{position:relative;z-index:2;min-width:24px;line-height:24px}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell:hover:not(.date-cell-selected) .date-cell-inner[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell:hover:not(.date-cell-selected) .date-cell-inner[data-v-6dc6f9bc]{background:#0000000a}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled[data-v-6dc6f9bc],.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled[data-v-6dc6f9bc]{color:#00000040;pointer-events:none}.m-calendar .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-in-view[data-v-6dc6f9bc]:not(.date-cell-disabled):not(.date-cell-selected),.m-calendar .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-in-view[data-v-6dc6f9bc]:not(.date-cell-disabled):not(.date-cell-selected){color:#000000e0}.calendar-panel .calendar-header-wrap .calendar-header-actions .calendar-year-select[data-v-6dc6f9bc]{min-width:90px}.calendar-panel .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-6dc6f9bc]{min-width:72px}.calendar-panel .calendar-display-wrap[data-v-6dc6f9bc]{width:100%;text-align:end}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table th[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table th[data-v-6dc6f9bc]{padding-right:12px;padding-bottom:4px}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc]{display:block;width:auto;height:auto;margin:0 4px;padding:4px 8px 0;border:0;border-top:2px solid rgba(5,5,5,.06);border-radius:0;transition:background .3s}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-value[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-value[data-v-6dc6f9bc]{line-height:24px;transition:color .3s}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-content[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner .date-content[data-v-6dc6f9bc]{position:static;width:auto;height:86px;overflow-y:auto;color:#000000e0;line-height:1.57142857;text-align:start}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-6dc6f9bc]{border-color:var(--calendar-primary-color)}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner .date-value[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner .date-value[data-v-6dc6f9bc]{color:#000000e0}.calendar-panel .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-6dc6f9bc],.calendar-panel .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-6dc6f9bc]{color:var(--calendar-primary-color);background:var(--calendar-panel-primary-bg-color)}.calendar-card[data-v-6dc6f9bc]{width:300px;border:1px solid #d9d9d9;border-radius:4px}.calendar-card .calendar-header-wrap[data-v-6dc6f9bc]{padding-left:8px;padding-right:8px}.calendar-card .calendar-header-wrap .calendar-header-actions .calendar-year-select[data-v-6dc6f9bc]{min-width:86px}.calendar-card .calendar-header-wrap .calendar-header-actions .calendar-month-select[data-v-6dc6f9bc]{min-width:70px}.calendar-card .calendar-display-wrap[data-v-6dc6f9bc]{display:inline-flex;flex-direction:column;text-align:center;border-top:1px solid rgba(5,5,5,.06);border-radius:0 0 8px 8px}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]{padding:4px 0}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]:before{position:absolute;top:50%;left:0;right:0;z-index:1;height:24px;transform:translateY(-50%);transition:all .3s;content:"";pointer-events:none}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc]{display:inline-block;height:24px;border-radius:4px;transition:background .2s,color .2s}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled[data-v-6dc6f9bc]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled[data-v-6dc6f9bc]:before{background:#0000000a}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-6dc6f9bc]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-today .date-cell-inner[data-v-6dc6f9bc]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--calendar-primary-color);border-radius:4px;content:""}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-disabled.date-cell-today .date-cell-inner[data-v-6dc6f9bc]:before,.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-disabled.date-cell-today .date-cell-inner[data-v-6dc6f9bc]:before{border-color:#00000040}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-6dc6f9bc],.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .date-cell-selected .date-cell-inner[data-v-6dc6f9bc]{color:#fff;background:var(--calendar-card-primary-bg-color)}.calendar-card .calendar-display-wrap .calendar-date-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]{height:40px}.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell[data-v-6dc6f9bc]{height:64px}.calendar-card .calendar-display-wrap .calendar-month-panel .calendar-body .calendar-table .calendar-date-cell .date-cell-inner[data-v-6dc6f9bc]{width:60px;padding:0 8px}

package/lib/calendar/Calendar.d.ts

@@ -4,6 +4,9 @@ export interface Props {
     display?: 'panel' | 'card';
     mode?: 'month' | 'year';
     header?: string;
+    yearSelectProps?: object;
+    monthSelectProps?: object;
+    modeRadioProps?: object;
     startDayOfWeek?: DayOfWeek;
     dateStrip?: boolean;
     dateFormat?: (date: number, timestamp: number) => string;
@@ -102,6 +105,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     mode: "month" | "year";
     value: string | number;
     display: "panel" | "card";
+    yearSelectProps: object;
+    monthSelectProps: object;
+    modeRadioProps: object;
     startDayOfWeek: DayOfWeek;
     dateStrip: boolean;
     dateFormat: (date: number, timestamp: number) => string;

package/lib/calendar/Calendar.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Calendar.vue2.cjs");;/* empty css                */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-e106726d"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Calendar.vue2.cjs");;/* empty css                */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-6dc6f9bc"]]);exports.default=u;

package/lib/calendar/Calendar.vue2.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("date-fns"),O=require("../select/index.cjs"),R=require("../radio/index.cjs"),X=require("../utils/index.cjs"),Z={class:"calendar-header-wrap"},x={key:0,class:"calendar-header-content"},I={class:"calendar-header-actions"},ee={tabindex:"0",class:"calendar-display-wrap"},te={key:0,class:"calendar-date-panel"},ae={class:"calendar-body"},le={class:"calendar-table"},ne=["title"],oe=["onClick"],re={class:"date-value"},se={class:"date-content"},ue={key:1,class:"calendar-month-panel"},de={class:"calendar-body"},ce={class:"calendar-table"},ie=["title"],me=["onClick"],ve={class:"date-value"},pe={class:"date-content"},fe=e.defineComponent({__name:"Calendar",props:{display:{default:"panel"},mode:{default:"month"},header:{default:void 0},startDayOfWeek:{default:0},dateStrip:{type:Boolean,default:!0},dateFormat:{type:Function,default:void 0},weekFormat:{type:Function,default:void 0},monthFormat:{type:Function,default:void 0},disabledDate:{type:Function,default:void 0},valueFormat:{default:void 0},value:{default:void 0}},emits:["update:value","change","panelChange","select"],setup(E,{emit:C}){const o=E,D=e.ref(Date.now()),M=e.ref([]),B=e.ref($()),S=e.ref([{label:"月",value:"month"},{label:"年",value:"year"}]),c=e.ref(a.getYear(D.value)),i=e.ref(a.getMonth(D.value)+1),m=e.ref(o.mode),g=e.ref([]),u=e.ref(),V=e.ref([]),N=X.useSlotsExist(["header"]),p=C,_=e.computed(()=>{const t=["一","二","三","四","五","六","日"],l=[];l.push(t[o.startDayOfWeek]);let r=(o.startDayOfWeek+1)%7;for(;r!==o.startDayOfWeek;)l.push(t[r]),r=(r+1)%7;return l}),v=e.computed(()=>{if(u.value)return typeof u.value=="string"?a.parse(u.value,o.valueFormat,new Date).getTime():u.value}),F=e.computed(()=>new Date(c.value,i.value-1,1).getTime()),w=e.computed(()=>N.header||o.header);e.watch(v,t=>{t&&(c.value=a.getYear(t),i.value=a.getMonth(t)+1)},{immediate:!0}),e.watch(()=>o.mode,t=>{m.value=t}),e.watch(()=>[o.startDayOfWeek,o.dateStrip,i.value,c.value],()=>{g.value=Y()},{immediate:!0,deep:!0}),e.watch(c,()=>{M.value=T(),V.value=P()},{immediate:!0}),e.watch(()=>[o.valueFormat,o.value],()=>{o.value&&(o.valueFormat===void 0||o.valueFormat==="T"?u.value=Number(a.format(a.startOfDay(o.value).getTime(),o.valueFormat||"T")):u.value=a.format(a.startOfDay(o.value).getTime(),o.valueFormat))},{deep:!0,immediate:!0});function T(){const t=[],l=c.value-10,r=c.value+10;for(let s=l;s<r;s++)t.push({label:`${s}年`,value:s});return t}function $(){const t=[];for(let l=1;l<=12;l++)t.push({label:`${l}月`,value:l});return t}function y(t,l,r){return{type:"date",dateObject:{date:a.getDate(t),month:a.getMonth(t),year:a.getYear(t)},timestamp:a.getTime(t),inCurrentMonth:a.isSameMonth(t,l),isCurrentDate:a.isSameDay(r,t)}}function j(t,l,r,s=!1){const n=a.getMonth(t);let d=a.getTime(a.startOfMonth(t)),h=a.getTime(a.addDays(d,-1));const f=[];let b=!s;for(;a.getDay(h)!==r||b;)f.unshift(y(h,t,l)),h=a.getTime(a.addDays(h,-1)),b=!1;for(;a.getMonth(d)===n;)f.push(y(d,t,l)),d=a.getTime(a.addDays(d,1));const Q=s?f.length<=28?28:f.length<=35?35:42:42;for(;f.length<Q;)f.push(y(d,t,l)),d=a.getTime(a.addDays(d,1));return f}function Y(){const t=j(F.value,Date.now(),o.startDayOfWeek,o.dateStrip),l=7,r=t.length/l,s=[];for(let n=0;n<r;n++)s.push(t.slice(n*l,(n+1)*l));return s}function z(t,l){return{type:"month",monthObject:{month:a.getMonth(t),year:a.getYear(t)},timestamp:a.getTime(t),isCurrent:a.isSameMonth(l,t)}}function L(t,l){const r=[],s=a.startOfYear(t);for(let n=0;n<12;n++)r.push(z(a.getTime(a.addMonths(s,n)),l));return r}function P(){const t=L(F.value,Date.now()),l=3,r=t.length/l,s=[];for(let n=0;n<r;n++)s.push(t.slice(n*l,(n+1)*l));return s}function W(t){return a.format(t.timestamp,"yyyy-MM-dd")}function q(t){return a.format(t.timestamp,"yyyy-MM")}function U(t,l){return o.dateFormat===void 0?`${t}`:o.dateFormat(t,l)}function H(t,l,r){return o.weekFormat===void 0?t:o.weekFormat(t,l,r)}function A(t,l){return o.monthFormat===void 0?`${t}月`:o.monthFormat(t,l)}function G(t){v.value!==t.timestamp&&(t.dateObject.month+1!==i.value&&(i.value=t.dateObject.month+1),o.valueFormat===void 0||o.valueFormat==="T"?u.value=t.timestamp:u.value=a.format(t.timestamp,o.valueFormat),p("update:value",u.value),p("select",u.value,"date"),p("change",u.value,t.dateObject))}function J(){if(u.value){if(typeof u.value=="string"){const t=a.parse(u.value,o.valueFormat,new Date).getTime();return a.startOfMonth(t).getTime()}return a.startOfMonth(u.value).getTime()}}function K(t){if(J()!==t.timestamp){if(i.value=t.monthObject.month+1,u.value){const l=t.monthObject.year-a.getYear(v.value),r=t.monthObject.month-a.getMonth(v.value),s=a.addMonths(a.addYears(v.value,l),r);o.valueFormat===void 0||o.valueFormat==="T"?u.value=Number(a.format(s,o.valueFormat||"T")):u.value=a.format(s,o.valueFormat)}p("update:value",u.value),p("select",u.value,"month"),p("change",u.value,t.monthObject)}}function k(){m.value==="month"?p("panelChange",u.value,{year:c.value,month:i.value},m.value):p("panelChange",u.value,{year:c.value},m.value)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-calendar",`calendar-${t.display}`])},[e.createElementVNode("div",Z,[w.value?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",I,[e.createVNode(e.unref(O.default),{class:"calendar-year-select",size:t.display==="card"?"small":"middle",options:M.value,"max-display":8,modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=r=>c.value=r),onChange:k},null,8,["size","options","modelValue"]),m.value==="month"?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,class:"calendar-month-select",size:t.display==="card"?"small":"middle",options:B.value,"max-display":8,modelValue:i.value,"onUpdate:modelValue":l[1]||(l[1]=r=>i.value=r),onChange:k},null,8,["size","options","modelValue"])):e.createCommentVNode("",!0),e.createVNode(e.unref(R.default),{class:"calendar-mode-radio","button-size":t.display==="card"?"small":"middle",options:S.value,value:m.value,"onUpdate:value":l[2]||(l[2]=r=>m.value=r),button:"",onChange:k},null,8,["button-size","options","value"])])]),e.createElementVNode("div",ee,[m.value==="month"?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ae,[e.createElementVNode("table",le,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(r,s)=>(e.openBlock(),e.createElementBlock("th",{key:s},[e.renderSlot(t.$slots,"week",{defaultWeek:r,week:s,timestamp:g.value[0][s].timestamp},()=>[e.createTextVNode(e.toDisplayString(H(r,s,g.value[0][s].timestamp)),1)],!0)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(r,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,d)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["calendar-date-cell",{"date-cell-disabled":t.disabledDate&&t.disabledDate(n.timestamp),"date-cell-in-view":n.inCurrentMonth,"date-cell-today":n.isCurrentDate,"date-cell-selected":v.value&&v.value===n.timestamp}]),key:d,title:W(n)},[e.createElementVNode("div",{class:"date-cell-inner",onClick:h=>G(n)},[e.createElementVNode("div",re,[e.renderSlot(t.$slots,"dateValue",e.mergeProps({ref_for:!0},n),()=>[e.createTextVNode(e.toDisplayString(U(n.dateObject.date,n.timestamp)),1)],!0)]),e.createElementVNode("div",se,[e.renderSlot(t.$slots,"dateContent",e.mergeProps({ref_for:!0},n),void 0,!0)])],8,oe)],10,ne))),128))]))),128))])])])])):e.createCommentVNode("",!0),m.value==="year"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",de,[e.createElementVNode("table",ce,[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(r,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,d)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["calendar-date-cell date-cell-in-view",{"date-cell-today":n.isCurrent,"date-cell-selected":v.value&&e.unref(a.startOfMonth)(v.value).getTime()===n.timestamp}]),key:d,title:q(n)},[e.createElementVNode("div",{class:"date-cell-inner",onClick:h=>K(n)},[e.createElementVNode("div",ve,[e.renderSlot(t.$slots,"monthValue",e.mergeProps({ref_for:!0},n),()=>[e.createTextVNode(e.toDisplayString(A(n.monthObject.month+1,n.timestamp)),1)],!0)]),e.createElementVNode("div",pe,[e.renderSlot(t.$slots,"monthContent",e.mergeProps({ref_for:!0},n),void 0,!0)])],8,me)],10,ie))),128))]))),128))])])])])):e.createCommentVNode("",!0)])],2))}});exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("date-fns"),O=require("../select/index.cjs"),Q=require("../radio/index.cjs"),X=require("../utils/index.cjs"),Z={class:"calendar-header-wrap"},x={key:0,class:"calendar-header-content"},I={class:"calendar-header-actions"},ee={tabindex:"0",class:"calendar-display-wrap"},te={key:0,class:"calendar-date-panel"},ae={class:"calendar-body"},le={class:"calendar-table"},oe=["title","onClick"],ne={class:"date-cell-inner"},re={class:"date-value"},se={class:"date-content"},ue={key:1,class:"calendar-month-panel"},de={class:"calendar-body"},ce={class:"calendar-table"},ie=["title","onClick"],me={class:"date-cell-inner"},ve={class:"date-value"},pe={class:"date-content"},fe=e.defineComponent({__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},weekFormat:{type:Function,default:void 0},monthFormat:{type:Function,default:void 0},disabledDate:{type:Function,default:void 0},valueFormat:{default:void 0},value:{default:void 0}},emits:["update:value","change","panelChange","select"],setup(S,{emit:E}){const n=S,D=e.ref(Date.now()),M=e.ref([]),C=e.ref(P()),B=e.ref([{label:"月",value:"month"},{label:"年",value:"year"}]),c=e.ref(a.getYear(D.value)),i=e.ref(a.getMonth(D.value)+1),m=e.ref(n.mode),g=e.ref([]),u=e.ref(),V=e.ref([]),N=X.useSlotsExist(["header"]),p=E,w=e.computed(()=>{const t=["一","二","三","四","五","六","日"],l=[];l.push(t[n.startDayOfWeek]);let r=(n.startDayOfWeek+1)%7;for(;r!==n.startDayOfWeek;)l.push(t[r]),r=(r+1)%7;return l}),v=e.computed(()=>{if(u.value)return typeof u.value=="string"?a.parse(u.value,n.valueFormat,new Date).getTime():u.value}),F=e.computed(()=>new Date(c.value,i.value-1,1).getTime()),_=e.computed(()=>N.header||n.header);e.watch(v,t=>{t&&(c.value=a.getYear(t),i.value=a.getMonth(t)+1)},{immediate:!0}),e.watch(()=>n.mode,t=>{m.value=t}),e.watch(()=>[n.startDayOfWeek,n.dateStrip,i.value,c.value],()=>{g.value=j()},{immediate:!0,deep:!0}),e.watch(c,()=>{M.value=T(),V.value=L()},{immediate:!0}),e.watch(()=>[n.valueFormat,n.value],()=>{n.value&&(n.valueFormat===void 0||n.valueFormat==="T"?u.value=Number(a.format(a.startOfDay(n.value).getTime(),n.valueFormat||"T")):u.value=a.format(a.startOfDay(n.value).getTime(),n.valueFormat))},{deep:!0,immediate:!0});function T(){const t=[],l=c.value-10,r=c.value+10;for(let s=l;s<r;s++)t.push({label:`${s}年`,value:s});return t}function P(){const t=[];for(let l=1;l<=12;l++)t.push({label:`${l}月`,value:l});return t}function y(t,l,r){return{type:"date",dateObject:{date:a.getDate(t),month:a.getMonth(t),year:a.getYear(t)},timestamp:a.getTime(t),inCurrentMonth:a.isSameMonth(t,l),isCurrentDate:a.isSameDay(r,t)}}function $(t,l,r,s=!1){const o=a.getMonth(t);let d=a.getTime(a.startOfMonth(t)),h=a.getTime(a.addDays(d,-1));const f=[];let b=!s;for(;a.getDay(h)!==r||b;)f.unshift(y(h,t,l)),h=a.getTime(a.addDays(h,-1)),b=!1;for(;a.getMonth(d)===o;)f.push(y(d,t,l)),d=a.getTime(a.addDays(d,1));const K=s?f.length<=28?28:f.length<=35?35:42:42;for(;f.length<K;)f.push(y(d,t,l)),d=a.getTime(a.addDays(d,1));return f}function j(){const t=$(F.value,Date.now(),n.startDayOfWeek,n.dateStrip),l=7,r=t.length/l,s=[];for(let o=0;o<r;o++)s.push(t.slice(o*l,(o+1)*l));return s}function Y(t,l){return{type:"month",monthObject:{month:a.getMonth(t),year:a.getYear(t)},timestamp:a.getTime(t),isCurrent:a.isSameMonth(l,t)}}function z(t,l){const r=[],s=a.startOfYear(t);for(let o=0;o<12;o++)r.push(Y(a.getTime(a.addMonths(s,o)),l));return r}function L(){const t=z(F.value,Date.now()),l=3,r=t.length/l,s=[];for(let o=0;o<r;o++)s.push(t.slice(o*l,(o+1)*l));return s}function W(t){return a.format(t.timestamp,"yyyy-MM-dd")}function q(t){return a.format(t.timestamp,"yyyy-MM")}function U(t,l){return n.dateFormat===void 0?`${t}`:n.dateFormat(t,l)}function R(t,l,r){return n.weekFormat===void 0?t:n.weekFormat(t,l,r)}function H(t,l){return n.monthFormat===void 0?`${t}月`:n.monthFormat(t,l)}function A(t){v.value!==t.timestamp&&(t.dateObject.month+1!==i.value&&(i.value=t.dateObject.month+1),n.valueFormat===void 0||n.valueFormat==="T"?u.value=t.timestamp:u.value=a.format(t.timestamp,n.valueFormat),p("update:value",u.value),p("select",u.value,"date"),p("change",u.value,t.dateObject))}function G(){if(u.value){if(typeof u.value=="string"){const t=a.parse(u.value,n.valueFormat,new Date).getTime();return a.startOfMonth(t).getTime()}return a.startOfMonth(u.value).getTime()}}function J(t){if(G()!==t.timestamp){if(i.value=t.monthObject.month+1,u.value){const l=t.monthObject.year-a.getYear(v.value),r=t.monthObject.month-a.getMonth(v.value),s=a.addMonths(a.addYears(v.value,l),r);n.valueFormat===void 0||n.valueFormat==="T"?u.value=Number(a.format(s,n.valueFormat||"T")):u.value=a.format(s,n.valueFormat)}p("update:value",u.value),p("select",u.value,"month"),p("change",u.value,t.monthObject)}}function k(){m.value==="month"?p("panelChange",u.value,{year:c.value,month:i.value},m.value):p("panelChange",u.value,{year:c.value},m.value)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-calendar",`calendar-${t.display}`]),style:`
+      --calendar-primary-color: #1677ff;
+      --calendar-panel-primary-bg-color: #e6f4ff;
+      --calendar-card-primary-bg-color: #1677ff;
+    `},[e.createElementVNode("div",Z,[_.value?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",I,[e.createVNode(e.unref(O.default),e.mergeProps({class:"calendar-year-select",size:t.display==="card"?"small":"middle",options:M.value,"max-display":8,modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=r=>c.value=r),onChange:k},t.yearSelectProps),null,16,["size","options","modelValue"]),m.value==="month"?(e.openBlock(),e.createBlock(e.unref(O.default),e.mergeProps({key:0,class:"calendar-month-select",size:t.display==="card"?"small":"middle",options:C.value,"max-display":8,modelValue:i.value,"onUpdate:modelValue":l[1]||(l[1]=r=>i.value=r),onChange:k},t.monthSelectProps),null,16,["size","options","modelValue"])):e.createCommentVNode("",!0),e.createVNode(e.unref(Q.default),e.mergeProps({class:"calendar-mode-radio","button-size":t.display==="card"?"small":"middle",options:B.value,value:m.value,"onUpdate:value":l[2]||(l[2]=r=>m.value=r),button:"",onChange:k},t.modeRadioProps),null,16,["button-size","options","value"])])]),e.createElementVNode("div",ee,[m.value==="month"?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ae,[e.createElementVNode("table",le,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(r,s)=>(e.openBlock(),e.createElementBlock("th",{key:s},[e.renderSlot(t.$slots,"week",{defaultWeek:r,week:s,timestamp:g.value[0][s].timestamp},()=>[e.createTextVNode(e.toDisplayString(R(r,s,g.value[0][s].timestamp)),1)],!0)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(r,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(o,d)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["calendar-date-cell",{"date-cell-disabled":t.disabledDate&&t.disabledDate(o.timestamp),"date-cell-in-view":o.inCurrentMonth,"date-cell-today":o.isCurrentDate,"date-cell-selected":v.value&&v.value===o.timestamp}]),key:d,title:W(o),onClick:h=>A(o)},[e.createElementVNode("div",ne,[e.createElementVNode("div",re,[e.renderSlot(t.$slots,"dateValue",e.mergeProps({ref_for:!0},o),()=>[e.createTextVNode(e.toDisplayString(U(o.dateObject.date,o.timestamp)),1)],!0)]),e.createElementVNode("div",se,[e.renderSlot(t.$slots,"dateContent",e.mergeProps({ref_for:!0},o),void 0,!0)])])],10,oe))),128))]))),128))])])])])):e.createCommentVNode("",!0),m.value==="year"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",de,[e.createElementVNode("table",ce,[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(r,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(o,d)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["calendar-date-cell date-cell-in-view",{"date-cell-today":o.isCurrent,"date-cell-selected":v.value&&e.unref(a.startOfMonth)(v.value).getTime()===o.timestamp}]),key:d,title:q(o),onClick:h=>J(o)},[e.createElementVNode("div",me,[e.createElementVNode("div",ve,[e.renderSlot(t.$slots,"monthValue",e.mergeProps({ref_for:!0},o),()=>[e.createTextVNode(e.toDisplayString(H(o.monthObject.month+1,o.timestamp)),1)],!0)]),e.createElementVNode("div",pe,[e.renderSlot(t.$slots,"monthContent",e.mergeProps({ref_for:!0},o),void 0,!0)])])],10,ie))),128))]))),128))])])])])):e.createCommentVNode("",!0)])],2))}});exports.default=fe;

package/lib/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/lib/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/lib/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/lib/colorpicker/ColorPicker.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPicker.vue2.cjs");;/* empty css                   */const r=require("../_virtual/_plugin-vue_export-helper.cjs"),t=r.default(e.default,[["__scopeId","data-v-49c5bc8a"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPicker.vue2.cjs");;/* empty css                   */const r=require("../_virtual/_plugin-vue_export-helper.cjs"),t=r.default(e.default,[["__scopeId","data-v-b199915c"]]);exports.default=t;