@keyblade/pro-components 1.13.8-alpha.34 → 1.13.8-alpha.36

package/es/components.d.ts

@@ -15,6 +15,8 @@ declare module 'vue' {
         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,10 +1,12 @@
-import { ProFooterBarProps } from './pro-footer-bar/inerface';
+import { ProFooterBarProps } from './pro-footer-bar/interface.ts';
 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';
-import { ProLoaderProps } from './pro-loader';
+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;
@@ -13,5 +15,9 @@ export interface GlobalProps {
     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';

package/es/index.js

@@ -1,45 +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 { ProDatesPicker as P } from "./pro-dates-picker/index.js";
-import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
+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 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 { ProLoader as c } from "./pro-loader/index.js";
-import { globalProps as b } from "./global-props.js";
-import { splitStringWithCommaAndSpace as E } from "./utils.js";
-import { EImageUploadInnerBeforeUploadStep as H } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as M } from "./pro-image-upload/constant.js";
-const v = {
+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 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(b, r || {}), o.use(e), o.use(m), o.use(t), o.use(d), o.use(i), o.use(s), o.use(f), o.use(u), o.use(P), o.use(a), o.use(n), o.use(l), o.use(g), o.use(x), o.use(c);
+    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 {
-  H as EImageUploadInnerBeforeUploadStep,
-  x as ProCalendar,
-  a as ProDateRangePicker,
-  P as ProDatesPicker,
-  d as ProFooterBar,
-  g as ProFormGroup,
-  u as ProImageUpload,
-  m as ProKeepAliveRouterView,
-  t as ProLayout,
-  c as ProLoader,
-  i as ProMenu,
-  s as ProPageContainer,
-  e as ProPageHeader,
-  f as ProReuseTabs,
+  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,
-  n as ProTextarea,
-  v as default,
-  M as defaultImageUploadOptions,
-  E as splitStringWithCommaAndSpace
+  g as ProTextarea,
+  G as default,
+  z as defaultImageUploadOptions,
+  M as splitStringWithCommaAndSpace
 };

package/es/inerface.d.ts

@@ -1,3 +1,5 @@
-export * from './pro-footer-bar/inerface';
-export * from './pro-date-range-picker/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

@@ -1,4 +1,4 @@
-import { IProCalendarProps } from './inerface';
+import { IProCalendarProps } from './interface.ts';
 import { EMode } from './enum';
 declare function changePageShowDate(type: 'prev' | 'next', unit: EMode): void;
 declare function __VLS_template(): {
@@ -49,15 +49,15 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps, {
     changePageShowDate: typeof changePageShowDate;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (date: Date) => any;
     change: (date: Date) => any;
+    "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
 }, string, import('vue').PublicProps, Readonly<IProCalendarProps> & Readonly<{
-    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onChange?: ((date: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
 }>, {
-    header: boolean | import('./inerface').IHeaderObjProps;
+    header: boolean | import('./interface.ts').IHeaderObjProps;
     modes: (EMode.month | EMode.year)[];
     defaultMode: EMode.month | EMode.year;
     allowSelect: boolean;

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

@@ -1,4 +1,4 @@
-import { IProCalendarHeader } from './inerface';
+import { IProCalendarHeader } from './interface.ts';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

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

@@ -1,22 +1,22 @@
 import { App } from 'vue';
 import { ArcoOptions } from '@arco-design/web-vue/es/_utils/types';
 import { default as _ProCalendar } from './calendar.vue';
-import { ProCalendarProps } from './inerface';
+import { ProCalendarProps } from './interface.ts';
 declare const ProCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
-        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
         onChange?: ((date: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
     }>, {
-        changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (date: Date) => any;
         change: (date: Date) => any;
+        "update:modelValue": (date: Date) => any;
         panelChange: (date: Date) => any;
     }, import('vue').PublicProps, {
-        header: boolean | import('./inerface').IHeaderObjProps;
-        modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
-        defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
+        header: boolean | import('./interface.ts').IHeaderObjProps;
+        modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+        defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
         allowSelect: boolean;
         panelTodayBtn: boolean;
         dayStartOfWeek: 0 | 1;
@@ -29,16 +29,16 @@ declare const ProCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./inerface').IProCalendarProps> & Readonly<{
-        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+    }, Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
         onChange?: ((date: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
     }>, {
-        changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
     }, {}, {}, {}, {
-        header: boolean | import('./inerface').IHeaderObjProps;
-        modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
-        defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
+        header: boolean | import('./interface.ts').IHeaderObjProps;
+        modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+        defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
         allowSelect: boolean;
         panelTodayBtn: boolean;
         dayStartOfWeek: 0 | 1;
@@ -48,20 +48,20 @@ declare const ProCalendar: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
-    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
     onChange?: ((date: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
 }>, {
-    changePageShowDate: (type: "prev" | "next", unit: import('./enum').EMode) => void;
+    changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (date: Date) => any;
     change: (date: Date) => any;
+    "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
 }, string, {
-    header: boolean | import('./inerface').IHeaderObjProps;
-    modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
-    defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
+    header: boolean | import('./interface.ts').IHeaderObjProps;
+    modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+    defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
     allowSelect: boolean;
     panelTodayBtn: boolean;
     dayStartOfWeek: 0 | 1;

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

@@ -1,4 +1,4 @@
-import { IProCalendarMonth } from './inerface';
+import { IProCalendarMonth } from './interface.ts';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

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

@@ -1,3 +1,3 @@
-import { IProCalendarWeek } from './inerface';
+import { IProCalendarWeek } from './interface.ts';
 declare const _default: import('vue').DefineComponent<IProCalendarWeek, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarWeek> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,3 +1,3 @@
-import { IProCalendarYear } from './inerface';
+import { IProCalendarYear } from './interface.ts';
 declare const _default: import('vue').DefineComponent<IProCalendarYear, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarYear> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,17 +1,18 @@
 import { App } from 'vue';
 declare const ProDateRangePicker: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProDateRangePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('./interface').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('./inerface').IModelValue) => any;
+        "update:modelValue": (value: import('./interface').IModelValue) => any;
     }, import('vue').PublicProps, {
-        separator: string;
         hideLabel: boolean;
+        separator: string;
         startField: string;
         endField: string;
         startPlaceholder: string;
         endPlaceholder: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dateRef: HTMLDivElement;
         startDatePickerRef: unknown;
         endDatePickerRef: unknown;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -21,11 +22,11 @@ declare const ProDateRangePicker: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
+    }, Readonly<import('./interface').IProDateRangePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('./interface').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        separator: string;
         hideLabel: boolean;
+        separator: string;
         startField: string;
         endField: string;
         startPlaceholder: string;
@@ -34,13 +35,13 @@ declare const ProDateRangePicker: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProDateRangePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('./interface').IModelValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: import('./inerface').IModelValue) => any;
+    "update:modelValue": (value: import('./interface').IModelValue) => any;
 }, string, {
-    separator: string;
     hideLabel: boolean;
+    separator: string;
     startField: string;
     endField: string;
     startPlaceholder: string;

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

@@ -1,16 +1,17 @@
-import { IModelValue, IProDateRangePickerProps } from './inerface';
+import { IModelValue, IProDateRangePickerProps } from './interface.ts';
 declare const _default: import('vue').DefineComponent<IProDateRangePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: IModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<IProDateRangePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
 }>, {
-    separator: string;
     hideLabel: boolean;
+    separator: string;
     startField: string;
     endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dateRef: HTMLDivElement;
     startDatePickerRef: unknown;
     endDatePickerRef: unknown;
 }, HTMLDivElement>;

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 e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9c48fc7f"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-686f3de9"]]);
 export {
-  e as default
+  _ as default
 };

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

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