@keyblade/pro-components 1.12.8 → 1.12.10

package/es/components.d.ts

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

package/es/index.d.ts

@@ -13,4 +13,5 @@ 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 ProDateRangePicker } from './pro-date-range-picker';
 export type {} from './components';

package/es/index.js

@@ -5,15 +5,17 @@ import { ProMenu as t } from "./pro-menu/index.js";
 import { ProPageContainer as i } from "./pro-page-container/index.js";
 import { ProReuseTabs as s } from "./pro-reuse-tabs/index.js";
 import { ProImageUpload as u } from "./pro-image-upload/index.js";
-import { EImageUploadInnerBeforeUploadStep as U } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as b } from "./pro-image-upload/constant.js";
-const p = {
+import { ProDateRangePicker as f } from "./pro-date-range-picker/index.js";
+import { EImageUploadInnerBeforeUploadStep as c } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as k } from "./pro-image-upload/constant.js";
+const I = {
   install(o) {
-    o.use(e), o.use(r), o.use(m), o.use(t), o.use(i), o.use(s), o.use(u);
+    o.use(e), o.use(r), o.use(m), o.use(t), o.use(i), o.use(s), o.use(u), o.use(f);
   }
 };
 export {
-  U as EImageUploadInnerBeforeUploadStep,
+  c as EImageUploadInnerBeforeUploadStep,
+  f as ProDateRangePicker,
   u as ProImageUpload,
   r as ProKeepAliveRouterView,
   m as ProLayout,
@@ -21,6 +23,6 @@ export {
   i as ProPageContainer,
   e as ProPageHeader,
   s as ProReuseTabs,
-  p as default,
-  b as defaultImageUploadOptions
+  I as default,
+  k as defaultImageUploadOptions
 };

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

@@ -0,0 +1,82 @@
+import { App } from 'vue';
+declare const ProDateRangePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue: {
+            startDate?: string;
+            endDate?: string;
+        };
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        separator?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            startDate?: string;
+            endDate?: string;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: {
+            startDate?: string;
+            endDate?: string;
+        }) => any;
+    }, import('vue').PublicProps, {
+        startPlaceholder: string;
+        endPlaceholder: string;
+        separator: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        startDatePickerRef: unknown;
+        endDatePickerRef: unknown;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue: {
+            startDate?: string;
+            endDate?: string;
+        };
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        separator?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            startDate?: string;
+            endDate?: string;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        startPlaceholder: string;
+        endPlaceholder: string;
+        separator: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue: {
+        startDate?: string;
+        endDate?: string;
+    };
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    separator?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        startDate?: string;
+        endDate?: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: {
+        startDate?: string;
+        endDate?: string;
+    }) => any;
+}, string, {
+    startPlaceholder: string;
+    endPlaceholder: string;
+    separator: 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 { ProDateRangePicker };
+export default ProDateRangePicker;

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

@@ -0,0 +1,11 @@
+import { Form as r } from "@arco-design/web-vue";
+import o from "./pro-date-range-picker.vue.js";
+const n = Object.assign(o, {
+  install: (e) => {
+    e.use(r), e.component("KbProDateRangePicker", o);
+  }
+});
+export {
+  n as ProDateRangePicker,
+  n as default
+};

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    modelValue: {
+        startDate?: string;
+        endDate?: string;
+    };
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    separator?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: {
+        startDate?: string;
+        endDate?: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        startDate?: string;
+        endDate?: string;
+    }) => any) | undefined;
+}>, {
+    startPlaceholder: string;
+    endPlaceholder: string;
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    startDatePickerRef: unknown;
+    endDatePickerRef: unknown;
+}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,101 @@
+import { defineComponent as v, ref as f, computed as D, resolveComponent as V, createElementBlock as P, openBlock as x, normalizeClass as E, createVNode as d, withCtx as n, createTextVNode as S, toDisplayString as R, nextTick as k } from "vue";
+import o from "dayjs";
+const T = "keyblade-pro-date-range-picker", q = /* @__PURE__ */ v({
+  __name: "pro-date-range-picker",
+  props: {
+    modelValue: {},
+    startPlaceholder: { default: "开始日期" },
+    endPlaceholder: { default: "结束日期" },
+    separator: { default: "至" }
+  },
+  emits: ["update:modelValue"],
+  setup(h, { emit: g }) {
+    const t = h, s = g, u = f(), i = f(), m = D({
+      get: () => t.modelValue.startDate,
+      set: (e) => {
+        s("update:modelValue", {
+          ...t.modelValue,
+          startDate: e
+        });
+      }
+    }), c = D({
+      get: () => t.modelValue.endDate,
+      set: (e) => {
+        s("update:modelValue", {
+          ...t.modelValue,
+          endDate: e
+        });
+      }
+    }), _ = (e) => t.modelValue.endDate ? o(e).isAfter(o(t.modelValue.endDate)) : !1, b = (e) => t.modelValue.startDate ? o(e).isBefore(o(t.modelValue.startDate)) : !1, y = () => {
+      setTimeout(() => {
+        t.modelValue.startDate && !t.modelValue.endDate && k(() => {
+          var a;
+          const e = (a = i.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          e && e.click();
+        });
+      });
+    }, C = () => {
+      setTimeout(() => {
+        t.modelValue.endDate && !t.modelValue.startDate && k(() => {
+          var a;
+          const e = (a = u.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          e && e.click();
+        });
+      });
+    };
+    return (e, a) => {
+      const p = V("a-date-picker"), r = V("a-form-item");
+      return x(), P("div", {
+        class: E(T)
+      }, [
+        d(r, {
+          field: "startDate",
+          style: { "margin-right": "8px" },
+          "hide-label": ""
+        }, {
+          default: n(() => [
+            d(p, {
+              ref_key: "startDatePickerRef",
+              ref: u,
+              modelValue: m.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (l) => m.value = l),
+              placeholder: e.startPlaceholder,
+              "disabled-date": (l) => _(l),
+              onChange: y
+            }, null, 8, ["modelValue", "placeholder", "disabled-date"])
+          ]),
+          _: 1
+        }),
+        d(r, {
+          "hide-label": "",
+          style: { "margin-right": "8px" }
+        }, {
+          default: n(() => [
+            S(R(e.separator), 1)
+          ]),
+          _: 1
+        }),
+        d(r, {
+          field: "endDate",
+          "hide-label": ""
+        }, {
+          default: n(() => [
+            d(p, {
+              ref_key: "endDatePickerRef",
+              ref: i,
+              modelValue: c.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (l) => c.value = l),
+              placeholder: e.endPlaceholder,
+              "disabled-date": (l) => b(l),
+              onChange: C
+            }, null, 8, ["modelValue", "placeholder", "disabled-date"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  q as default
+};

package/es/pro-image-upload/constant.js

@@ -1,4 +1,4 @@
-import { defaultImageUploadCheckOptions as e, defaultImageUploadCompressorOptions as o, defaultImageUploadCropOptions as p } from "@keyblade/one-travel";
+import { defaultImageUploadCropOptions as o, defaultImageUploadCompressorOptions as p, defaultImageUploadCheckOptions as e } from "@keyblade/one-travel";
 const l = {
   name: "file",
   accept: e.allowedType,
@@ -7,8 +7,8 @@ const l = {
   disabled: !1,
   hideInnerBeforeUploadLoading: !1,
   checkOptions: e,
-  compressorOptions: o,
-  cropOptions: p
+  compressorOptions: p,
+  cropOptions: o
 };
 export {
   l as defaultImageUploadOptions

package/es/pro-image-upload/cropper.vue.d.ts

@@ -16,5 +16,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     onConfirm?: ((value: File) => any) | undefined;
     onImgLoad?: ((value: File) => any) | undefined;
     onReUpload?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cropperInsRef: any;
+}, any>;
 export default _default;

package/es/pro-image-upload/cropper.vue.js

@@ -1,7 +1,7 @@
 import o from "./cropper.vue2.js";
 /* empty css             */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4b4b19db"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-72acd329"]]);
 export {
-  _ as default
+  m as default
 };

package/es/pro-image-upload/cropper.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as d, watch as M, resolveComponent as l, openBlock as P, createBlock as q, normalizeClass as m, withCtx as n, createVNode as e, mergeProps as G, createElementVNode as y, createTextVNode as x, nextTick as C } from "vue";
+import { defineComponent as D, ref as d, watch as M, resolveComponent as l, createBlock as P, openBlock as q, normalizeClass as m, withCtx as n, createVNode as e, createElementVNode as y, mergeProps as G, createTextVNode as x, nextTick as C } from "vue";
 import "vue-cropper/dist/index.css";
 import J from "vue-cropper/lib/vue-cropper.vue";
 const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
@@ -73,7 +73,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
       cropperInsRef: o
     }), (a, t) => {
       const i = l("a-spin"), h = l("icon-zoom-in"), c = l("a-button"), p = l("a-tooltip"), B = l("icon-zoom-out"), V = l("icon-rotate-right"), E = l("icon-rotate-left"), F = l("icon-sync"), T = l("a-button-group"), U = l("a-space"), j = l("a-modal");
-      return P(), q(j, {
+      return q(), P(j, {
         "render-to-body": "",
         class: m(`${r}-dialog`),
         title: "编辑图片",

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -560,5 +560,44 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     singleLimit: number;
     disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    uploadInsRef: unknown;
+    cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        file: File;
+        index: number;
+        options: ImageUploadCropOptions;
+    }> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: ((value: File) => any) | undefined;
+        onImgLoad?: ((value: File) => any) | undefined;
+        onReUpload?: ((index: number) => any) | undefined;
+    }>, {
+        cropperInsRef: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        cancel: () => any;
+        confirm: (value: File) => any;
+        imgLoad: (value: File) => any;
+        reUpload: (index: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        cropperInsRef: any;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        file: File;
+        index: number;
+        options: ImageUploadCropOptions;
+    }> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: ((value: File) => any) | undefined;
+        onImgLoad?: ((value: File) => any) | undefined;
+        onReUpload?: ((index: number) => any) | undefined;
+    }>, {
+        cropperInsRef: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
 export default _default;

package/es/pro-image-upload/image-upload.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as se, mergeModels as G, useModel as ce, ref as m, computed as M, watch as J, resolveComponent as fe, openBlock as K, createElementBlock as ve, createVNode as me, normalizeClass as ge, createBlock as pe, createCommentVNode as he } from "vue";
+import { defineComponent as se, mergeModels as G, useModel as ce, ref as m, computed as M, watch as J, resolveComponent as fe, createElementBlock as ve, openBlock as K, createVNode as me, createBlock as ge, createCommentVNode as pe, normalizeClass as he } from "vue";
 import { Message as g } from "@arco-design/web-vue";
 import { conclude as L } from "vue-global-config";
 import { EImageUploadInnerBeforeUploadStep as v } from "./types.js";
@@ -233,7 +233,7 @@ const Fe = /* @__PURE__ */ se({
       const t = fe("a-upload");
       return K(), ve("div", null, [
         me(t, {
-          class: ge([`${Ee}-upload`]),
+          class: he([`${Ee}-upload`]),
           ref_key: "uploadInsRef",
           ref: S,
           "list-type": "picture-card",
@@ -255,7 +255,7 @@ const Fe = /* @__PURE__ */ se({
           onSuccess: ne,
           onError: te
         }, null, 8, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
-        p.value && n.value !== void 0 ? (K(), pe(Ie, {
+        p.value && n.value !== void 0 ? (K(), ge(Ie, {
           key: 0,
           ref_key: "cropperInsRef",
           ref: O,
@@ -265,7 +265,7 @@ const Fe = /* @__PURE__ */ se({
           onCancel: re,
           onConfirm: ue,
           onImgLoad: de
-        }, null, 8, ["file", "index", "options"])) : he("", !0)
+        }, null, 8, ["file", "index", "options"])) : pe("", !0)
       ]);
     };
   }

package/es/pro-image-upload/index.d.ts

@@ -531,7 +531,46 @@ declare const ProImageUpload: {
         singleLimit: number;
         disabled: boolean;
         hideInnerBeforeUploadLoading: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        uploadInsRef: unknown;
+        cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            file: File;
+            index: number;
+            options: import('@keyblade/one-travel').ImageUploadCropOptions;
+        }> & Readonly<{
+            onCancel?: (() => any) | undefined;
+            onConfirm?: ((value: File) => any) | undefined;
+            onImgLoad?: ((value: File) => any) | undefined;
+            onReUpload?: ((index: number) => any) | undefined;
+        }>, {
+            cropperInsRef: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            cancel: () => any;
+            confirm: (value: File) => any;
+            imgLoad: (value: File) => any;
+            reUpload: (index: number) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            cropperInsRef: any;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            file: File;
+            index: number;
+            options: import('@keyblade/one-travel').ImageUploadCropOptions;
+        }> & Readonly<{
+            onCancel?: (() => any) | undefined;
+            onConfirm?: ((value: File) => any) | undefined;
+            onImgLoad?: ((value: File) => any) | undefined;
+            onReUpload?: ((index: number) => any) | undefined;
+        }>, {
+            cropperInsRef: import('vue').Ref<any, any>;
+        }, {}, {}, {}, {}> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js

@@ -1,5 +1,6 @@
-import { defineComponent as o, inject as s, computed as r, resolveComponent as A, openBlock as i, createBlock as t, withCtx as k, KeepAlive as x, resolveDynamicComponent as y } from "vue";
-const _ = /* @__PURE__ */ o({
+import { defineComponent as f, inject as s, computed as r, resolveComponent as A, createBlock as i, openBlock as t, withCtx as k, KeepAlive as x, resolveDynamicComponent as y } from "vue";
+import "vue-router";
+const I = /* @__PURE__ */ f({
   __name: "pro-keep-alive-router-view",
   props: {
     /** 包含 */
@@ -22,7 +23,7 @@ const _ = /* @__PURE__ */ o({
     }
   },
   setup(d) {
-    const u = (e) => {
+    const m = (e) => {
       var p, n, c, a;
       if ((p = e == null ? void 0 : e.meta) != null && p.componentKey) {
         if (((c = e == null ? void 0 : e.meta) == null ? void 0 : c.componentKey) === "path")
@@ -31,18 +32,18 @@ const _ = /* @__PURE__ */ o({
           return e.fullPath;
       } else
         return (n = e == null ? void 0 : e.meta) != null && n.ignoreCache ? e.path : e.fullPath;
-    }, l = d, v = s("ProKeepAliveInclude", []), m = r(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? v.value : l.keepAliveInclude || []), f = r(() => l.keepAliveExclude || []);
+    }, l = d, u = s("ProKeepAliveInclude", []), v = r(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? u.value : l.keepAliveInclude || []), o = r(() => l.keepAliveExclude || []);
     return (e, p) => {
       const n = A("router-view");
-      return i(), t(n, null, {
+      return t(), i(n, null, {
         default: k(({ Component: c, route: a }) => [
-          (i(), t(x, {
-            include: m.value,
-            exclude: f.value,
+          (t(), i(x, {
+            include: v.value,
+            exclude: o.value,
             max: d.keepAliveMax
           }, [
-            (i(), t(y(c), {
-              key: u(a)
+            (t(), i(y(c), {
+              key: m(a)
             }))
           ], 1032, ["include", "exclude", "max"]))
         ]),
@@ -52,5 +53,5 @@ const _ = /* @__PURE__ */ o({
   }
 });
 export {
-  _ as default
+  I as default
 };

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

@@ -91,11 +91,11 @@ declare const ProLayout: {
             required: false;
         };
     }>> & Readonly<{
-        onCollapse?: ((collapsed: boolean) => any) | undefined;
-        onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        onCollapse?: ((_collapsed: boolean) => any) | undefined;
+        onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        collapse: (collapsed: boolean) => void;
-        keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+        collapse: (_collapsed: boolean) => void;
+        keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
     }, import('vue').PublicProps, {
         title: string;
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -212,8 +212,8 @@ declare const ProLayout: {
             required: false;
         };
     }>> & Readonly<{
-        onCollapse?: ((collapsed: boolean) => any) | undefined;
-        onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        onCollapse?: ((_collapsed: boolean) => any) | undefined;
+        onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
         title: string;
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -327,11 +327,11 @@ declare const ProLayout: {
         required: false;
     };
 }>> & Readonly<{
-    onCollapse?: ((collapsed: boolean) => any) | undefined;
-    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+    onCollapse?: ((_collapsed: boolean) => any) | undefined;
+    onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    collapse: (collapsed: boolean) => void;
-    keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+    collapse: (_collapsed: boolean) => void;
+    keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
 }, string, {
     title: string;
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -352,10 +352,10 @@ declare const ProLayout: {
     disableKeepAlive: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        "header-left"?(_: {}): any;
-        "header-center"?(_: {}): any;
-        "header-right"?(_: {}): any;
-        "sider-top"?(_: {}): any;
+        'header-left'?(_: {}): any;
+        'header-center'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        'sider-top'?(_: {}): any;
         footer?(_: {}): any;
     };
 }) & {

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

@@ -4,10 +4,10 @@ import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        "header-left"?(_: {}): any;
-        "header-center"?(_: {}): any;
-        "header-right"?(_: {}): any;
-        "sider-top"?(_: {}): any;
+        'header-left'?(_: {}): any;
+        'header-center'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        'sider-top'?(_: {}): any;
         footer?(_: {}): any;
     };
     refs: {};
@@ -127,8 +127,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    collapse: (collapsed: boolean) => void;
-    keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
+    collapse: (_collapsed: boolean) => void;
+    keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * 布局模式
@@ -242,8 +242,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
     };
 }>> & Readonly<{
-    onCollapse?: ((collapsed: boolean) => any) | undefined;
-    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+    onCollapse?: ((_collapsed: boolean) => any) | undefined;
+    onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
 }>, {
     title: string;
     menuProps: Partial<MenuProps>;

package/es/pro-layout/pro-layout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, useCssVars as te, toRefs as ae, useSlots as le, provide as _, ref as A, onMounted as oe, watch as W, resolveComponent as o, openBlock as s, createBlock as u, normalizeClass as l, withCtx as n, createElementVNode as p, unref as i, renderSlot as y, createElementBlock as h, Fragment as $, createVNode as c, createTextVNode as C, toDisplayString as q, createCommentVNode as f } from "vue";
+import { defineComponent as ee, useCssVars as te, ref as A, toRefs as ae, useSlots as le, provide as _, onMounted as oe, watch as W, resolveComponent as o, createBlock as u, openBlock as s, normalizeClass as l, withCtx as n, createCommentVNode as c, createVNode as f, createElementVNode as p, renderSlot as y, createElementBlock as h, unref as i, Fragment as $, createTextVNode as C, toDisplayString as q } from "vue";
 import { useHooks as se } from "./hooks.js";
 import { useRouter as de } from "vue-router";
 const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @__PURE__ */ ee({
@@ -124,9 +124,9 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
   },
   setup(e, { emit: K }) {
     te((a) => ({
-      "3c05dc68": x.value,
-      ec912df6: V,
-      "5212d940": F
+      "41512b1e": x.value,
+      "514ba31c": V,
+      "27c679ae": F
     }));
     const d = e, T = K, b = de(), { menuItems: I } = ae(d), m = le(), {
       menuSelectedKeys: M,
@@ -166,7 +166,7 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
         class: l([t, `${t}-${e.layout}`])
       }, {
         default: n(() => [
-          e.hideHeader ? f("", !0) : (s(), u(E, {
+          e.hideHeader ? c("", !0) : (s(), u(E, {
             key: 0,
             class: l([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
           }, {
@@ -179,14 +179,14 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                     key: 0,
                     class: l(`${t}-header-left-logo`)
                   }, [
-                    c(H, null, {
+                    f(H, null, {
                       default: n(() => [
                         p("img", {
                           class: l(`${t}-header-left-logo-img`),
                           alt: "logo",
                           src: e.logo
                         }, null, 10, ne),
-                        r.value ? f("", !0) : (s(), u(w, {
+                        r.value ? c("", !0) : (s(), u(w, {
                           key: 0,
                           class: l(`${t}-header-left-logo-title`),
                           heading: 5
@@ -199,13 +199,13 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                       ]),
                       _: 1
                     })
-                  ], 2)) : f("", !0)
+                  ], 2)) : c("", !0)
                 ], 64))
               ], 2),
               p("div", {
                 class: l(`${t}-header-center`)
               }, [
-                i(m)["header-center"] ? y(a.$slots, "header-center", { key: 0 }) : f("", !0)
+                i(m)["header-center"] ? y(a.$slots, "header-center", { key: 0 }) : c("", !0)
               ], 2),
               p("div", {
                 class: l(`${t}-header-right`)
@@ -215,9 +215,9 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
             ]),
             _: 3
           }, 8, ["class"])),
-          c(v, null, {
+          f(v, null, {
             default: n(() => [
-              c(L, {
+              f(L, {
                 class: l([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
@@ -235,14 +235,14 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                         key: 0,
                         class: l(`${t}-sider-content-logo`)
                       }, [
-                        c(H, null, {
+                        f(H, null, {
                           default: n(() => [
                             p("img", {
                               class: l(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
                             }, null, 10, re),
-                            r.value ? f("", !0) : (s(), u(w, {
+                            r.value ? c("", !0) : (s(), u(w, {
                               key: 0,
                               class: l(`${t}-sider-content-logo-title`),
                               heading: 5
@@ -255,9 +255,9 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                           ]),
                           _: 1
                         })
-                      ], 2)) : f("", !0)
+                      ], 2)) : c("", !0)
                     ], 64)),
-                    c(j, {
+                    f(j, {
                       collapsed: r.value,
                       "selected-keys": i(M),
                       items: i(I),
@@ -265,7 +265,7 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                       onMenuItemClick: R
                     }, null, 8, ["collapsed", "selected-keys", "items", "menu-props"])
                   ], 2),
-                  c(J, {
+                  f(J, {
                     class: l(`${t}-sider-collapse-btn`),
                     size: "mini",
                     onClick: g[0] || (g[0] = (ue) => P(!r.value))
@@ -278,11 +278,11 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                 ]),
                 _: 3
               }, 8, ["class", "width", "breakpoint", "collapsed"]),
-              c(v, {
+              f(v, {
                 class: l([`${t}-body`, { [`${t}-body-collapsed`]: r.value }])
               }, {
                 default: n(() => [
-                  e.hideTabs ? f("", !0) : (s(), u(U, {
+                  e.hideTabs ? c("", !0) : (s(), u(U, {
                     key: 0,
                     class: l(`${t}-body-affix`),
                     offsetTop: e.hideHeader ? 0 : e.headerHeight
@@ -296,17 +296,17 @@ const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @_
                         "tabs-header-padding": e.tabsHeaderPadding,
                         onTabClick: i(D),
                         onTabDelete: i(S)
-                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
+                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : c("", !0)
                     ]),
                     _: 1
                   }, 8, ["class", "offsetTop"])),
-                  c(Y, null, {
+                  f(Y, null, {
                     default: n(() => [
-                      c(X)
+                      f(X)
                     ]),
                     _: 1
                   }),
-                  e.hideFooter ? f("", !0) : (s(), h($, { key: 1 }, [
+                  e.hideFooter ? c("", !0) : (s(), h($, { key: 1 }, [
                     i(m).footer !== void 0 ? y(a.$slots, "footer", { key: 0 }) : (s(), u(Z, {
                       key: 1,
                       class: l(`${t}-body-footer`)

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

@@ -24,9 +24,9 @@ declare const ProMenu: {
             default: () => {};
         };
     }>> & Readonly<{
-        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+        "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "menu-item-click": (item: import('./interface').IProMenuItem) => void;
+        "menu-item-click": (_item: import('./interface').IProMenuItem) => void;
     }, import('vue').PublicProps, {
         mode: "horizontal" | "vertical";
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -61,7 +61,7 @@ declare const ProMenu: {
             default: () => {};
         };
     }>> & Readonly<{
-        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+        "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mode: "horizontal" | "vertical";
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -93,9 +93,9 @@ declare const ProMenu: {
         default: () => {};
     };
 }>> & Readonly<{
-    "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+    "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "menu-item-click": (item: import('./interface').IProMenuItem) => void;
+    "menu-item-click": (_item: import('./interface').IProMenuItem) => void;
 }, string, {
     mode: "horizontal" | "vertical";
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;

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

@@ -25,7 +25,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => {};
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "menu-item-click": (item: IProMenuItem) => void;
+    "menu-item-click": (_item: IProMenuItem) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     mode: {
         type: PropType<"horizontal" | "vertical">;
@@ -50,7 +50,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{
-    "onMenu-item-click"?: ((item: IProMenuItem) => any) | undefined;
+    "onMenu-item-click"?: ((_item: IProMenuItem) => any) | undefined;
 }>, {
     mode: "horizontal" | "vertical";
     menuProps: Partial<MenuProps>;

package/es/pro-menu/pro-menu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as g, resolveComponent as k, openBlock as l, createBlock as u, mergeProps as R, withCtx as a, createVNode as j, unref as f, createElementBlock as s, Fragment as _, createSlots as b, createTextVNode as x, toDisplayString as q, renderList as I, createCommentVNode as r, resolveDynamicComponent as N, normalizeClass as T } from "vue";
+import { defineComponent as A, computed as g, resolveComponent as k, createBlock as u, openBlock as l, mergeProps as R, withCtx as a, createVNode as j, createElementBlock as s, unref as f, createCommentVNode as r, Fragment as _, createSlots as b, renderList as x, createTextVNode as q, toDisplayString as I, resolveDynamicComponent as N, normalizeClass as T } from "vue";
 import { createReusableTemplate as w } from "@vueuse/core";
 const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-item", W = /* @__PURE__ */ A({
   __name: "pro-menu",
@@ -58,10 +58,10 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
                     key: e.name
                   }, b({
                     title: a(() => [
-                      x(q(e.title), 1)
+                      q(I(e.title), 1)
                     ]),
                     default: a(() => [
-                      e != null && e.hideChildrenInMenu ? r("", !0) : (l(!0), s(_, { key: 0 }, I((e == null ? void 0 : e.children) || [], (p) => (l(), u(f(h), {
+                      e != null && e.hideChildrenInMenu ? r("", !0) : (l(!0), s(_, { key: 0 }, x((e == null ? void 0 : e.children) || [], (p) => (l(), u(f(h), {
                         key: p.name,
                         item: p
                       }, null, 8, ["item"]))), 128))
@@ -87,7 +87,7 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
                     onClick: (p) => P(e)
                   }, b({
                     default: a(() => [
-                      x(" " + q(e.title), 1)
+                      q(" " + I(e.title), 1)
                     ]),
                     _: 2
                   }, [
@@ -110,7 +110,7 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
             }),
             _: 1
           }),
-          (l(!0), s(_, null, I(c.items, (e) => (l(), u(f(h), {
+          (l(!0), s(_, null, x(c.items, (e) => (l(), u(f(h), {
             key: e.name,
             item: e
           }, null, 8, ["item"]))), 128))

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

@@ -1,4 +1,4 @@
-import { defineComponent as l, resolveComponent as c, openBlock as a, createElementBlock as n, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
+import { defineComponent as l, resolveComponent as c, createElementBlock as n, openBlock as a, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
 const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
   __name: "pro-page-container",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, inject as N, computed as V, resolveComponent as n, openBlock as a, createElementBlock as u, normalizeClass as s, createVNode as r, unref as c, withCtx as l, createTextVNode as p, toDisplayString as f, createBlock as d, createCommentVNode as i, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
+import { defineComponent as S, inject as N, computed as V, resolveComponent as n, createElementBlock as u, openBlock as a, normalizeClass as s, createVNode as r, createCommentVNode as d, unref as c, withCtx as l, createBlock as i, createTextVNode as p, toDisplayString as f, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
 import { createReusableTemplate as x } from "@vueuse/core";
 const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
   __name: "pro-page-header",
@@ -55,7 +55,7 @@ const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
       }, [
         r(c(B), null, {
           default: l(() => [
-            o.hideTitle ? i("", !0) : (a(), u("div", {
+            o.hideTitle ? d("", !0) : (a(), u("div", {
               key: 0,
               class: s(`${b}-section-title`)
             }, [
@@ -71,7 +71,7 @@ const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
                 }),
                 _: 1
               }, 8, ["class"]),
-              e != null && e.subTitle ? (a(), d(C, {
+              e != null && e.subTitle ? (a(), i(C, {
                 key: 0,
                 type: "secondary",
                 class: s(`${b}-subtitle`)
@@ -80,7 +80,7 @@ const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
                   p(f(e == null ? void 0 : e.subTitle), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : i("", !0)
+              }, 8, ["class"])) : d("", !0)
             ], 2))
           ]),
           _: 1
@@ -91,20 +91,20 @@ const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
               class: s(`${b}-section-breadcrumb`)
             }, {
               default: l(() => [
-                o.breadcrumbPrefixIcon ? (a(), d(h, {
+                o.breadcrumbPrefixIcon ? (a(), i(h, {
                   key: 0,
                   style: { cursor: "text" }
                 }, {
                   default: l(() => [
-                    (a(), d(A(o.breadcrumbPrefixIcon)))
+                    (a(), i(A(o.breadcrumbPrefixIcon)))
                   ]),
                   _: 1
-                })) : i("", !0),
-                (a(!0), u(_, null, D(y.value, (t, m) => (a(), d(h, {
+                })) : d("", !0),
+                (a(!0), u(_, null, D(y.value, (t, m) => (a(), i(h, {
                   key: `${t}-${m}`
                 }, {
                   default: l(() => [
-                    o.breadcrumbRouterMode ? (a(), d($, {
+                    o.breadcrumbRouterMode ? (a(), i($, {
                       key: 0,
                       to: (t == null ? void 0 : t.path) || ""
                     }, {
@@ -130,11 +130,11 @@ const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
         o.titlePosition === "top" ? (a(), u(_, { key: 0 }, [
           r(c(g)),
           r(c(k))
-        ], 64)) : i("", !0),
+        ], 64)) : d("", !0),
         o.titlePosition === "bottom" ? (a(), u(_, { key: 1 }, [
           r(c(k)),
           r(c(g))
-        ], 64)) : i("", !0)
+        ], 64)) : d("", !0)
       ]);
     };
   }

package/es/pro-reuse-tabs/index.d.ts

@@ -22,11 +22,11 @@ declare const ProReuseTabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        "onTab-click"?: ((key: string) => any) | undefined;
-        "onTab-delete"?: ((key: string) => any) | undefined;
+        "onTab-click"?: ((_key: string) => any) | undefined;
+        "onTab-delete"?: ((_key: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "tab-click": (key: string) => void;
-        "tab-delete": (key: string) => void;
+        "tab-click": (_key: string) => void;
+        "tab-delete": (_key: string) => void;
     }, import('vue').PublicProps, {
         tabs: import('./interface').IProTab[];
         tabsSize: "small" | "mini" | "medium" | "large";
@@ -61,8 +61,8 @@ declare const ProReuseTabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        "onTab-click"?: ((key: string) => any) | undefined;
-        "onTab-delete"?: ((key: string) => any) | undefined;
+        "onTab-click"?: ((_key: string) => any) | undefined;
+        "onTab-delete"?: ((_key: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         tabs: import('./interface').IProTab[];
         tabsSize: "small" | "mini" | "medium" | "large";
@@ -94,11 +94,11 @@ declare const ProReuseTabs: {
         default: boolean;
     };
 }>> & Readonly<{
-    "onTab-click"?: ((key: string) => any) | undefined;
-    "onTab-delete"?: ((key: string) => any) | undefined;
+    "onTab-click"?: ((_key: string) => any) | undefined;
+    "onTab-delete"?: ((_key: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "tab-click": (key: string) => void;
-    "tab-delete": (key: string) => void;
+    "tab-click": (_key: string) => void;
+    "tab-delete": (_key: string) => void;
 }, string, {
     tabs: import('./interface').IProTab[];
     tabsSize: "small" | "mini" | "medium" | "large";

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -23,8 +23,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "tab-click": (key: string) => void;
-    "tab-delete": (key: string) => void;
+    "tab-click": (_key: string) => void;
+    "tab-delete": (_key: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tabs: {
         type: PropType<IProTab[]>;
@@ -48,8 +48,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    "onTab-click"?: ((key: string) => any) | undefined;
-    "onTab-delete"?: ((key: string) => any) | undefined;
+    "onTab-click"?: ((_key: string) => any) | undefined;
+    "onTab-delete"?: ((_key: string) => any) | undefined;
 }>, {
     tabs: IProTab[];
     tabsSize: "small" | "mini" | "medium" | "large";

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, computed as f, resolveComponent as l, openBlock as a, createElementBlock as s, normalizeClass as k, createVNode as g, withCtx as v, Fragment as h, renderList as C, createBlock as S } from "vue";
-const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ y({
+import { defineComponent as y, computed as f, resolveComponent as l, createElementBlock as s, openBlock as a, normalizeClass as k, createVNode as g, withCtx as v, Fragment as h, renderList as C, createBlock as S } from "vue";
+const _ = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ y({
   __name: "pro-reuse-tabs",
   props: {
     tabs: {
@@ -40,7 +40,7 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ y({
     return (t, r) => {
       const m = l("a-tab-pane"), p = l("a-tabs");
       return a(), s("div", {
-        class: k(z)
+        class: k(_)
       }, [
         g(p, {
           "active-key": c.value,
@@ -66,5 +66,5 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ y({
   }
 });
 export {
-  x as default
+  q as default
 };

package/es/{styles.css → 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(--3c05dc68);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(--3c05dc68);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(--3c05dc68);padding-left:var(--ec912df6);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-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(--5212d940)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--ec912df6);width:calc(100% - var(--ec912df6))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5212d940);width:calc(100% - var(--5212d940))}.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-image-upload-cropper-dialog-cropper-wrapper[data-v-4b4b19db]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-4b4b19db]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-4b4b19db]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-4b4b19db]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-4b4b19db]{flex:1;display:flex;align-items:center;justify-content:flex-end}
+.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(--41512b1e);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(--41512b1e);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(--41512b1e);padding-left:var(--514ba31c);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-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(--27c679ae)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--514ba31c);width:calc(100% - var(--514ba31c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--27c679ae);width:calc(100% - var(--27c679ae))}.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-image-upload-cropper-dialog-cropper-wrapper[data-v-72acd329]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-72acd329]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-72acd329]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-f19054ef]{display:flex;align-items:center}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.12.8",
+  "version": "1.12.10",
   "private": false,
   "type": "module",
   "main": "es/index.js",