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

package/es/pro-login/index.vue.js

@@ -0,0 +1,107 @@
+import { defineComponent as $, useSlots as I, ref as _, computed as w, resolveComponent as i, createBlock as p, openBlock as u, mergeProps as l, withCtx as s, createVNode as f, renderSlot as P, unref as r, createSlots as x } from "vue";
+import { EProLoginType as a } from "./enum.js";
+import B from "./form-mobile.vue.js";
+import L from "./form-password.vue.js";
+const S = "keyblade-pro-login", V = /* @__PURE__ */ $({
+  __name: "index",
+  props: {
+    activeKey: { default: a.password },
+    cardProps: { default: () => ({
+      bordered: !1
+    }) },
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    countdown: {},
+    onSendSmsCode: {},
+    onSubmitSuccess: {},
+    "update:activeKey": {}
+  },
+  emits: ["update:activeKey", "submit-success", "send-sms-code"],
+  setup(g, { expose: K, emit: k }) {
+    const n = k, R = I(), m = _(), c = _(), d = g, v = w(() => ({
+      inputProps: d.inputProps,
+      formItemProps: d.formItemProps,
+      prefixClsName: S
+    })), b = w({
+      get: () => d.activeKey,
+      set: (e) => n("update:activeKey", e)
+    });
+    return K({
+      get resetTime() {
+        var e, o;
+        return (o = (e = m.value) == null ? void 0 : e.resetTime) != null ? o : (() => {
+        });
+      },
+      get mobileRef() {
+        var e;
+        return (e = m.value) == null ? void 0 : e.formRef;
+      },
+      get passwordRef() {
+        var e;
+        return (e = c.value) == null ? void 0 : e.formRef;
+      }
+    }), (e, o) => {
+      const y = i("a-tab-pane"), C = i("a-tabs"), T = i("a-card");
+      return u(), p(T, l({ class: S }, e.cardProps), {
+        default: s(() => [
+          f(C, {
+            activeKey: b.value,
+            "onUpdate:activeKey": o[3] || (o[3] = (t) => b.value = t)
+          }, {
+            default: s(() => [
+              (u(), p(y, {
+                key: r(a).mobile,
+                title: "短信登录"
+              }, {
+                default: s(() => [
+                  f(B, l({
+                    ref_key: "mobileRef",
+                    ref: m,
+                    countdown: e.countdown
+                  }, v.value, {
+                    onSendSmsCode: o[0] || (o[0] = (t) => n("send-sms-code", t)),
+                    onSubmit: o[1] || (o[1] = (t) => n("submit-success", { value: t, type: r(a).mobile }))
+                  }), x({ _: 2 }, [
+                    r(R)["area-code"] ? {
+                      name: "area-code",
+                      fn: s(() => [
+                        P(e.$slots, "area-code")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["countdown"])
+                ]),
+                _: 3
+              })),
+              (u(), p(y, {
+                key: r(a).password,
+                title: "密码登录"
+              }, {
+                default: s(() => [
+                  f(L, l({
+                    ref_key: "passwordRef",
+                    ref: c
+                  }, v.value, {
+                    onSubmit: o[2] || (o[2] = (t) => n("submit-success", { value: t, type: r(a).password }))
+                  }), null, 16)
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 3
+          }, 8, ["activeKey"]),
+          P(e.$slots, "footer")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  V as default
+};

package/es/pro-login/index.vue3.js

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

package/es/pro-login/interface.d.ts

@@ -0,0 +1,72 @@
+import { CSSProperties } from 'vue';
+import { FormInstance, FormItemInstance } from '@arco-design/web-vue';
+import { EProLoginType } from './enum';
+export * from './enum';
+export interface ICardProps {
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 是否为加载中 */
+    loading?: boolean;
+    /** 是否可悬浮 */
+    hoverable?: boolean;
+    /** 卡片尺寸 */
+    size?: 'small' | 'medium';
+    /** 头部样式 */
+    headerStyle?: CSSProperties;
+    /** 内容区域样式 */
+    bodyStyle?: CSSProperties;
+    /** 卡片标题 */
+    title?: string;
+    /** 卡片右上角的操作区域 */
+    extra?: string;
+}
+export interface IInputProps {
+    /** 输入框大小 */
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    /** 是否允许清空输入框 */
+    allowClear?: boolean;
+}
+export type IProLogin = {
+    activeKey?: EProLoginType;
+    /** 卡片属性 */
+    cardProps?: ICardProps;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+    /** 表单项属性 */
+    formItemProps?: Partial<FormItemInstance>;
+    /** 倒计时（秒） */
+    countdown?: number;
+    /** 获取短信验证码 */
+    onSendSmsCode?: (value: string) => void;
+    /** 提交 */
+    onSubmitSuccess?: (value: IProLoginFormData) => void;
+} & {
+    'update:activeKey'?: (value: EProLoginType) => void;
+};
+export type IProLoginByMobile = Omit<IProLogin, 'activeKey' | 'cardProps'> & {
+    prefixClsName: string;
+};
+export type IProLoginByPassword = Pick<IProLogin, 'inputProps' | 'formItemProps'> & {
+    prefixClsName: string;
+};
+export interface IProLoginFormRef {
+    formRef: FormInstance;
+}
+export interface IProLoginRef {
+    resetTime: () => void;
+    mobileRef: FormInstance;
+    passwordRef: FormInstance;
+}
+export type PasswordFormField = {
+    username: string;
+    password: string;
+};
+export type MobileFormField = {
+    mobile: string;
+    validCode: string;
+};
+export interface IProLoginFormData {
+    value: PasswordFormField | MobileFormField;
+    type: EProLoginType;
+}
+export type ProLoginProps = Partial<IProLogin>;

package/es/pro-login/regexp.d.ts

@@ -0,0 +1,17 @@
+export declare const regexp: {
+    mobile: RegExp;
+    validCode: RegExp;
+    password: RegExp;
+};
+export declare const message: {
+    mobile: string;
+    validCode: string;
+    password: string;
+};
+/**
+ * 验证用户名+手机号
+ * @param value
+ * @param callback
+ * @returns
+ */
+export declare const testUserName: (value: string, callback: (err: string) => void) => void;

package/es/pro-login/regexp.js

@@ -0,0 +1,28 @@
+const x = {
+  mobile: /^1[3-9]\d{9}$/,
+  validCode: /^\d{6}$/,
+  password: /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){6,32}$/
+}, $ = {
+  mobile: "请填写正确的手机号",
+  validCode: "请输入6位数字验证码",
+  password: "包含大小写字母、数字、特殊字符至少2种，且为6-32位"
+}, c = (e, r) => {
+  const t = {
+    verify: !1,
+    errText: ""
+  };
+  if (/^\d+$/.test(e)) {
+    x.mobile.test(e) || r($.mobile);
+    return;
+  }
+  const i = /^[\u4E00-\u9FA50-9a-zA-Z_]{4,16}$/, o = /[\u4E00-\u9FA5]/, n = /[a-zA-Z]/, f = /[0-9]/;
+  let s = 0;
+  e.indexOf("_") >= 0 && s++, o.test(e) && s++, n.test(e) && s++, f.test(e) && s++;
+  const d = e.length;
+  e.length < 4 ? t.errText = "用户名长度至少4位" : d > 16 ? t.errText = "用户名不能超过16位" : i.test(e) ? s < 2 ? t.errText = "用户名必须至少包含数字、中文字符、英文字符、下划线中的两种类型" : t.verify = !0 : t.errText = "用户名必须是数字、中英文字符、下划线组成，不能包含其他特殊字符", t.verify || r(t.errText);
+};
+export {
+  $ as message,
+  x as regexp,
+  c as testUserName
+};

package/es/pro-page-container/constant.d.ts

@@ -0,0 +1,2 @@
+import { PageContainerProps } from './interface.ts';
+export declare const defaultPageContainerProps: PageContainerProps;

package/es/pro-page-container/constant.js

@@ -0,0 +1,9 @@
+import { defaultPageHeaderProps as e } from "../pro-page-header/constant.js";
+const r = {
+  hidePageHeader: !1,
+  showFooterBar: !1,
+  pageHeader: e
+};
+export {
+  r as defaultPageContainerProps
+};

package/es/pro-page-container/index.d.ts

@@ -1,54 +1,27 @@
 import { App } from 'vue';
 declare const ProPageContainer: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        hidePageHeader?: boolean;
-        showFooterBar?: boolean;
-        footerBarOptions?: import('..').ProFooterBarProps;
-        pageHeader?: import('./inerface').PageHeaderProps;
-    }> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').PageContainerProps> & Readonly<{
         onBack?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         back: () => any;
-    }, import('vue').PublicProps, {
-        hidePageHeader: boolean;
-        showFooterBar: boolean;
-        pageHeader: import('./inerface').PageHeaderProps;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        hidePageHeader?: boolean;
-        showFooterBar?: boolean;
-        footerBarOptions?: import('..').ProFooterBarProps;
-        pageHeader?: import('./inerface').PageHeaderProps;
-    }> & Readonly<{
+    }, Readonly<import('./interface').PageContainerProps> & Readonly<{
         onBack?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        hidePageHeader: boolean;
-        showFooterBar: boolean;
-        pageHeader: import('./inerface').PageHeaderProps;
-    }>;
+    }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    hidePageHeader?: boolean;
-    showFooterBar?: boolean;
-    footerBarOptions?: import('..').ProFooterBarProps;
-    pageHeader?: import('./inerface').PageHeaderProps;
-}> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageContainerProps> & Readonly<{
     onBack?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     back: () => any;
-}, string, {
-    hidePageHeader: boolean;
-    showFooterBar: boolean;
-    pageHeader: import('./inerface').PageHeaderProps;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
         footerBar?(_: {}): any;

package/es/pro-page-container/interface.d.ts

@@ -0,0 +1,12 @@
+import { ProFooterBarProps } from '../pro-footer-bar/interface.ts';
+import { PageHeaderProps } from '../pro-page-header/interface.ts';
+export interface PageContainerProps {
+    /** 是否隐藏页头 */
+    hidePageHeader?: boolean;
+    /** 是否显示底部栏 */
+    showFooterBar?: boolean;
+    /** 底部栏属性 */
+    footerBarOptions?: ProFooterBarProps;
+    /** 页头属性 */
+    pageHeader?: PageHeaderProps;
+}

package/es/pro-page-container/pro-page-container.vue.d.ts

@@ -1,15 +1,4 @@
-import { ProFooterBarProps } from '../pro-footer-bar/inerface';
-import { PageHeaderProps } from './inerface';
-type __VLS_Props = {
-    /** 是否隐藏页头 */
-    hidePageHeader?: boolean;
-    /** 是否显示底部栏 */
-    showFooterBar?: boolean;
-    /** 底部栏属性 */
-    footerBarOptions?: ProFooterBarProps;
-    /** 页头属性 */
-    pageHeader?: PageHeaderProps;
-};
+import { PageContainerProps } from './interface.ts';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -20,15 +9,11 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<PageContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     back: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<PageContainerProps> & Readonly<{
     onBack?: (() => any) | undefined;
-}>, {
-    hidePageHeader: boolean;
-    showFooterBar: boolean;
-    pageHeader: PageHeaderProps;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, 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 & {

package/es/pro-page-container/pro-page-container.vue.js

@@ -1,56 +1,69 @@
-import { defineComponent as k, computed as h, resolveComponent as i, createElementBlock as B, openBlock as o, normalizeClass as s, createBlock as n, createCommentVNode as d, createElementVNode as P, renderSlot as l, mergeProps as H, withCtx as I } from "vue";
-const r = "keyblade-pro-page-container", v = /* @__PURE__ */ k({
+var S = Object.defineProperty;
+var I = Object.getOwnPropertySymbols;
+var j = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
+var T = (a, e, r) => e in a ? S(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, $ = (a, e) => {
+  for (var r in e || (e = {}))
+    j.call(e, r) && T(a, r, e[r]);
+  if (I)
+    for (var r of I(e))
+      q.call(e, r) && T(a, r, e[r]);
+  return a;
+};
+import { defineComponent as A, computed as w, resolveComponent as y, createElementBlock as D, openBlock as i, normalizeClass as x, createBlock as F, createCommentVNode as M, createElementVNode as G, renderSlot as N, mergeProps as J, withCtx as K } from "vue";
+import { merge as R } from "es-toolkit/object";
+import { globalProps as L } from "../global-props.js";
+import { defaultPageContainerProps as Q } from "./constant.js";
+const n = "keyblade-pro-page-container", re = /* @__PURE__ */ A({
   __name: "pro-page-container",
   props: {
-    hidePageHeader: { type: Boolean, default: !1 },
-    showFooterBar: { type: Boolean, default: !1 },
+    hidePageHeader: { type: Boolean },
+    showFooterBar: { type: Boolean },
     footerBarOptions: {},
-    pageHeader: { default: () => ({
-      title: "",
-      subTitle: "",
-      titlePosition: "top",
-      hideTitle: !1,
-      breadcrumbRouterMode: !1,
-      breadcrumbPrefixIcon: "icon-apps",
-      breadcrumbItems: []
-    }) }
+    pageHeader: {}
   },
   emits: ["back"],
-  setup(p, { emit: b }) {
-    const u = b, m = p, c = h(() => m.showFooterBar ? [r, `${r}-with-footer-bar`] : [r]);
-    return (e, t) => {
-      var a;
-      const f = i("kb-pro-page-header"), g = i("kb-pro-footer-bar");
-      return o(), B("div", {
-        class: s(c.value)
+  setup(a, { emit: e }) {
+    const r = e, E = a, o = w(() => {
+      var t;
+      return R($({}, Q), R(((t = L) == null ? void 0 : t.pageContainer) || {}, E || {}));
+    }), O = w(() => {
+      var t;
+      return (t = o.value) != null && t.showFooterBar ? [n, `${n}-with-footer-bar`] : [n];
+    });
+    return (t, l) => {
+      var s, d, p, u, m, c, b, f, g, k, v, h, B, P, H, _, C;
+      const V = y("kb-pro-page-header"), z = y("kb-pro-footer-bar");
+      return i(), D("div", {
+        class: x(O.value)
       }, [
-        e.hidePageHeader ? d("", !0) : (o(), n(f, {
+        (s = o.value) != null && s.hidePageHeader ? M("", !0) : (i(), F(V, {
           key: 0,
-          title: e.pageHeader.title,
-          subTitle: e.pageHeader.subTitle,
-          titlePosition: e.pageHeader.titlePosition,
-          hideTitle: e.pageHeader.hideTitle,
-          breadcrumbRouterMode: (a = e.pageHeader) == null ? void 0 : a.breadcrumbRouterMode,
-          breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
-          breadcrumbItems: e.pageHeader.breadcrumbItems
-        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
-        P("div", {
-          class: s(`${r}-content`)
+          title: (p = (d = o.value) == null ? void 0 : d.pageHeader) == null ? void 0 : p.title,
+          subTitle: (m = (u = o.value) == null ? void 0 : u.pageHeader) == null ? void 0 : m.subTitle,
+          titlePosition: (b = (c = o.value) == null ? void 0 : c.pageHeader) == null ? void 0 : b.titlePosition,
+          hideTitle: (g = (f = o.value) == null ? void 0 : f.pageHeader) == null ? void 0 : g.hideTitle,
+          "hide-back-button": (v = (k = o.value) == null ? void 0 : k.pageHeader) == null ? void 0 : v.hideBackButton,
+          breadcrumbRouterMode: (B = (h = o.value) == null ? void 0 : h.pageHeader) == null ? void 0 : B.breadcrumbRouterMode,
+          breadcrumbPrefixIcon: (H = (P = o.value) == null ? void 0 : P.pageHeader) == null ? void 0 : H.breadcrumbPrefixIcon,
+          breadcrumbItems: (C = (_ = o.value) == null ? void 0 : _.pageHeader) == null ? void 0 : C.breadcrumbItems
+        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "hide-back-button", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
+        G("div", {
+          class: x(`${n}-content`)
         }, [
-          l(e.$slots, "default")
+          N(t.$slots, "default")
         ], 2),
-        e.showFooterBar ? (o(), n(g, H({ key: 1 }, e.footerBarOptions, {
-          onBack: t[0] || (t[0] = (T) => u("back"))
+        t.showFooterBar ? (i(), F(z, J({ key: 1 }, t.footerBarOptions, {
+          onBack: l[0] || (l[0] = (U) => r("back"))
         }), {
-          default: I(() => [
-            l(e.$slots, "footerBar")
+          default: K(() => [
+            N(t.$slots, "footerBar")
           ]),
           _: 3
-        }, 16)) : d("", !0)
+        }, 16)) : M("", !0)
       ], 2);
     };
   }
 });
 export {
-  v as default
+  re as default
 };

package/es/pro-page-header/constant.d.ts

@@ -0,0 +1,2 @@
+import { PageHeaderProps } from './interface.ts';
+export declare const defaultPageHeaderProps: PageHeaderProps;

package/es/pro-page-header/constant.js

@@ -0,0 +1,13 @@
+const e = {
+  title: "",
+  subTitle: "",
+  titlePosition: "top",
+  hideTitle: !1,
+  hideBackButton: !0,
+  breadcrumbRouterMode: !1,
+  breadcrumbPrefixIcon: "icon-apps",
+  breadcrumbItems: []
+};
+export {
+  e as defaultPageHeaderProps
+};

package/es/pro-page-header/index.d.ts

@@ -1,167 +1,17 @@
 import { App } from 'vue';
 declare const ProPageHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        title: {
-            type: import('vue').PropType<string>;
-            required: false;
-            default: string;
-        };
-        subTitle: {
-            type: import('vue').PropType<string>;
-            required: false;
-            default: string;
-        };
-        titlePosition: {
-            type: import('vue').PropType<"top" | "bottom">;
-            required: false;
-            default: string;
-        };
-        hideTitle: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbRouterMode: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbPrefixIcon: {
-            type: import('vue').PropType<boolean | string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbItems: {
-            type: import('vue').PropType<{
-                path?: string;
-                label: string;
-            }[]>;
-            required: false;
-            default: () => never[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        title: string;
-        subTitle: string;
-        titlePosition: "top" | "bottom";
-        hideTitle: boolean;
-        breadcrumbRouterMode: boolean;
-        breadcrumbPrefixIcon: string | boolean;
-        breadcrumbItems: {
-            path?: string;
-            label: string;
-        }[];
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        title: {
-            type: import('vue').PropType<string>;
-            required: false;
-            default: string;
-        };
-        subTitle: {
-            type: import('vue').PropType<string>;
-            required: false;
-            default: string;
-        };
-        titlePosition: {
-            type: import('vue').PropType<"top" | "bottom">;
-            required: false;
-            default: string;
-        };
-        hideTitle: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbRouterMode: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbPrefixIcon: {
-            type: import('vue').PropType<boolean | string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbItems: {
-            type: import('vue').PropType<{
-                path?: string;
-                label: string;
-            }[]>;
-            required: false;
-            default: () => never[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        title: string;
-        subTitle: string;
-        titlePosition: "top" | "bottom";
-        hideTitle: boolean;
-        breadcrumbRouterMode: boolean;
-        breadcrumbPrefixIcon: string | boolean;
-        breadcrumbItems: {
-            path?: string;
-            label: string;
-        }[];
-    }>;
+    }, Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    title: {
-        type: import('vue').PropType<string>;
-        required: false;
-        default: string;
-    };
-    subTitle: {
-        type: import('vue').PropType<string>;
-        required: false;
-        default: string;
-    };
-    titlePosition: {
-        type: import('vue').PropType<"top" | "bottom">;
-        required: false;
-        default: string;
-    };
-    hideTitle: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbRouterMode: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbPrefixIcon: {
-        type: import('vue').PropType<boolean | string>;
-        required: false;
-        default: string;
-    };
-    breadcrumbItems: {
-        type: import('vue').PropType<{
-            path?: string;
-            label: string;
-        }[]>;
-        required: false;
-        default: () => never[];
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    title: string;
-    subTitle: string;
-    titlePosition: "top" | "bottom";
-    hideTitle: boolean;
-    breadcrumbRouterMode: boolean;
-    breadcrumbPrefixIcon: string | boolean;
-    breadcrumbItems: {
-        path?: string;
-        label: string;
-    }[];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };
 export { ProPageHeader };