@keyblade/pro-components 1.13.8-alpha.23 → 1.13.8-alpha.25

package/es/pro-calendar/calendar.vue.d.ts

@@ -1,5 +1,6 @@
 import { IProCalendarProps } from './inerface';
 import { EMode } from './enum';
+declare function changePageShowDate(type: 'prev' | 'next', unit: EMode): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -45,7 +46,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps, {
+    changePageShowDate: typeof changePageShowDate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (date: Date) => any;
     "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
@@ -54,11 +57,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps,
     "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
 }>, {
-    header: boolean | {
-        hideLeft?: boolean;
-        hideRight?: boolean;
-        slot?: "start" | "date" | "end";
-    };
+    header: boolean | import('./inerface').IHeaderObjProps;
     modes: (EMode.month | EMode.year)[];
     defaultMode: EMode.month | EMode.year;
     allowSelect: boolean;

package/es/pro-calendar/calendar.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as Q, useSlots as R, ref as k, computed as r, watch as U, createElementBlock as i, openBlock as m, mergeProps as v, createVNode as X, createCommentVNode as S, createSlots as b, withCtx as O, unref as u, renderSlot as P, normalizeClass as w, createBlock as x, toDisplayString as Z } from "vue";
+import { defineComponent as R, useSlots as U, ref as k, computed as r, watch as X, createElementBlock as i, openBlock as m, mergeProps as v, createVNode as Z, createCommentVNode as S, createSlots as O, withCtx as P, unref as u, renderSlot as x, normalizeClass as w, createBlock as A, toDisplayString as ee } from "vue";
 import "dayjs";
-import ee from "./month.vue.js";
-import ae from "./year.vue.js";
-import te from "./header.vue.js";
-import { getDayjsValue as A, getNow as oe, pickDataAttributes as le, methods as h } from "@arco-design/web-vue/es/_utils/date";
-import { getPrefixCls as ne } from "@arco-design/web-vue/es/_utils/global-config";
-import { useI18n as re } from "@arco-design/web-vue/es/locale";
-import { getAllDaysByTime as ue } from "./month.js";
+import ae from "./month.vue.js";
+import te from "./year.vue.js";
+import oe from "./header.vue.js";
+import { getDayjsValue as N, getNow as le, pickDataAttributes as ne, methods as h } from "@arco-design/web-vue/es/_utils/date";
+import { getPrefixCls as re } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as ue } from "@arco-design/web-vue/es/locale";
+import { getAllDaysByTime as de } from "./month.js";
 import { EMode as l } from "./enum.js";
-import { conclude as de } from "vue-global-config";
+import { conclude as se } from "vue-global-config";
 import { globalProps as C } from "../global-props.js";
-const we = /* @__PURE__ */ Q({
+const Ce = /* @__PURE__ */ R({
   __name: "calendar",
   props: {
     modelValue: {},
@@ -27,51 +27,51 @@ const we = /* @__PURE__ */ Q({
     panel: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "panelChange"],
-  setup(N, { emit: T }) {
-    function j(e, o) {
+  setup(T, { expose: j, emit: E }) {
+    function F(e, o) {
       return e === l.month || e === l.year && !o ? "YYYY-MM-DD" : "YYYY-MM";
     }
-    const t = N, s = T, D = R(), d = ne("calendar"), { t: g } = re(), V = k(t.defaultMode), n = r(() => t.mode ? t.mode : V.value), W = r(() => j(n.value, t.panel)), M = k(A(t.defaultValue || Date.now(), W.value)), p = r(() => t.modelValue ? A(t.modelValue, W.value) : M.value), a = k(p.value || oe());
-    U(p, (e) => {
+    const t = T, s = E, D = U(), d = re("calendar"), { t: g } = ue(), V = k(t.defaultMode), n = r(() => t.mode ? t.mode : V.value), W = r(() => F(n.value, t.panel)), M = k(N(t.defaultValue || Date.now(), W.value)), p = r(() => t.modelValue ? N(t.modelValue, W.value) : M.value), a = k(p.value || le());
+    X(p, (e) => {
       a.value = e;
     });
-    const B = r(() => ue(a.value, {
+    const B = r(() => de(a.value, {
       dayStartOfWeek: t.dayStartOfWeek,
       isWeek: t.isWeek
     }));
-    function E(e) {
+    function z(e) {
       a.value = e, s("panelChange", e.toDate());
     }
     function Y(e) {
-      M.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), E(e);
+      M.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), z(e);
     }
     function _(e, o = !1) {
       o || Y(e);
     }
-    const F = r(() => n.value === l.month ? g("calendar.formatMonth") : n.value === l.year ? g("calendar.formatYear") : "");
-    function z(e, o) {
+    const H = r(() => n.value === l.month ? g("calendar.formatMonth") : n.value === l.year ? g("calendar.formatYear") : "");
+    function $(e, o) {
       e.includes("prev") && (a.value = h.subtract(a.value, 1, o)), e.includes("next") && (a.value = h.add(a.value, 1, o)), s("panelChange", a.value.toDate());
     }
-    function H(e) {
+    function I(e) {
       const o = h.set(a.value, l.year, e);
       a.value = o, s("panelChange", o.toDate());
     }
-    function I(e) {
+    function q(e) {
       const o = h.set(a.value, l.month, e - 1);
       a.value = o, s("panelChange", o.toDate());
     }
-    function q(e) {
+    function G(e) {
       V.value = e;
     }
-    const G = r(() => [
+    const J = r(() => [
       d,
       n.value === l.month ? `${d}-mode-month` : `${d}-mode-year`,
       {
         [`${d}-panel`]: t.panel && (n.value === l.month || n.value === l.year)
       }
-    ]), J = r(() => t.panel ? { width: t.panelWidth } : {}), K = r(() => le(t)), L = r(() => {
+    ]), K = r(() => t.panel ? { width: t.panelWidth } : {}), L = r(() => ne(t)), Q = r(() => {
       var e;
-      return de([t.header, ((e = C.calendar) == null ? void 0 : e.header) || {}]);
+      return se([t.header, ((e = C.calendar) == null ? void 0 : e.header) || {}]);
     }), y = r(() => {
       var e, o;
       return {
@@ -79,26 +79,28 @@ const we = /* @__PURE__ */ Q({
         isWeek: ((o = C.calendar) == null ? void 0 : o.isWeek) || t.isWeek
       };
     });
-    return (e, o) => (m(), i("div", v({
-      class: G.value,
-      style: J.value
-    }, K.value), [
-      X(te, v(y.value, {
-        header: L.value,
+    return j({
+      changePageShowDate: $
+    }), (e, o) => (m(), i("div", v({
+      class: J.value,
+      style: K.value
+    }, L.value), [
+      Z(oe, v(y.value, {
+        header: Q.value,
         move: Y,
-        "header-value-format": F.value,
+        "header-value-format": H.value,
         modes: e.modes,
         mode: n.value,
         "page-show-date": a.value,
-        onModeChange: q,
-        onYearChange: H,
-        onMonthChange: I,
-        onChangePageShowDate: z
-      }), b({ _: 2 }, [
+        onModeChange: G,
+        onYearChange: I,
+        onMonthChange: q,
+        onChangePageShowDate: $
+      }), O({ _: 2 }, [
         u(D).header ? {
           name: "default",
-          fn: O(({ year: c, month: f }) => [
-            P(e.$slots, "header", {
+          fn: P(({ year: c, month: f }) => [
+            x(e.$slots, "header", {
               value: { year: c, month: f },
               year: c.toString(),
               month: f.toString().padStart(2, "0")
@@ -111,22 +113,22 @@ const we = /* @__PURE__ */ Q({
         key: 0,
         class: w(`${u(d)}-body`)
       }, [
-        (m(), x(ee, v(y.value, {
+        (m(), A(ae, v(y.value, {
           key: a.value.month(),
           "page-data": B.value,
           value: p.value,
           mode: n.value,
           "select-handler": _,
           "page-show-date": a.value
-        }), b({ _: 2 }, [
+        }), O({ _: 2 }, [
           u(D).default ? {
             name: "default",
-            fn: O(({ year: c, month: f, date: $ }) => [
-              P(e.$slots, "default", {
+            fn: P(({ year: c, month: f, date: b }) => [
+              x(e.$slots, "default", {
                 year: c.toString(),
                 month: f.toString().padStart(2, "0"),
-                date: $.toString().padStart(2, "0"),
-                value: { year: c, month: f, date: $ }
+                date: b.toString().padStart(2, "0"),
+                value: { year: c, month: f, date: b }
               })
             ]),
             key: "0"
@@ -137,7 +139,7 @@ const we = /* @__PURE__ */ Q({
         key: 1,
         class: w(`${u(d)}-body`)
       }, [
-        (m(), x(ae, v(y.value, {
+        (m(), A(te, v(y.value, {
           key: a.value.year(),
           "page-data": B.value,
           "page-show-date": a.value,
@@ -149,10 +151,10 @@ const we = /* @__PURE__ */ Q({
       e.panel && e.panelTodayBtn ? (m(), i("div", {
         key: 2,
         class: w(`${u(d)}-footer-btn-wrapper`)
-      }, Z(u(g)("today")), 3)) : S("", !0)
+      }, ee(u(g)("today")), 3)) : S("", !0)
     ], 16));
   }
 });
 export {
-  we as default
+  Ce as default
 };

package/es/pro-calendar/header.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as z, useSlots as T, computed as s, withDirectives as v, createElementBlock as h, openBlock as d, normalizeClass as n, unref as o, renderSlot as g, createCommentVNode as y, createElementVNode as i, createVNode as u, Fragment as C, createBlock as Y, createTextVNode as D, toDisplayString as b, withCtx as E, vShow as c } from "vue";
-import { Select as F, Radio as I } from "@arco-design/web-vue";
-import O from "@arco-design/web-vue/es/button";
-import R from "@arco-design/web-vue/es/icon/icon-left";
+import { defineComponent as z, useSlots as Y, computed as s, withDirectives as v, createElementBlock as m, openBlock as d, normalizeClass as n, unref as o, renderSlot as g, createCommentVNode as y, createElementVNode as i, createVNode as u, Fragment as C, createBlock as E, createTextVNode as D, toDisplayString as b, withCtx as I, vShow as c } from "vue";
+import { Select as F, Radio as O } from "@arco-design/web-vue";
+import R from "@arco-design/web-vue/es/button";
+import T from "@arco-design/web-vue/es/icon/icon-left";
 import L from "@arco-design/web-vue/es/icon/icon-right";
 import { getNow as W } from "@arco-design/web-vue/es/_utils/date";
 import { isArray as j } from "@arco-design/web-vue/es/_utils/is";
@@ -13,7 +13,6 @@ const ee = /* @__PURE__ */ z({
   props: {
     mode: {},
     modes: {},
-    headerType: {},
     pageShowDate: {},
     move: { type: Function },
     onYearChange: { type: Function },
@@ -28,10 +27,13 @@ const ee = /* @__PURE__ */ z({
   },
   emits: ["yearChange", "monthChange"],
   setup(B) {
-    const l = B, m = T(), t = A("calendar"), { t: S } = G(), M = s(() => j(l.modes) ? l.modes.map((e) => ({
+    const l = B, h = Y(), t = A("calendar"), { t: S } = G(), M = s(() => j(l.modes) ? l.modes.map((e) => ({
       label: S(`datePicker.view.${e}`),
       value: e
-    })) : []), N = s(() => l.headerType === "select"), r = s(() => l.pageShowDate.year()), p = s(() => l.pageShowDate.month() + 1), P = s(() => {
+    })) : []), N = s(() => {
+      var e;
+      return ((e = l.header) == null ? void 0 : e.headerType) === "select";
+    }), r = s(() => l.pageShowDate.year()), p = s(() => l.pageShowDate.month() + 1), P = s(() => {
       const e = [r.value];
       for (let a = 1; a <= 10; a++)
         e.unshift(r.value - a);
@@ -41,10 +43,10 @@ const ee = /* @__PURE__ */ z({
     }), V = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
     return (e, a) => {
       var w, $;
-      return v((d(), h("div", {
+      return v((d(), m("div", {
         class: n(`${o(t)}-header`)
       }, [
-        o(m).default && e.header.slot === "start" ? g(e.$slots, "default", {
+        o(h).default && e.header.slot === "start" ? g(e.$slots, "default", {
           key: 0,
           year: r.value,
           month: p.value
@@ -52,45 +54,45 @@ const ee = /* @__PURE__ */ z({
         v(i("div", {
           class: n(`${o(t)}-header-left`)
         }, [
-          N.value ? (d(), h(C, { key: 0 }, [
+          N.value ? (d(), m(C, { key: 0 }, [
             u(o(F), {
               size: "small",
               class: n(`${o(t)}-header-value-year`),
               "default-value": r.value,
               options: P.value,
               onChange: a[0] || (a[0] = (f) => {
-                console.log("change"), e.onYearChange(Number(f));
+                e.onYearChange(Number(f));
               }),
               "popup-container": `${o(t)}-header`
             }, null, 8, ["class", "default-value", "options", "popup-container"]),
-            e.mode === o(k).month ? (d(), Y(o(F), {
+            e.mode === o(k).month ? (d(), E(o(F), {
               key: 0,
               size: "small",
               class: n(`${o(t)}-header-value-month`),
               "default-value": p.value,
               options: V,
               onChange: a[1] || (a[1] = (f) => {
-                console.log("change"), e.onMonthChange(Number(f));
+                e.onMonthChange(Number(f));
               }),
               "popup-container": `${o(t)}-header`
             }, null, 8, ["class", "default-value", "popup-container"])) : y("", !0)
-          ], 64)) : (d(), h(C, { key: 1 }, [
+          ], 64)) : (d(), m(C, { key: 1 }, [
             i("div", {
               class: n(`${o(t)}-header-icon`),
               role: "button",
               tabindex: "0",
               onClick: a[2] || (a[2] = () => e.onChangePageShowDate("prev", e.mode || o(k).month))
             }, [
-              u(o(R))
+              u(o(T))
             ], 2),
             i("div", {
               class: n(`${o(t)}-header-value`)
             }, [
-              o(m).default && (e.header.slot === "date" || !e.header.slot) ? g(e.$slots, "default", {
+              o(h).default && (e.header.slot === "date" || !e.header.slot) ? g(e.$slots, "default", {
                 key: 0,
                 year: r.value,
                 month: p.value
-              }) : (d(), h(C, { key: 1 }, [
+              }) : (d(), m(C, { key: 1 }, [
                 D(b(e.pageShowDate.format(e.headerValueFormat)), 1)
               ], 64))
             ], 2),
@@ -103,11 +105,11 @@ const ee = /* @__PURE__ */ z({
               u(o(L))
             ], 2)
           ], 64)),
-          u(o(O), {
+          u(o(R), {
             size: "small",
             onClick: a[4] || (a[4] = () => e.move(o(W)()))
           }, {
-            default: E(() => [
+            default: I(() => [
               D(b(o(S)("datePicker.today")), 1)
             ]),
             _: 1
@@ -118,7 +120,7 @@ const ee = /* @__PURE__ */ z({
         v(i("div", {
           class: n(`${o(t)}-header-right`)
         }, [
-          u(o(I).Group, {
+          u(o(O).Group, {
             size: "small",
             type: "button",
             options: M.value,
@@ -128,7 +130,7 @@ const ee = /* @__PURE__ */ z({
         ], 2), [
           [c, !(($ = e.header) != null && $.hideRight)]
         ]),
-        o(m).default && e.header.slot === "end" ? g(e.$slots, "default", {
+        o(h).default && e.header.slot === "end" ? g(e.$slots, "default", {
           key: 1,
           year: r.value,
           month: p.value

package/es/pro-calendar/index.d.ts

@@ -7,16 +7,14 @@ declare const ProCalendar: {
         onChange?: ((date: Date) => any) | undefined;
         "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         change: (date: Date) => any;
         "update:modelValue": (date: Date) => any;
         panelChange: (date: Date) => any;
     }, import('vue').PublicProps, {
-        header: boolean | {
-            hideLeft?: boolean;
-            hideRight?: boolean;
-            slot?: "start" | "date" | "end";
-        };
+        header: boolean | import('./inerface').IHeaderObjProps;
         modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
         defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
         allowSelect: boolean;
@@ -35,12 +33,10 @@ declare const ProCalendar: {
         onChange?: ((date: Date) => any) | undefined;
         "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        header: boolean | {
-            hideLeft?: boolean;
-            hideRight?: boolean;
-            slot?: "start" | "date" | "end";
-        };
+    }>, {
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+    }, {}, {}, {}, {
+        header: boolean | import('./inerface').IHeaderObjProps;
         modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
         defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
         allowSelect: boolean;
@@ -56,16 +52,14 @@ declare const ProCalendar: {
     onChange?: ((date: Date) => any) | undefined;
     "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (date: Date) => any;
     "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
 }, string, {
-    header: boolean | {
-        hideLeft?: boolean;
-        hideRight?: boolean;
-        slot?: "start" | "date" | "end";
-    };
+    header: boolean | import('./inerface').IHeaderObjProps;
     modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
     defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
     allowSelect: boolean;

package/es/pro-calendar/inerface.d.ts

@@ -1,13 +1,15 @@
 import { Dayjs } from 'dayjs';
 import { EMode } from './enum';
-/**
-  * @zh 隐藏头部
-  */
-type IHeaderProps = boolean | {
+export type IHeaderObjProps = {
     hideLeft?: boolean;
     hideRight?: boolean;
+    headerType?: 'select';
     slot?: 'start' | 'date' | 'end';
 };
+/**
+  * @zh 隐藏头部
+  */
+type IHeaderProps = boolean | IHeaderObjProps;
 interface IProCalendarBase {
     /** 0:周末开始 ｜ 1:周一开始 */
     dayStartOfWeek?: 0 | 1;
@@ -25,7 +27,6 @@ export interface IProCalendarHeader extends IProCalendarBase {
     /** 模式 */
     mode?: EMode.month | EMode.year;
     modes?: (EMode.month | EMode.year)[];
-    headerType?: string;
     pageShowDate: Dayjs;
     move: (time: Dayjs) => void;
     /** 年变化 */

package/es/pro-date-range-picker/inerface.d.ts

@@ -21,9 +21,9 @@ export interface IProDateRangePickerProps {
     hideLabel?: boolean;
     formItemProps?: FormItemInstance;
     /** 日期选择器配置 */
-    datePickerProps?: RangePickerProps;
+    datePickerProps?: Partial<RangePickerProps>;
     /** 时间选择器配置 */
-    timePickerProps?: TimePickerProps;
+    timePickerProps?: Partial<TimePickerProps>;
     /** 自定义禁用开始日期 */
     disabledStartDate?: (params: {
         current: Date;

package/es/pro-dates-picker/index.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as N, ref as m, useSlots as A, useAttrs as j, computed as Y, resolveComponent as f, createElementBlock as O, openBlock as T, normalizeClass as U, createVNode as v, withCtx as u, mergeProps as _, unref as P, withModifiers as W, createSlots as q, createElementVNode as M, normalizeStyle as F, toDisplayString as G, renderList as H, renderSlot as J, normalizeProps as K, guardReactiveProps as Q } from "vue";
+import { defineComponent as N, ref as m, useSlots as A, useAttrs as j, computed as Y, onMounted as O, resolveComponent as f, createElementBlock as T, openBlock as U, normalizeClass as W, createVNode as v, withCtx as u, mergeProps as _, unref as P, withModifiers as q, createSlots as F, createElementVNode as M, normalizeStyle as G, toDisplayString as H, renderList as J, renderSlot as K, normalizeProps as Q, guardReactiveProps as X } from "vue";
 import { conclude as h } from "vue-global-config";
 import { globalProps as C } from "../global-props.js";
-import n from "dayjs";
-import { initSelected as X, transDatesString as S } from "./util.js";
-const Z = ["onClick"], ee = "keyblade-pro-dates-picker", ne = /* @__PURE__ */ N({
+import s from "dayjs";
+import { initSelected as Z, transDatesString as S } from "./util.js";
+const ee = ["onClick"], te = "keyblade-pro-dates-picker", se = /* @__PURE__ */ N({
   __name: "index",
   props: {
     modelValue: {},
@@ -31,39 +31,43 @@ const Z = ["onClick"], ee = "keyblade-pro-dates-picker", ne = /* @__PURE__ */ N(
       datePickerProps: {
         hideTrigger: !0
       }
-    }, g = $, i = V, D = m(), x = m(null), s = m(X(i.modelValue)), b = A(), w = j(), k = m(), B = Y(() => {
-      const { datePickerProps: e, ...a } = i, { datePickerProps: l, ...c } = y;
-      return h([a, C.datesPicker || {}, c]);
+    }, g = $, l = V, D = m(), x = m(null), c = m(Z(l.modelValue)), b = A(), w = j(), k = m(), B = Y(() => {
+      const { datePickerProps: e, ...a } = l, { datePickerProps: n, ...i } = y;
+      return h([a, C.datesPicker || {}, i]);
     }), L = Y(() => {
       var e;
-      return h([i.datePickerProps, ((e = C.datesPicker) == null ? void 0 : e.datePickerProps) || {}, y.datePickerProps]);
-    }), r = Y({
-      get: () => i.modelValue,
+      return h([l.datePickerProps, ((e = C.datesPicker) == null ? void 0 : e.datePickerProps) || {}, y.datePickerProps]);
+    }), o = Y({
+      get: () => l.modelValue,
       set: (e) => {
         typeof e == "string" ? g("update:modelValue", e || "") : g("update:modelValue", e || []);
       }
-    }), R = (e) => {
-      var c, p, d;
-      const a = n(e).format("YYYY-MM-DD"), l = s.value.findIndex((o) => n(o).format("YYYY-MM-DD") === n(e).format("YYYY-MM-DD"));
-      if (l !== -1) {
-        if (s.value.splice(l, 1), typeof r.value == "string") {
-          const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          let t = (c = S(r.value)) == null ? void 0 : c.replace(new RegExp(`${o}, `, "g"), "");
-          t = t == null ? void 0 : t.replace(new RegExp(`${o}`, "g"), ""), t = t == null ? void 0 : t.replace(/^, |, $/g, "").replace(/,{2,}/g, ",").trim(), r.value = t || "";
-        } else if (r.value) {
-          const o = (p = r.value) == null ? void 0 : p.findIndex((t) => n(t).format("YYYY-MM-DD") === n(e).format("YYYY-MM-DD"));
-          o !== -1 && r.value.splice(o, 1);
+    });
+    O(() => {
+      (l.modelValue === null || l.modelValue === void 0) && (o.value = []);
+    });
+    const R = (e) => {
+      var i, p, d;
+      const a = s(e).format("YYYY-MM-DD"), n = c.value.findIndex((r) => s(r).format("YYYY-MM-DD") === s(e).format("YYYY-MM-DD"));
+      if (n !== -1) {
+        if (c.value.splice(n, 1), typeof o.value == "string") {
+          const r = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          let t = (i = S(o.value)) == null ? void 0 : i.replace(new RegExp(`${r}, `, "g"), "");
+          t = t == null ? void 0 : t.replace(new RegExp(`${r}`, "g"), ""), t = t == null ? void 0 : t.replace(/^, |, $/g, "").replace(/,{2,}/g, ",").trim(), o.value = t || "";
+        } else if (o.value) {
+          const r = (p = o.value) == null ? void 0 : p.findIndex((t) => s(t).format("YYYY-MM-DD") === s(e).format("YYYY-MM-DD"));
+          r !== -1 && o.value.splice(r, 1);
         }
         k.value = e.getDate();
       } else
-        s.value.length < i.maxLength && (s.value.push(e), typeof r.value == "string" ? r.value += r.value ? `, ${a}` : a : (d = r.value) == null || d.push(a)), k.value = void 0;
-    }, z = (e) => k.value === e.getDate() ? { backgroundColor: "transparent", color: "var(--color-text-1)" } : s.value.some((l) => n(l).format("YYYY-MM-DD") === n(e).format("YYYY-MM-DD")) ? { backgroundColor: "rgb(var(--primary-6))", color: "var(--color-white)" } : {}, E = (e) => {
-      s.value = [], r.value = typeof r.value == "string" ? "" : [], g("clear", e);
+        c.value.length < l.maxLength && (c.value.push(e), typeof o.value == "string" ? o.value += o.value ? `, ${a}` : a : (d = o.value) == null || d.push(a)), k.value = void 0;
+    }, z = (e) => k.value === e.getDate() ? { backgroundColor: "transparent", color: "var(--color-text-1)" } : c.value.some((n) => s(n).format("YYYY-MM-DD") === s(e).format("YYYY-MM-DD")) ? { backgroundColor: "rgb(var(--primary-6))", color: "var(--color-white)" } : {}, E = (e) => {
+      c.value = [], o.value = typeof o.value == "string" ? "" : [], g("clear", e);
     };
     return (e, a) => {
-      const l = f("icon-calendar"), c = f("a-input"), p = f("a-date-picker"), d = f("a-popover");
-      return T(), O("div", {
-        class: U(ee),
+      const n = f("icon-calendar"), i = f("a-input"), p = f("a-date-picker"), d = f("a-popover");
+      return U(), T("div", {
+        class: W(te),
         ref_key: "datePickerRef",
         ref: D
       }, [
@@ -75,37 +79,37 @@ const Z = ["onClick"], ee = "keyblade-pro-dates-picker", ne = /* @__PURE__ */ N(
           content: u(() => [
             v(p, _(L.value, {
               pickerValue: x.value,
-              "onUpdate:pickerValue": a[0] || (a[0] = (o) => x.value = o),
+              "onUpdate:pickerValue": a[0] || (a[0] = (r) => x.value = r),
               style: { width: "268px" }
-            }), q({
-              cell: u(({ date: o }) => [
+            }), F({
+              cell: u(({ date: r }) => [
                 M("div", {
                   class: "arco-picker-date",
-                  onClick: (t) => R(o)
+                  onClick: (t) => R(r)
                 }, [
                   M("div", {
-                    style: F(z(o)),
+                    style: G(z(r)),
                     class: "arco-picker-date-value"
-                  }, G(o.getDate()), 5)
-                ], 8, Z)
+                  }, H(r.getDate()), 5)
+                ], 8, ee)
               ]),
               _: 2
             }, [
-              H(P(b), (o, t) => ({
+              J(P(b), (r, t) => ({
                 name: t,
                 fn: u((I) => [
-                  J(e.$slots, t, K(Q(I ?? {})))
+                  K(e.$slots, t, Q(X(I ?? {})))
                 ])
               }))
             ]), 1040, ["pickerValue"])
           ]),
           default: u(() => [
-            v(c, _(_(B.value, P(w)), {
-              "model-value": P(S)(r.value),
-              onClear: W(E, ["stop"])
+            v(i, _(_(B.value, P(w)), {
+              "model-value": P(S)(o.value),
+              onClear: q(E, ["stop"])
             }), {
               suffix: u(() => [
-                v(l)
+                v(n)
               ]),
               _: 1
             }, 16, ["model-value"])
@@ -117,5 +121,5 @@ const Z = ["onClick"], ee = "keyblade-pro-dates-picker", ne = /* @__PURE__ */ N(
   }
 });
 export {
-  ne as default
+  se as default
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.13.8-alpha.23",
+  "version": "1.13.8-alpha.25",
   "private": false,
   "type": "module",
   "main": "es/index.js",