@keyblade/pro-components 1.13.8-alpha.39 → 1.13.8-alpha.40

package/es/pro-date-range-picker/pro-date-range-picker.vue2.js

@@ -1,21 +1,22 @@
-var U = Object.defineProperty, $ = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
-var R = (i, l, e) => l in i ? U(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, m = (i, l) => {
-  for (var e in l || (l = {}))
-    z.call(l, e) && R(i, e, l[e]);
-  if (E)
-    for (var e of E(l))
-      G.call(l, e) && R(i, e, l[e]);
-  return i;
-}, p = (i, l) => $(i, j(l));
-import { defineComponent as J, ref as n, computed as D, resolveComponent as T, createElementBlock as K, openBlock as O, normalizeClass as Q, createVNode as u, mergeProps as f, withCtx as h, createTextVNode as W, toDisplayString as X, nextTick as B } from "vue";
-import s from "dayjs";
-import { conclude as w } from "vue-global-config";
-import { globalProps as I } from "../global-props.js";
-import { range as y } from "./pro-date-range-picker.js";
-const Y = "keyblade-pro-date-range-picker", re = /* @__PURE__ */ J({
+var j = Object.defineProperty, z = Object.defineProperties;
+var G = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var I = (r, d, e) => d in r ? j(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e, c = (r, d) => {
+  for (var e in d || (d = {}))
+    J.call(d, e) && I(r, e, d[e]);
+  if (B)
+    for (var e of B(d))
+      K.call(d, e) && I(r, e, d[e]);
+  return r;
+}, f = (r, d) => z(r, G(d));
+import { defineComponent as O, ref as s, computed as h, createElementBlock as Q, openBlock as W, normalizeClass as X, createVNode as u, unref as m, mergeProps as P, withCtx as y, createTextVNode as Y, toDisplayString as Z, nextTick as w } from "vue";
+import { FormItem as F, DatePicker as N } from "@arco-design/web-vue";
+import i from "dayjs";
+import { conclude as q } from "vue-global-config";
+import { globalProps as x } from "../global-props.js";
+import { range as g } from "./pro-date-range-picker.js";
+const ee = "keyblade-pro-date-range-picker", se = /* @__PURE__ */ O({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -33,137 +34,134 @@ const Y = "keyblade-pro-date-range-picker", re = /* @__PURE__ */ J({
     disabledEndDate: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: l }) {
-    const e = i, g = l, P = n(), b = n(), k = n(), F = n(), S = n(), c = n(), v = D({
+  setup(r, { emit: d }) {
+    const e = r, S = d, b = s(), k = s(), v = s(), E = s(), C = s(), p = s(), V = h({
       get: () => e.modelValue[e.startField],
       set: (t) => {
-        t ? P.value = "success" : P.value = void 0, g("update:modelValue", p(m({}, e.modelValue), {
+        t ? b.value = "success" : b.value = void 0, S("update:modelValue", f(c({}, e.modelValue), {
           [e.startField]: t
         }));
       }
-    }), _ = D({
+    }), R = h({
       get: () => e.modelValue[e.endField],
       set: (t) => {
-        t ? b.value = "success" : b.value = void 0, g("update:modelValue", p(m({}, e.modelValue), {
+        t ? k.value = "success" : k.value = void 0, S("update:modelValue", f(c({}, e.modelValue), {
           [e.endField]: t
         }));
       }
-    }), N = (t) => {
+    }), A = (t) => {
       const a = () => {
-        var r;
+        var n;
         if (!e.modelValue[e.endField]) return !1;
-        let o = s(e.modelValue[e.endField]);
-        return e.intraday && !((r = e.datePickerProps) != null && r.showTime) && (o = o.add(1, "day")), s(t).isAfter(o);
+        let l = i(e.modelValue[e.endField]);
+        return e.intraday && !((n = e.datePickerProps) != null && n.showTime) && (l = l.add(1, "day")), i(t).isAfter(l);
       };
       return e.disabledStartDate ? e.disabledStartDate({ current: t, enabled: a() }) : a();
-    }, q = (t) => {
+    }, H = (t) => {
       const a = () => {
-        var d;
-        return e.modelValue[e.startField] ? (e.intraday && ((d = e.datePickerProps) != null && d.showTime) && t.setDate(t.getDate() + 1), s(t).isBefore(s(e.modelValue[e.startField]))) : !1;
+        var o;
+        return e.modelValue[e.startField] ? (e.intraday && ((o = e.datePickerProps) != null && o.showTime) && t.setDate(t.getDate() + 1), i(t).isBefore(i(e.modelValue[e.startField]))) : !1;
       };
       return e.disabledEndDate ? e.disabledEndDate({ current: t, enabled: a() }) : a();
-    }, x = (t) => {
+    }, L = (t) => {
       if (!e.modelValue[e.startField] || !t || !e.intraday) {
-        c.value = {};
+        p.value = {};
         return;
       }
-      const a = s(e.modelValue[e.startField]), o = s(t);
-      if (!a.isSame(o, "day")) {
-        c.value = {};
+      const a = i(e.modelValue[e.startField]), l = i(t);
+      if (!a.isSame(l, "day")) {
+        p.value = {};
         return;
       }
-      const d = a.hour(), r = a.minute(), L = a.second();
-      c.value = {
-        disabledHours: () => y(0, d),
-        disabledMinutes: (V) => V === d ? y(0, r) : [],
-        disabledSeconds: (V, M) => V === d && M === r ? y(0, L) : []
+      const o = a.hour(), n = a.minute(), _ = a.second();
+      p.value = {
+        disabledHours: () => g(0, o),
+        disabledMinutes: (D) => D === o ? g(0, n) : [],
+        disabledSeconds: (D, $) => D === o && $ === n ? g(0, _) : []
       };
-    }, A = () => {
+    }, M = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
-        a && t && s(a).isAfter(s(t)) && (v.value = t), !t && a && B(() => {
-          var d;
-          const o = (d = S.value) == null ? void 0 : d.$el.parentElement.querySelector("input");
-          o && o.click();
+        a && t && i(a).isAfter(i(t)) && (V.value = t), !t && a && w(() => {
+          var o;
+          const l = (o = C.value) == null ? void 0 : o.$el.parentElement.querySelector("input");
+          l && l.click();
         });
       });
-    }, H = () => {
+    }, U = () => {
       setTimeout(() => {
-        e.modelValue[e.endField] && !e.modelValue[e.startField] && B(() => {
+        e.modelValue[e.endField] && !e.modelValue[e.startField] && w(() => {
           var a;
-          const t = (a = F.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          const t = (a = E.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
           t && t.click();
         });
       });
-    }, C = D(() => {
+    }, T = h(() => {
       var t, a;
-      return p(m({}, w([e.datePickerProps, (t = I.dateRangePicker) == null ? void 0 : t.datePickerProps, {}])), {
-        timePickerProps: w([e.timePickerProps, (a = I.dateRangePicker) == null ? void 0 : a.timePickerProps], {})
+      return f(c({}, q([e.datePickerProps, (t = x.dateRangePicker) == null ? void 0 : t.datePickerProps, {}])), {
+        timePickerProps: q([e.timePickerProps, (a = x.dateRangePicker) == null ? void 0 : a.timePickerProps], {})
       });
     });
-    return (t, a) => {
-      const o = T("a-date-picker"), d = T("a-form-item");
-      return O(), K("div", {
-        class: Q(Y),
-        ref_key: "dateRef",
-        ref: k
-      }, [
-        u(d, f(t.formItemProps, {
-          "validate-status": P.value,
-          field: t.startField,
-          "hide-label": t.hideLabel
-        }), {
-          default: h(() => [
-            u(o, f({
-              ref_key: "startDatePickerRef",
-              ref: F,
-              modelValue: v.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (r) => v.value = r)
-            }, C.value, {
-              "popup-container": k.value,
-              placeholder: t.startPlaceholder,
-              "disabled-date": (r) => N(r),
-              onChange: A
-            }), null, 16, ["modelValue", "popup-container", "placeholder", "disabled-date"])
-          ]),
-          _: 1
-        }, 16, ["validate-status", "field", "hide-label"]),
-        u(d, {
-          "hide-label": "",
-          style: { "max-height": "32px", top: "0px" }
-        }, {
-          default: h(() => [
-            W(X(t.separator), 1)
-          ]),
-          _: 1
-        }),
-        u(d, f(t.formItemProps, {
-          "validate-status": b.value,
-          field: t.endField,
-          "hide-label": "",
-          style: { "margin-right": "0px" }
-        }), {
-          default: h(() => [
-            u(o, f({
-              ref_key: "endDatePickerRef",
-              ref: S,
-              modelValue: _.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (r) => _.value = r)
-            }, C.value, {
-              "popup-container": k.value,
-              placeholder: t.endPlaceholder,
-              "disabled-date": (r) => q(r),
-              "disabled-time": () => c.value,
-              onSelect: x,
-              onChange: H
-            }), null, 16, ["modelValue", "popup-container", "placeholder", "disabled-date", "disabled-time"])
-          ]),
-          _: 1
-        }, 16, ["validate-status", "field"])
-      ], 512);
-    };
+    return (t, a) => (W(), Q("div", {
+      class: X(ee),
+      ref_key: "dateRef",
+      ref: v
+    }, [
+      u(m(F), P(t.formItemProps, {
+        "validate-status": b.value,
+        field: t.startField,
+        "hide-label": t.hideLabel
+      }), {
+        default: y(() => [
+          u(m(N), P({
+            ref_key: "startDatePickerRef",
+            ref: E,
+            modelValue: V.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => V.value = l)
+          }, T.value, {
+            "popup-container": v.value,
+            placeholder: t.startPlaceholder,
+            "disabled-date": (l) => A(l),
+            onChange: M
+          }), null, 16, ["modelValue", "popup-container", "placeholder", "disabled-date"])
+        ]),
+        _: 1
+      }, 16, ["validate-status", "field", "hide-label"]),
+      u(m(F), {
+        "hide-label": "",
+        style: { "max-height": "32px", top: "0px" }
+      }, {
+        default: y(() => [
+          Y(Z(t.separator), 1)
+        ]),
+        _: 1
+      }),
+      u(m(F), P(t.formItemProps, {
+        "validate-status": k.value,
+        field: t.endField,
+        "hide-label": "",
+        style: { "margin-right": "0px" }
+      }), {
+        default: y(() => [
+          u(m(N), P({
+            ref_key: "endDatePickerRef",
+            ref: C,
+            modelValue: R.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => R.value = l)
+          }, T.value, {
+            "popup-container": v.value,
+            placeholder: t.endPlaceholder,
+            "disabled-date": (l) => H(l),
+            "disabled-time": () => p.value,
+            onSelect: L,
+            onChange: U
+          }), null, 16, ["modelValue", "popup-container", "placeholder", "disabled-date", "disabled-time"])
+        ]),
+        _: 1
+      }, 16, ["validate-status", "field"])
+    ], 512));
   }
 });
 export {
-  re as default
+  se as default
 };

package/es/pro-dates-picker/index.d.ts

@@ -1,14 +1,14 @@
 import { App } from 'vue';
 declare const ProDatesPicker: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProDatesPickerProps> & Readonly<{
-        onClear?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+        onClear?: ((ev: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        clear: (ev: FocusEvent) => any;
         "update:modelValue": (value: string | string[]) => any;
+        clear: (ev: FocusEvent) => any;
     }, import('vue').PublicProps, {
-        maxLength: number;
         allowClear: boolean;
+        maxLength: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         datePickerRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -19,28 +19,31 @@ declare const ProDatesPicker: {
         M: {};
         Defaults: {};
     }, Readonly<import('./interface').IProDatesPickerProps> & Readonly<{
-        onClear?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+        onClear?: ((ev: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        maxLength: number;
         allowClear: boolean;
+        maxLength: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProDatesPickerProps> & Readonly<{
-    onClear?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    onClear?: ((ev: FocusEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clear: (ev: FocusEvent) => any;
     "update:modelValue": (value: string | string[]) => any;
+    clear: (ev: FocusEvent) => any;
 }, string, {
-    maxLength: number;
     allowClear: boolean;
+    maxLength: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
 }) & {
     install: (app: App) => void;
 };
+/** 导出类型 */
+export * from './interface';
+/** 导出组件 */
 export { ProDatesPicker };
 export default ProDatesPicker;

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

@@ -1,13 +1,13 @@
-import { DatePicker as r, Popover as t } from "@arco-design/web-vue";
-import e from "./index.vue.js";
+import { DatePicker as r, Popover as t, Input as s } from "@arco-design/web-vue";
+import o from "./index.vue.js";
 /* empty css           */
-import { IconCalendar as s } from "@arco-design/web-vue/es/icon";
-const a = Object.assign(e, {
-  install: (o) => {
-    o.use(r), o.use(t), o.use(s), o.component("KbProDatesPicker", e);
+import { IconCalendar as i } from "@arco-design/web-vue/es/icon";
+const u = Object.assign(o, {
+  install: (e) => {
+    e.use(r), e.use(t), e.use(s), e.use(i), e.component("KbProDatesPicker", o);
   }
 });
 export {
-  a as ProDatesPicker,
-  a as default
+  u as ProDatesPicker,
+  u as default
 };

package/es/pro-dates-picker/index.vue.d.ts

@@ -9,14 +9,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProDatesPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clear: (ev: FocusEvent) => any;
     "update:modelValue": (value: string | string[]) => any;
+    clear: (ev: FocusEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IProDatesPickerProps> & Readonly<{
-    onClear?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    onClear?: ((ev: FocusEvent) => any) | undefined;
 }>, {
-    maxLength: number;
     allowClear: boolean;
+    maxLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     datePickerRef: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -1,20 +1,22 @@
-var V = Object.getOwnPropertySymbols;
-var j = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var P = (n, g) => {
-  var u = {};
-  for (var a in n)
-    j.call(n, a) && g.indexOf(a) < 0 && (u[a] = n[a]);
-  if (n != null && V)
-    for (var a of V(n))
-      g.indexOf(a) < 0 && O.call(n, a) && (u[a] = n[a]);
-  return u;
+var C = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var y = (s, k) => {
+  var m = {};
+  for (var r in s)
+    N.call(s, r) && k.indexOf(r) < 0 && (m[r] = s[r]);
+  if (s != null && C)
+    for (var r of C(s))
+      k.indexOf(r) < 0 && A.call(s, r) && (m[r] = s[r]);
+  return m;
 };
-import { defineComponent as T, ref as k, useSlots as U, useAttrs as W, computed as x, onMounted as q, resolveComponent as Y, createElementBlock as F, openBlock as G, normalizeClass as H, createVNode as _, withCtx as v, mergeProps as M, unref as h, withModifiers as J, createSlots as K, createElementVNode as $, normalizeStyle as Q, toDisplayString as X, renderList as Z, renderSlot as ee, normalizeProps as te, guardReactiveProps as oe } from "vue";
-import { conclude as b } from "vue-global-config";
-import { globalProps as w } from "../global-props.js";
-import p from "dayjs";
-import { initSelected as re, transDatesString as B } from "./util.js";
-const ae = ["onClick"], le = "keyblade-pro-dates-picker", de = /* @__PURE__ */ T({
+import { defineComponent as j, ref as Y, useSlots as O, useAttrs as T, computed as x, onMounted as U, createElementBlock as W, openBlock as q, normalizeClass as F, createVNode as P, unref as u, withCtx as g, mergeProps as M, withModifiers as G, createSlots as H, createElementVNode as S, normalizeStyle as J, toDisplayString as K, renderList as Q, renderSlot as X, normalizeProps as Z, guardReactiveProps as ee } from "vue";
+import { conclude as V } from "vue-global-config";
+import { Popover as te, Input as re, DatePicker as oe } from "@arco-design/web-vue";
+import { IconCalendar as le } from "@arco-design/web-vue/es/icon";
+import { globalProps as $ } from "../global-props.js";
+import d from "dayjs";
+import { initSelected as ae, transDatesString as b } from "./util.js";
+const ne = ["onClick"], se = "keyblade-pro-dates-picker", ge = /* @__PURE__ */ j({
   __name: "index",
   props: {
     modelValue: {},
@@ -36,101 +38,98 @@ const ae = ["onClick"], le = "keyblade-pro-dates-picker", de = /* @__PURE__ */ T
     datePickerProps: {}
   },
   emits: ["update:modelValue", "clear"],
-  setup(n, { emit: g }) {
-    const u = {
+  setup(s, { emit: k }) {
+    const m = {
       placeholder: "请选择日期",
       datePickerProps: {
         hideTrigger: !0
       }
-    }, a = g, c = n, C = k(), S = k(null), d = k(re(c.modelValue)), L = U(), R = W(), y = k(), z = x(() => {
-      const i = c, { datePickerProps: e } = i, l = P(i, ["datePickerProps"]), t = u, { datePickerProps: s } = t, m = P(t, ["datePickerProps"]);
-      return b([l, w.datesPicker || {}, m]);
-    }), E = x(() => {
+    }, r = k, c = s, h = Y(), _ = Y(null), f = Y(ae(c.modelValue)), w = O(), B = T(), D = Y(), I = x(() => {
+      const v = c, { datePickerProps: e } = v, a = y(v, ["datePickerProps"]), n = m, { datePickerProps: o } = n, i = y(n, ["datePickerProps"]);
+      return V([a, $.datesPicker || {}, i]);
+    }), L = x(() => {
       var e;
-      return b([c.datePickerProps, ((e = w.datesPicker) == null ? void 0 : e.datePickerProps) || {}, u.datePickerProps]);
-    }), r = x({
+      return V([c.datePickerProps, ((e = $.datesPicker) == null ? void 0 : e.datePickerProps) || {}, m.datePickerProps]);
+    }), t = x({
       get: () => c.modelValue,
       set: (e) => {
-        typeof e == "string" ? a("update:modelValue", e || "") : a("update:modelValue", e || []);
+        typeof e == "string" ? r("update:modelValue", e || "") : r("update:modelValue", e || []);
       }
     });
-    q(() => {
-      (c.modelValue === null || c.modelValue === void 0) && (r.value = []);
+    U(() => {
+      (c.modelValue === null || c.modelValue === void 0) && (t.value = []);
     });
-    const I = (e) => {
-      var m, f, i;
-      const l = p(e).format("YYYY-MM-DD"), s = d.value.findIndex((t) => p(t).format("YYYY-MM-DD") === p(e).format("YYYY-MM-DD"));
-      if (s !== -1) {
-        if (d.value.splice(s, 1), typeof r.value == "string") {
-          const t = l.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          let o = (m = B(r.value)) == null ? void 0 : m.replace(new RegExp(`${t}, `, "g"), "");
-          o = o == null ? void 0 : o.replace(new RegExp(`${t}`, "g"), ""), o = o == null ? void 0 : o.replace(/^, |, $/g, "").replace(/,{2,}/g, ",").trim(), r.value = o || "";
-        } else if (r.value) {
-          const t = (f = r.value) == null ? void 0 : f.findIndex((o) => p(o).format("YYYY-MM-DD") === p(e).format("YYYY-MM-DD"));
-          t !== -1 && r.value.splice(t, 1);
+    const R = (e) => {
+      var i, p, v;
+      const a = d(e).format("YYYY-MM-DD"), o = f.value.findIndex((n) => d(n).format("YYYY-MM-DD") === d(e).format("YYYY-MM-DD"));
+      if (o !== -1) {
+        if (f.value.splice(o, 1), typeof t.value == "string") {
+          const n = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          let l = (i = b(t.value)) == null ? void 0 : i.replace(new RegExp(`${n}, `, "g"), "");
+          l = l == null ? void 0 : l.replace(new RegExp(`${n}`, "g"), ""), l = l == null ? void 0 : l.replace(/^, |, $/g, "").replace(/,{2,}/g, ",").trim(), t.value = l || "";
+        } else if (t.value) {
+          const n = (p = t.value) == null ? void 0 : p.findIndex((l) => d(l).format("YYYY-MM-DD") === d(e).format("YYYY-MM-DD"));
+          n !== -1 && t.value.splice(n, 1);
         }
-        y.value = e.getDate();
+        D.value = e.getDate();
       } else
-        d.value.length < c.maxLength && (d.value.push(e), typeof r.value == "string" ? r.value += r.value ? `, ${l}` : l : (i = r.value) == null || i.push(l)), y.value = void 0;
-    }, N = (e) => y.value === e.getDate() ? { backgroundColor: "transparent", color: "var(--color-text-1)" } : d.value.some((s) => p(s).format("YYYY-MM-DD") === p(e).format("YYYY-MM-DD")) ? { backgroundColor: "rgb(var(--primary-6))", color: "var(--color-white)" } : {}, A = (e) => {
-      d.value = [], r.value = typeof r.value == "string" ? "" : [], a("clear", e);
-    };
-    return (e, l) => {
-      const s = Y("icon-calendar"), m = Y("a-input"), f = Y("a-date-picker"), i = Y("a-popover");
-      return G(), F("div", {
-        class: H(le),
-        ref_key: "datePickerRef",
-        ref: C
-      }, [
-        _(i, {
-          position: "bl",
-          "popup-container": C.value,
-          trigger: "click"
-        }, {
-          content: v(() => [
-            _(f, M(E.value, {
-              pickerValue: S.value,
-              "onUpdate:pickerValue": l[0] || (l[0] = (t) => S.value = t),
-              style: { width: "268px" }
-            }), K({
-              cell: v(({ date: t }) => [
-                $("div", {
-                  class: "arco-picker-date",
-                  onClick: (o) => I(t)
-                }, [
-                  $("div", {
-                    style: Q(N(t)),
-                    class: "arco-picker-date-value"
-                  }, X(t.getDate()), 5)
-                ], 8, ae)
-              ]),
-              _: 2
-            }, [
-              Z(h(L), (t, o) => ({
-                name: o,
-                fn: v((D) => [
-                  ee(e.$slots, o, te(oe(D != null ? D : {})))
-                ])
-              }))
-            ]), 1040, ["pickerValue"])
-          ]),
-          default: v(() => [
-            _(m, M(M(z.value, h(R)), {
-              "model-value": h(B)(r.value),
-              onClear: J(A, ["stop"])
-            }), {
-              suffix: v(() => [
-                _(s)
-              ]),
-              _: 1
-            }, 16, ["model-value"])
-          ]),
-          _: 3
-        }, 8, ["popup-container"])
-      ], 512);
+        f.value.length < c.maxLength && (f.value.push(e), typeof t.value == "string" ? t.value += t.value ? `, ${a}` : a : (v = t.value) == null || v.push(a)), D.value = void 0;
+    }, z = (e) => D.value === e.getDate() ? { backgroundColor: "transparent", color: "var(--color-text-1)" } : f.value.some((o) => d(o).format("YYYY-MM-DD") === d(e).format("YYYY-MM-DD")) ? { backgroundColor: "rgb(var(--primary-6))", color: "var(--color-white)" } : {}, E = (e) => {
+      f.value = [], t.value = typeof t.value == "string" ? "" : [], r("clear", e);
     };
+    return (e, a) => (q(), W("div", {
+      class: F(se),
+      ref_key: "datePickerRef",
+      ref: h
+    }, [
+      P(u(te), {
+        position: "bl",
+        "popup-container": h.value,
+        trigger: "click"
+      }, {
+        content: g(() => [
+          P(u(oe), M(L.value, {
+            pickerValue: _.value,
+            "onUpdate:pickerValue": a[0] || (a[0] = (o) => _.value = o),
+            style: { width: "268px" }
+          }), H({
+            cell: g(({ date: o }) => [
+              S("div", {
+                class: "arco-picker-date",
+                onClick: (i) => R(o)
+              }, [
+                S("div", {
+                  style: J(z(o)),
+                  class: "arco-picker-date-value"
+                }, K(o.getDate()), 5)
+              ], 8, ne)
+            ]),
+            _: 2
+          }, [
+            Q(u(w), (o, i) => ({
+              name: i,
+              fn: g((p) => [
+                X(e.$slots, i, Z(ee(p != null ? p : {})))
+              ])
+            }))
+          ]), 1040, ["pickerValue"])
+        ]),
+        default: g(() => [
+          P(u(re), M(M(I.value, u(B)), {
+            "model-value": u(b)(t.value),
+            onClear: G(E, ["stop"])
+          }), {
+            suffix: g(() => [
+              P(u(le))
+            ]),
+            _: 1
+          }, 16, ["model-value"])
+        ]),
+        _: 3
+      }, 8, ["popup-container"])
+    ], 512));
   }
 });
 export {
-  de as default
+  ge as default
 };

package/es/pro-find-password/index.d.ts

@@ -4,6 +4,8 @@ type ProFindPasswordType = typeof _ProFindPassword & {
     install: (app: App) => void;
 };
 declare const ProFindPassword: ProFindPasswordType;
+/** 导出类型 */
 export * from './interface';
+/** 导出组件 */
 export { ProFindPassword };
 export default ProFindPassword;

package/es/pro-find-password/index.js

@@ -1,12 +1,12 @@
 import o from "./index.vue.js";
 /* empty css           */
-import { Form as t, Input as r, Card as e, Button as n, Steps as i } from "@arco-design/web-vue";
-const c = Object.assign(o, {
+import { Card as t, Space as e, Steps as r, Form as n, Input as u, Button as i } from "@arco-design/web-vue";
+const f = Object.assign(o, {
   install: (s) => {
-    s.use(t), s.use(r), s.use(e), s.use(n), s.use(i), s.component("KbProFindPassword", o);
+    s.use(t), s.use(e), s.use(r), s.use(n), s.use(u), s.use(i), s.component("KbProFindPassword", o);
   }
 });
 export {
-  c as ProFindPassword,
-  c as default
+  f as ProFindPassword,
+  f as default
 };