@keyblade/pro-components 1.13.8-alpha.4 → 1.13.8-alpha.41

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'];
@@ -10,6 +11,12 @@ declare module 'vue' {
         KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
         KbProFooterBar: typeof import('./index')['ProFooterBar'];
         KbProTextarea: typeof import('./index')['ProTextarea'];
+        KbProTable: typeof import('./index')['ProTable'];
+        KbProFormGroup: typeof import('./index')['ProFormGroup'];
+        KbProCalendar: typeof import('./index')['ProCalendar'];
+        KbProLoader: typeof import('./index')['ProLoader'];
+        KbProLogin: typeof import('./index')['ProLogin'];
+        KbProFindPassword: typeof import('./index')['ProFindPassword'];
     }
 }
 export {};

package/es/global-props.d.ts

@@ -1,7 +1,23 @@
-import { ProFooterBarProps } from './pro-footer-bar/inerface';
-import { ProTextareaProps } from './pro-textarea';
+import { ProFooterBarProps } from './pro-footer-bar/interface.ts';
+import { ProTableProps } from './pro-table/interface';
+import { ProTextareaProps } from './pro-textarea/interface.ts';
+import { ProDateRangePickerProps } from './pro-date-range-picker/interface.ts';
+import { ProCalendarProps } from './pro-calendar/interface.ts';
+import { ProDatesPickerProps } from './pro-dates-picker/interface.ts';
+import { ProLoaderProps } from './pro-loader/interface.ts';
+import { PageContainerProps } from './pro-page-container/interface.ts';
+import { PageHeaderProps } from './pro-page-header/interface.ts';
 export interface GlobalProps {
     footerBar?: ProFooterBarProps;
+    dateRangePicker?: ProDateRangePickerProps;
+    datesPicker?: ProDatesPickerProps;
     textarea?: ProTextareaProps;
+    table?: ProTableProps;
+    calendar?: ProCalendarProps;
+    loader?: ProLoaderProps;
+    /** 页面容器 */
+    pageContainer?: PageContainerProps;
+    /** 页头 */
+    pageHeader?: PageHeaderProps;
 }
 export declare const globalProps: GlobalProps;

package/es/index.d.ts

@@ -4,6 +4,8 @@ declare const _default: {
     install(app: App, options?: GlobalProps): void;
 };
 export default _default;
+export { default as ProLogin } from './pro-login';
+export { default as ProFindPassword } from './pro-find-password';
 export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
 export { default as ProLayout } from './pro-layout';
@@ -15,8 +17,13 @@ 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';
+export { default as ProFormGroup } from './pro-form-group';
+export { default as ProCalendar } from './pro-calendar';
+export { default as ProLoader } from './pro-loader';
 export type {} from './components';
 export * from './inerface';
+export * from './utils';

package/es/index.js

@@ -1,35 +1,53 @@
-import { ProPageHeader as e } from "./pro-page-header/index.js";
-import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as t } from "./pro-layout/index.js";
-import { ProMenu as i } from "./pro-menu/index.js";
-import { ProPageContainer as s } from "./pro-page-container/index.js";
-import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
-import { ProImageUpload as u } from "./pro-image-upload/index.js";
-import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
-import { ProTable as P } 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 { globalProps as d } from "./global-props.js";
-import { EImageUploadInnerBeforeUploadStep as y } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as C } from "./pro-image-upload/constant.js";
-const k = {
+import { ProLogin as e } from "./pro-login/index.js";
+import { ProFindPassword as m } from "./pro-find-password/index.js";
+import { ProPageHeader as t } from "./pro-page-header/index.js";
+import { ProKeepAliveRouterView as i } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as s } from "./pro-layout/index.js";
+import { ProMenu as f } from "./pro-menu/index.js";
+import { ProPageContainer as P } from "./pro-page-container/index.js";
+import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
+import { ProImageUpload as n } from "./pro-image-upload/index.js";
+import { ProDatesPicker as a } from "./pro-dates-picker/index.js";
+import { ProDateRangePicker as d } from "./pro-date-range-picker/index.js";
+import { ProTable as l } from "./pro-table/index.js";
+import { ProTextarea as g } from "./pro-textarea/index.js";
+import { ProFooterBar as x } from "./pro-footer-bar/index.js";
+import { ProFormGroup as c } from "./pro-form-group/index.js";
+import { ProCalendar as p } from "./pro-calendar/index.js";
+import { ProLoader as b } from "./pro-loader/index.js";
+import { globalProps as F } from "./global-props.js";
+import { splitStringWithCommaAndSpace as M } from "./utils.js";
+import { EImageUploadInnerBeforeUploadStep as W } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as z } from "./pro-image-upload/constant.js";
+import { EProLoginType as N } from "./pro-login/enum.js";
+import { EFindPasswordSteps as X } from "./pro-find-password/enum.js";
+const G = {
   install(o, r) {
-    Object.assign(d, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(f), o.use(u), o.use(a), o.use(l), o.use(P);
+    Object.assign(F, r || {}), o.use(e), o.use(m), o.use(t), o.use(i), o.use(s), o.use(x), o.use(f), o.use(P), o.use(u), o.use(n), o.use(a), o.use(d), o.use(g), o.use(l), o.use(c), o.use(p), o.use(b);
   }
 };
 export {
-  y as EImageUploadInnerBeforeUploadStep,
-  a as ProDateRangePicker,
-  n as ProFooterBar,
-  u as ProImageUpload,
-  m as ProKeepAliveRouterView,
-  t as ProLayout,
-  i as ProMenu,
-  s as ProPageContainer,
-  e as ProPageHeader,
-  f as ProReuseTabs,
-  P as ProTable,
-  l as ProTextarea,
-  k as default,
-  C as defaultImageUploadOptions
+  X as EFindPasswordSteps,
+  W as EImageUploadInnerBeforeUploadStep,
+  N as EProLoginType,
+  p as ProCalendar,
+  d as ProDateRangePicker,
+  a as ProDatesPicker,
+  m as ProFindPassword,
+  x as ProFooterBar,
+  c as ProFormGroup,
+  n as ProImageUpload,
+  i as ProKeepAliveRouterView,
+  s as ProLayout,
+  b as ProLoader,
+  e as ProLogin,
+  f as ProMenu,
+  P as ProPageContainer,
+  t as ProPageHeader,
+  u as ProReuseTabs,
+  l as ProTable,
+  g as ProTextarea,
+  G as default,
+  z as defaultImageUploadOptions,
+  M as splitStringWithCommaAndSpace
 };

package/es/inerface.d.ts

@@ -1 +1,5 @@
-export * from './pro-footer-bar/inerface';
+export * from './pro-footer-bar/interface';
+export * from './pro-date-range-picker/interface.ts';
+export * from './pro-table/interface';
+export * from './pro-login/interface';
+export * from './pro-find-password/interface.ts';

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

@@ -0,0 +1,75 @@
+import { IProCalendarProps } from './interface.ts';
+import { EMode } from './enum';
+declare function changePageShowDate(type: 'prev' | 'next', unit: EMode): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: (props: {
+            year: string;
+            month: string;
+            date?: string;
+            value: {
+                year: number;
+                month: number;
+                date?: number;
+            };
+        }) => any;
+        header?: (props: {
+            year: string;
+            month: string;
+            value: {
+                year: number;
+                month: number;
+            };
+        }) => any;
+    }> & {
+        default?: (props: {
+            year: string;
+            month: string;
+            date?: string;
+            value: {
+                year: number;
+                month: number;
+                date?: number;
+            };
+        }) => any;
+        header?: (props: {
+            year: string;
+            month: string;
+            value: {
+                year: number;
+                month: number;
+            };
+        }) => any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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;
+}, string, import('vue').PublicProps, Readonly<IProCalendarProps> & Readonly<{
+    onChange?: ((date: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+    onPanelChange?: ((date: Date) => any) | undefined;
+}>, {
+    header: boolean | import('./interface.ts').IHeaderObjProps;
+    modes: (EMode.month | EMode.year)[];
+    defaultMode: EMode.month | EMode.year;
+    allowSelect: boolean;
+    panelTodayBtn: boolean;
+    dayStartOfWeek: 0 | 1;
+    isWeek: boolean;
+    panel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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-calendar/calendar.vue.js

@@ -0,0 +1,159 @@
+import { defineComponent as R, useSlots as U, ref as k, computed as r, watch as X, createElementBlock as v, openBlock as m, mergeProps as i, 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 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 se } from "vue-global-config";
+import { globalProps as C } from "../global-props.js";
+const we = /* @__PURE__ */ R({
+  __name: "calendar",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    mode: {},
+    defaultMode: { default: l.month },
+    modes: { default: () => [l.month, l.year] },
+    header: { type: [Boolean, Object], default: !0 },
+    allowSelect: { type: Boolean, default: !0 },
+    panelWidth: {},
+    panelTodayBtn: { type: Boolean, default: !1 },
+    dayStartOfWeek: { default: 0 },
+    isWeek: { type: Boolean, default: !1 },
+    panel: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "panelChange"],
+  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 = 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(() => de(a.value, {
+      dayStartOfWeek: t.dayStartOfWeek,
+      isWeek: t.isWeek
+    }));
+    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()), z(e);
+    }
+    function _(e, o = !1) {
+      o || Y(e);
+    }
+    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 I(e) {
+      const o = h.set(a.value, l.year, e);
+      a.value = o, s("panelChange", o.toDate());
+    }
+    function q(e) {
+      const o = h.set(a.value, l.month, e - 1);
+      a.value = o, s("panelChange", o.toDate());
+    }
+    function G(e) {
+      V.value = e;
+    }
+    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)
+      }
+    ]), K = r(() => t.panel ? { width: t.panelWidth } : {}), L = r(() => ne(t)), Q = r(() => {
+      var e;
+      return se([t.header, ((e = C.calendar) == null ? void 0 : e.header) || {}]);
+    }), y = r(() => {
+      var e, o;
+      return {
+        dayStartOfWeek: ((e = C.calendar) == null ? void 0 : e.dayStartOfWeek) || t.dayStartOfWeek,
+        isWeek: ((o = C.calendar) == null ? void 0 : o.isWeek) || t.isWeek
+      };
+    });
+    return j({
+      changePageShowDate: $
+    }), (e, o) => (m(), v("div", i({
+      class: J.value,
+      style: K.value
+    }, L.value), [
+      Z(oe, i(y.value, {
+        header: Q.value,
+        move: Y,
+        "header-value-format": H.value,
+        modes: e.modes,
+        mode: n.value,
+        "page-show-date": a.value,
+        onModeChange: G,
+        onYearChange: I,
+        onMonthChange: q,
+        onChangePageShowDate: $
+      }), O({ _: 2 }, [
+        u(D).header ? {
+          name: "default",
+          fn: P(({ year: c, month: f }) => [
+            x(e.$slots, "header", {
+              value: { year: c, month: f },
+              year: c.toString(),
+              month: f.toString().padStart(2, "0")
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["header", "header-value-format", "modes", "mode", "page-show-date"]),
+      n.value === u(l).month ? (m(), v("div", {
+        key: 0,
+        class: w(`${u(d)}-body`)
+      }, [
+        (m(), A(ae, i(y.value, {
+          key: a.value.month(),
+          "page-data": B.value,
+          value: p.value,
+          mode: n.value,
+          "select-handler": _,
+          "page-show-date": a.value
+        }), O({ _: 2 }, [
+          u(D).default ? {
+            name: "default",
+            fn: P(({ year: c, month: f, date: b }) => [
+              x(e.$slots, "default", {
+                year: c.toString(),
+                month: f.toString().padStart(2, "0"),
+                date: b.toString().padStart(2, "0"),
+                value: { year: c, month: f, date: b }
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["page-data", "value", "mode", "page-show-date"]))
+      ], 2)) : S("", !0),
+      n.value === u(l).year ? (m(), v("div", {
+        key: 1,
+        class: w(`${u(d)}-body`)
+      }, [
+        (m(), A(te, i(y.value, {
+          key: a.value.year(),
+          "page-data": B.value,
+          "page-show-date": a.value,
+          mode: n.value,
+          value: p.value,
+          "select-handler": _
+        }), null, 16, ["page-data", "page-show-date", "mode", "value"]))
+      ], 2)) : S("", !0),
+      e.panel && e.panelTodayBtn ? (m(), v("div", {
+        key: 2,
+        class: w(`${u(d)}-footer-btn-wrapper`)
+      }, ee(u(g)("today")), 3)) : S("", !0)
+    ], 16));
+  }
+});
+export {
+  we as default
+};

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

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

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

@@ -0,0 +1,6 @@
+export declare enum EMode {
+    day = "day",
+    week = "week",
+    month = "month",
+    year = "year"
+}

package/es/pro-calendar/enum.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.day = "day", r.week = "week", r.month = "month", r.year = "year", r))(a || {});
+export {
+  a as EMode
+};

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

@@ -0,0 +1,35 @@
+import { IProCalendarHeader } from './interface.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            year: number;
+            month: number;
+        }): any;
+        default?(_: {
+            year: number;
+            month: number;
+        }): any;
+        default?(_: {
+            year: number;
+            month: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProCalendarHeader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    yearChange: (year: number) => any;
+    monthChange: (month: number) => any;
+}, string, import('vue').PublicProps, Readonly<IProCalendarHeader> & Readonly<{
+    onYearChange?: ((year: number) => any) | undefined;
+    onMonthChange?: ((month: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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-calendar/header.vue.js

@@ -0,0 +1,146 @@
+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";
+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 k } from "./enum.js";
+const ee = /* @__PURE__ */ z({
+  __name: "header",
+  props: {
+    mode: {},
+    modes: {},
+    pageShowDate: {},
+    move: { type: Function },
+    onYearChange: { type: Function },
+    onMonthChange: { type: Function },
+    onChangePageShowDate: { type: Function },
+    onModeChange: { type: Function },
+    headerValueFormat: {},
+    header: { type: [Boolean, Object] },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
+  },
+  emits: ["yearChange", "monthChange"],
+  setup(B) {
+    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(() => {
+      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);
+      for (let a = 1; a < 10; a++)
+        e.push(r.value + a);
+      return e;
+    }), V = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+    return (e, a) => {
+      var w, $;
+      return v((d(), m("div", {
+        class: n(`${o(t)}-header`)
+      }, [
+        o(h).default && e.header.slot === "start" ? g(e.$slots, "default", {
+          key: 0,
+          year: r.value,
+          month: p.value
+        }) : y("", !0),
+        v(i("div", {
+          class: n(`${o(t)}-header-left`)
+        }, [
+          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) => {
+                e.onYearChange(Number(f));
+              }),
+              "popup-container": `${o(t)}-header`
+            }, null, 8, ["class", "default-value", "options", "popup-container"]),
+            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) => {
+                e.onMonthChange(Number(f));
+              }),
+              "popup-container": `${o(t)}-header`
+            }, null, 8, ["class", "default-value", "popup-container"])) : y("", !0)
+          ], 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(T))
+            ], 2),
+            i("div", {
+              class: n(`${o(t)}-header-value`)
+            }, [
+              o(h).default && (e.header.slot === "date" || !e.header.slot) ? g(e.$slots, "default", {
+                key: 0,
+                year: r.value,
+                month: p.value
+              }) : (d(), m(C, { key: 1 }, [
+                D(b(e.pageShowDate.format(e.headerValueFormat)), 1)
+              ], 64))
+            ], 2),
+            i("div", {
+              role: "button",
+              tabindex: "0",
+              class: n(`${o(t)}-header-icon`),
+              onClick: a[3] || (a[3] = () => e.onChangePageShowDate("next", e.mode || o(k).month))
+            }, [
+              u(o(L))
+            ], 2)
+          ], 64)),
+          u(o(R), {
+            size: "small",
+            onClick: a[4] || (a[4] = () => e.move(o(W)()))
+          }, {
+            default: I(() => [
+              D(b(o(S)("datePicker.today")), 1)
+            ]),
+            _: 1
+          })
+        ], 2), [
+          [c, !((w = e.header) != null && w.hideLeft)]
+        ]),
+        v(i("div", {
+          class: n(`${o(t)}-header-right`)
+        }, [
+          u(o(O).Group, {
+            size: "small",
+            type: "button",
+            options: M.value,
+            onChange: e.onModeChange,
+            "model-value": e.mode
+          }, null, 8, ["options", "onChange", "model-value"])
+        ], 2), [
+          [c, !(($ = e.header) != null && $.hideRight)]
+        ]),
+        o(h).default && e.header.slot === "end" ? g(e.$slots, "default", {
+          key: 1,
+          year: r.value,
+          month: p.value
+        }) : y("", !0)
+      ], 2)), [
+        [c, e.header]
+      ]);
+    };
+  }
+});
+export {
+  ee as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./header.vue.js";
+export {
+  f as default
+};

package/es/pro-calendar/hooks/useCellClassName.d.ts

@@ -0,0 +1,12 @@
+declare const useClassName: ({ prefixCls, mergedValue, rangeValues, hoverRangeValues, panel, isSameTime, innerMode, }: {
+    prefixCls: any;
+    mergedValue: any;
+    rangeValues: any;
+    hoverRangeValues: any;
+    panel: any;
+    isSameTime: any;
+    innerMode: any;
+}) => (cellDateObj: any, disabled: any) => (string | {
+    [x: string]: any;
+})[];
+export default useClassName;

package/es/pro-calendar/hooks/useCellClassName.js

@@ -0,0 +1,40 @@
+import { isArray as w } from "@arco-design/web-vue/es/_utils/is";
+import { getNow as u } from "@arco-design/web-vue/es/_utils/date";
+import { EMode as A } from "../enum.js";
+function o(n, r) {
+  if (n && w(n))
+    return n[r];
+}
+const P = ({
+  prefixCls: n,
+  mergedValue: r,
+  rangeValues: a,
+  hoverRangeValues: c,
+  panel: E,
+  isSameTime: i,
+  innerMode: R
+}) => function(t, h) {
+  const s = o(a, 0), g = o(a, 1), d = o(c, 0), l = o(c, 1), $ = !t.isPrev && !t.isNext, e = $ && E, N = e, v = e;
+  d && s && d.isBefore(s);
+  const y = g && l && l.isAfter(g) && v;
+  let m = i(t.time, u());
+  return R === A.year && (m = u().isSame(t.time, "date")), [
+    `${n}-cell`,
+    {
+      [`${n}-cell-in-view`]: $,
+      [`${n}-cell-today`]: m,
+      [`${n}-cell-selected`]: r && i(t.time, r),
+      [`${n}-cell-range-start`]: N,
+      [`${n}-cell-range-end`]: v,
+      [`${n}-cell-in-range`]: e,
+      [`${n}-cell-in-range-near-hover`]: y,
+      [`${n}-cell-hover-range-start`]: e,
+      [`${n}-cell-hover-range-end`]: e,
+      [`${n}-cell-hover-in-range`]: e,
+      [`${n}-cell-disabled`]: h
+    }
+  ];
+};
+export {
+  P as default
+};