@keyblade/pro-components 1.13.8-alpha.21 → 1.13.8-alpha.22

package/es/components.d.ts

@@ -1,6 +1,7 @@
 declare module 'vue' {
     interface GlobalComponents {
         KbProDateRangePicker: typeof import('./index')['ProDateRangePicker'];
+        KbProDatesPicker: typeof import('./index')['ProDatesPicker'];
         KbProImageUpload: typeof import('./index')['ProImageUpload'];
         KbProPageHeader: typeof import('./index')['ProPageHeader'];
         KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];

package/es/global-props.d.ts

@@ -3,9 +3,11 @@ import { ProTableProps } from './pro-table/interface';
 import { ProTextareaProps } from './pro-textarea';
 import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
 import { ProCalendarProps } from './pro-calendar';
+import { ProDatesPickerProps } from './pro-dates-picker/inerface';
 export interface GlobalProps {
     footerBar?: ProFooterBarProps;
     dateRangePicker?: ProDateRangePickerProps;
+    datesPicker?: ProDatesPickerProps;
     textarea?: ProTextareaProps;
     table?: ProTableProps;
     calendar?: ProCalendarProps;

package/es/index.d.ts

@@ -15,6 +15,7 @@ export { default as ProReuseTabs } from './pro-reuse-tabs';
 export type { IProTab } from './pro-reuse-tabs';
 export { default as ProImageUpload } from './pro-image-upload';
 export * from './pro-image-upload';
+export { default as ProDatesPicker } from './pro-dates-picker';
 export { default as ProDateRangePicker } from './pro-date-range-picker';
 export { default as ProTextarea } from './pro-textarea';
 export { default as ProTable } from './pro-table';

package/es/index.js

@@ -5,26 +5,28 @@ import { ProMenu as i } from "./pro-menu/index.js";
 import { ProPageContainer as s } from "./pro-page-container/index.js";
 import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
 import { ProImageUpload as f } from "./pro-image-upload/index.js";
-import { ProDateRangePicker as P } from "./pro-date-range-picker/index.js";
-import { ProTable as a } from "./pro-table/index.js";
-import { ProTextarea as l } from "./pro-textarea/index.js";
-import { ProFooterBar as n } from "./pro-footer-bar/index.js";
-import { ProFormGroup as d } from "./pro-form-group/index.js";
-import g from "./pro-calendar/index.js";
-import { globalProps as x } from "./global-props.js";
-import { EImageUploadInnerBeforeUploadStep as D } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as G } from "./pro-image-upload/constant.js";
-const w = {
+import { ProDatesPicker as P } from "./pro-dates-picker/index.js";
+import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
+import { ProTable as l } from "./pro-table/index.js";
+import { ProTextarea as n } from "./pro-textarea/index.js";
+import { ProFooterBar as d } from "./pro-footer-bar/index.js";
+import { ProFormGroup as g } from "./pro-form-group/index.js";
+import x from "./pro-calendar/index.js";
+import { globalProps as b } from "./global-props.js";
+import { EImageUploadInnerBeforeUploadStep as G } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as K } from "./pro-image-upload/constant.js";
+const y = {
   install(o, r) {
-    Object.assign(x, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(u), o.use(f), o.use(P), o.use(l), o.use(a), o.use(d), o.use(g);
+    Object.assign(b, r || {}), o.use(e), o.use(m), o.use(t), o.use(d), o.use(i), o.use(s), o.use(u), o.use(f), o.use(P), o.use(a), o.use(n), o.use(l), o.use(g), o.use(x);
   }
 };
 export {
-  D as EImageUploadInnerBeforeUploadStep,
-  g as ProCalendar,
-  P as ProDateRangePicker,
-  n as ProFooterBar,
-  d as ProFormGroup,
+  G as EImageUploadInnerBeforeUploadStep,
+  x as ProCalendar,
+  a as ProDateRangePicker,
+  P as ProDatesPicker,
+  d as ProFooterBar,
+  g as ProFormGroup,
   f as ProImageUpload,
   m as ProKeepAliveRouterView,
   t as ProLayout,
@@ -32,8 +34,8 @@ export {
   s as ProPageContainer,
   e as ProPageHeader,
   u as ProReuseTabs,
-  a as ProTable,
-  l as ProTextarea,
-  w as default,
-  G as defaultImageUploadOptions
+  l as ProTable,
+  n as ProTextarea,
+  y as default,
+  K as defaultImageUploadOptions
 };

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

@@ -1,7 +1,6 @@
-import { defineComponent as P, useSlots as V, computed as s, withDirectives as h, createElementBlock as m, openBlock as i, normalizeClass as n, unref as o, createElementVNode as p, createVNode as d, Fragment as g, createBlock as z, createCommentVNode as T, renderSlot as Y, createTextVNode as k, toDisplayString as w, withCtx as E, vShow as f } from "vue";
-import $ from "@arco-design/web-vue/es/select";
-import I from "@arco-design/web-vue/es/button";
-import O from "@arco-design/web-vue/es/radio";
+import { defineComponent as P, useSlots as V, computed as s, withDirectives as h, createElementBlock as u, openBlock as i, normalizeClass as n, unref as o, createElementVNode as d, createVNode as p, Fragment as g, createBlock as z, createCommentVNode as T, renderSlot as Y, createTextVNode as k, toDisplayString as w, withCtx as E, vShow as f } from "vue";
+import { Select as $, 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 L from "@arco-design/web-vue/es/icon/icon-right";
 import { getNow as W } from "@arco-design/web-vue/es/_utils/date";
@@ -9,7 +8,7 @@ import { isArray as j } from "@arco-design/web-vue/es/_utils/is";
 import { getPrefixCls as A } from "@arco-design/web-vue/es/_utils/global-config";
 import { useI18n as G } from "@arco-design/web-vue/es/locale";
 import { EMode as v } from "./enum.js";
-const oe = /* @__PURE__ */ P({
+const ee = /* @__PURE__ */ P({
   __name: "header",
   props: {
     mode: {},
@@ -42,20 +41,20 @@ const oe = /* @__PURE__ */ P({
     }), N = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
     return (e, a) => {
       var C, S;
-      return h((i(), m("div", {
+      return h((i(), u("div", {
         class: n(`${o(t)}-header`)
       }, [
-        h(p("div", {
+        h(d("div", {
           class: n(`${o(t)}-header-left`)
         }, [
-          B.value ? (i(), m(g, { key: 0 }, [
-            d(o($), {
+          B.value ? (i(), u(g, { key: 0 }, [
+            p(o($), {
               size: "small",
               class: n(`${o(t)}-header-value-year`),
               "default-value": l.value,
               options: M.value,
-              onChange: a[0] || (a[0] = (u) => {
-                console.log("change"), e.onYearChange(Number(u));
+              onChange: a[0] || (a[0] = (m) => {
+                console.log("change"), e.onYearChange(Number(m));
               }),
               "popup-container": `${o(t)}-header`
             }, null, 8, ["class", "default-value", "options", "popup-container"]),
@@ -65,41 +64,41 @@ const oe = /* @__PURE__ */ P({
               class: n(`${o(t)}-header-value-month`),
               "default-value": y.value,
               options: N,
-              onChange: a[1] || (a[1] = (u) => {
-                console.log("change"), e.onMonthChange(Number(u));
+              onChange: a[1] || (a[1] = (m) => {
+                console.log("change"), e.onMonthChange(Number(m));
               }),
               "popup-container": `${o(t)}-header`
             }, null, 8, ["class", "default-value", "popup-container"])) : T("", !0)
-          ], 64)) : (i(), m(g, { key: 1 }, [
-            p("div", {
+          ], 64)) : (i(), u(g, { key: 1 }, [
+            d("div", {
               class: n(`${o(t)}-header-icon`),
               role: "button",
               tabindex: "0",
               onClick: a[2] || (a[2] = () => e.onChangePageShowDate("prev", e.mode || o(v).month))
             }, [
-              d(o(R))
+              p(o(R))
             ], 2),
-            p("div", {
+            d("div", {
               class: n(`${o(t)}-header-value`)
             }, [
               o(b).default ? Y(e.$slots, "default", {
                 key: 0,
                 year: l.value,
                 month: y.value
-              }) : (i(), m(g, { key: 1 }, [
+              }) : (i(), u(g, { key: 1 }, [
                 k(w(e.pageShowDate.format(e.headerValueFormat)), 1)
               ], 64))
             ], 2),
-            p("div", {
+            d("div", {
               role: "button",
               tabindex: "0",
               class: n(`${o(t)}-header-icon`),
               onClick: a[3] || (a[3] = () => e.onChangePageShowDate("next", e.mode || o(v).month))
             }, [
-              d(o(L))
+              p(o(L))
             ], 2)
           ], 64)),
-          d(o(I), {
+          p(o(O), {
             size: "small",
             onClick: a[4] || (a[4] = () => e.move(o(W)()))
           }, {
@@ -111,10 +110,10 @@ const oe = /* @__PURE__ */ P({
         ], 2), [
           [f, !((C = e.header) != null && C.hideLeft)]
         ]),
-        h(p("div", {
+        h(d("div", {
           class: n(`${o(t)}-header-right`)
         }, [
-          d(o(O).Group, {
+          p(o(I).Group, {
             size: "small",
             type: "button",
             options: F.value,
@@ -131,5 +130,5 @@ const oe = /* @__PURE__ */ P({
   }
 });
 export {
-  oe as default
+  ee as default
 };

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

@@ -5,11 +5,11 @@ declare const ProDateRangePicker: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:modelValue": (value: import('./inerface').IModelValue) => any;
     }, import('vue').PublicProps, {
+        separator: string;
         startField: string;
         endField: string;
         startPlaceholder: string;
         endPlaceholder: string;
-        separator: string;
         hideLabel: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         startDatePickerRef: unknown;
@@ -24,11 +24,11 @@ declare const ProDateRangePicker: {
     }, Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        separator: string;
         startField: string;
         endField: string;
         startPlaceholder: string;
         endPlaceholder: string;
-        separator: string;
         hideLabel: boolean;
     }>;
     __isFragment?: never;
@@ -39,11 +39,11 @@ declare const ProDateRangePicker: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import('./inerface').IModelValue) => any;
 }, string, {
+    separator: string;
     startField: string;
     endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
-    separator: string;
     hideLabel: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;

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

@@ -1,4 +1,6 @@
-import { DatePickerInstance, FormItemInstance, TimePickerInstance } from '@arco-design/web-vue';
+import { FormItemInstance } from '@arco-design/web-vue';
+import { TimePickerProps } from '@arco-design/web-vue/es/time-picker/interface';
+import { RangePickerProps } from '@arco-design/web-vue/es/date-picker/interface';
 export interface IModelValue {
     [key: string]: any;
 }
@@ -19,9 +21,9 @@ export interface IProDateRangePickerProps {
     hideLabel?: boolean;
     formItemProps?: FormItemInstance;
     /** 日期选择器配置 */
-    datePickerProps?: DatePickerInstance;
+    datePickerProps?: RangePickerProps;
     /** 时间选择器配置 */
-    timePickerProps?: TimePickerInstance['$props'];
+    timePickerProps?: TimePickerProps;
     /** 自定义禁用开始日期 */
     disabledStartDate?: (params: {
         current: Date;

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

@@ -4,11 +4,11 @@ declare const _default: import('vue').DefineComponent<IProDateRangePickerProps,
 }, string, import('vue').PublicProps, Readonly<IProDateRangePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
 }>, {
+    separator: string;
     startField: string;
     endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
-    separator: string;
     hideLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     startDatePickerRef: unknown;

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

@@ -1,7 +1,7 @@
 import o from "./pro-date-range-picker.vue2.js";
 /* empty css                           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d4745325"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9c48fc7f"]]);
 export {
-  _ as default
+  e as default
 };

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

@@ -71,7 +71,7 @@ const $ = "keyblade-pro-date-range-picker", O = /* @__PURE__ */ x({
     }, w = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
-        a && o(a).isAfter(o(t)) && (p.value = t), !t && a && F(() => {
+        a && t && o(a).isAfter(o(t)) && (p.value = t), !t && a && F(() => {
           var l;
           const r = (l = D.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
           r && r.click();

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

@@ -0,0 +1,43 @@
+import { App } from 'vue';
+declare const ProDatesPicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProDatesPickerProps> & Readonly<{
+        onClear?: ((ev: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        clear: (ev: FocusEvent) => any;
+        "update:modelValue": (value: string) => any;
+    }, import('vue').PublicProps, {
+        allowClear: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        datePickerRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./inerface').IProDatesPickerProps> & Readonly<{
+        onClear?: ((ev: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        allowClear: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProDatesPickerProps> & Readonly<{
+    onClear?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: (ev: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    allowClear: boolean;
+}, {}, 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 { ProDatesPicker };
+export default ProDatesPicker;

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

@@ -0,0 +1,12 @@
+import { DatePicker as o } from "@arco-design/web-vue";
+import e from "./index.vue.js";
+/* empty css           */
+const a = Object.assign(e, {
+  install: (t) => {
+    t.use(o), t.component("KbProDatesPicker", e);
+  }
+});
+export {
+  a as ProDatesPicker,
+  a as default
+};

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

@@ -0,0 +1,28 @@
+import { IProDatesPickerProps } from './inerface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    refs: {
+        datePickerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+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) => any;
+}, string, import('vue').PublicProps, Readonly<IProDatesPickerProps> & Readonly<{
+    onClear?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    allowClear: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    datePickerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,116 @@
+import { defineComponent as A, ref as u, useSlots as j, useAttrs as I, computed as _, resolveComponent as m, createElementBlock as O, openBlock as T, normalizeClass as U, createVNode as v, withCtx as p, mergeProps as g, unref as C, createSlots as W, createElementVNode as h, normalizeStyle as q, toDisplayString as F, renderList as G, renderSlot as H, normalizeProps as J, guardReactiveProps as K } from "vue";
+import { conclude as M } from "vue-global-config";
+import { globalProps as S } from "../global-props.js";
+import i from "dayjs";
+const Q = ["onClick"], X = "keyblade-pro-dates-picker", re = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    size: {},
+    allowClear: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    error: { type: Boolean },
+    placeholder: {},
+    maxLength: {},
+    showWordLimit: { type: Boolean },
+    wordLength: {},
+    wordSlice: {},
+    inputAttrs: {},
+    type: {},
+    prepend: {},
+    append: {},
+    datePickerProps: {}
+  },
+  emits: ["update:modelValue", "clear"],
+  setup(V, { emit: $ }) {
+    var x;
+    const P = {
+      placeholder: "请选择日期",
+      datePickerProps: {
+        hideTrigger: !0
+      }
+    }, Y = $, d = V, y = u(), D = u(null), s = u(((x = d.modelValue) == null ? void 0 : x.split(",").map((e) => new Date(e))) || []), b = j(), w = I(), f = u(), B = _(() => {
+      const { datePickerProps: e, ...o } = d, { datePickerProps: r, ...n } = P;
+      return M([o, S.datesPicker || {}, n]);
+    }), R = _(() => {
+      var e;
+      return M([d.datePickerProps, ((e = S.datesPicker) == null ? void 0 : e.datePickerProps) || {}, P.datePickerProps]);
+    }), l = _({
+      get: () => d.modelValue,
+      set: (e) => {
+        Y("update:modelValue", e || "");
+      }
+    }), z = (e) => {
+      var n;
+      const o = i(e).format("YYYY-MM-DD"), r = s.value.findIndex((a) => i(a).format("YYYY-MM-DD") === i(e).format("YYYY-MM-DD"));
+      if (r !== -1) {
+        s.value.splice(r, 1);
+        const a = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        let t = (n = l.value) == null ? void 0 : n.replace(new RegExp(`${a}, `, "g"), "");
+        t = t == null ? void 0 : t.replace(new RegExp(`${a}`, "g"), ""), t = t == null ? void 0 : t.replace(/^, |, $/g, "").replace(/,{2,}/g, ",").trim(), l.value = t || "", f.value = e.getDate();
+      } else
+        s.value.push(e), l.value += l.value ? `, ${o}` : o, f.value = void 0;
+    }, E = (e) => f.value === e.getDate() ? { backgroundColor: "transparent", color: " var(--color-text-1)" } : s.value.some((r) => i(r).format("YYYY-MM-DD") === i(e).format("YYYY-MM-DD")) ? { backgroundColor: "rgb(var(--primary-6))", color: "var(--color-white)" } : {}, L = (e) => {
+      s.value = [], l.value = "", Y("clear", e);
+    };
+    return (e, o) => {
+      const r = m("icon-calendar"), n = m("a-input"), a = m("a-date-picker"), t = m("a-popover");
+      return T(), O("div", {
+        class: U(X),
+        ref_key: "datePickerRef",
+        ref: y
+      }, [
+        v(t, {
+          position: "bl",
+          "popup-container": y.value,
+          trigger: "click"
+        }, {
+          content: p(() => [
+            v(a, g(R.value, {
+              pickerValue: D.value,
+              "onUpdate:pickerValue": o[0] || (o[0] = (c) => D.value = c),
+              style: { width: "268px" }
+            }), W({
+              cell: p(({ date: c }) => [
+                h("div", {
+                  class: "arco-picker-date",
+                  onClick: (k) => z(c)
+                }, [
+                  h("div", {
+                    style: q(E(c)),
+                    class: "arco-picker-date-value"
+                  }, F(c.getDate()), 5)
+                ], 8, Q)
+              ]),
+              _: 2
+            }, [
+              G(C(b), (c, k) => ({
+                name: k,
+                fn: p((N) => [
+                  H(e.$slots, k, J(K(N ?? {})))
+                ])
+              }))
+            ]), 1040, ["pickerValue"])
+          ]),
+          default: p(() => [
+            v(n, g(g(B.value, C(w)), {
+              "model-value": l.value,
+              onClear: L
+            }), {
+              suffix: p(() => [
+                v(r)
+              ]),
+              _: 1
+            }, 16, ["model-value"])
+          ]),
+          _: 3
+        }, 8, ["popup-container"])
+      ], 512);
+    };
+  }
+});
+export {
+  re as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

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

@@ -0,0 +1,41 @@
+import { RangePickerProps } from '@arco-design/web-vue/es/date-picker/interface';
+export interface IProDatesPickerProps {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 默认值 */
+    defaultValue?: string;
+    /** 输入框大小 */
+    size?: string;
+    /** 是否允许清空输入框 */
+    allowClear?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否为只读状态 */
+    readonly?: boolean;
+    /** 是否为错误状态 */
+    error?: boolean;
+    /** 提示文字 */
+    placeholder?: string;
+    /** 最大输入长度 */
+    maxLength?: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    /** 是否显示字数统计 */
+    showWordLimit?: boolean;
+    /** 自定义字数计算方法 */
+    wordLength?: (value: string) => number;
+    /** 超出最大长度时的截取方法 */
+    wordSlice?: (value: string, maxLength: number) => string;
+    /** 原生 input 元素的额外属性 */
+    inputAttrs?: Record<string, any>;
+    /** 输入框类型 */
+    type?: string;
+    /** 前置标签 */
+    prepend?: string;
+    /** 后置标签 */
+    append?: string;
+    /** 日期选择器配置 */
+    datePickerProps?: Partial<RangePickerProps>;
+}
+export type ProDatesPickerProps = Partial<IProDatesPickerProps>;

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--69231088);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--69231088);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--69231088);padding-left:var(--608a2431);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--2ea5a9b4)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--608a2431);width:calc(100% - var(--608a2431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2ea5a9b4);width:calc(100% - var(--2ea5a9b4))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-d4745325]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-d4745325] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-d4745325] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-d4745325] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}
+.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--69231088);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--69231088);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--69231088);padding-left:var(--608a2431);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--2ea5a9b4)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--608a2431);width:calc(100% - var(--608a2431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2ea5a9b4);width:calc(100% - var(--2ea5a9b4))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-date-range-picker[data-v-9c48fc7f]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}

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.21",
+  "version": "1.13.8-alpha.22",
   "private": false,
   "type": "module",
   "main": "es/index.js",