@keyblade/pro-components 1.13.1 → 1.13.3

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

@@ -8,19 +8,19 @@ declare const ProDateRangePicker: {
         endPlaceholder?: string;
         separator?: string;
         hideLabel?: boolean;
-        formItemProps?: FormItemProps;
-        datePickerProps?: DatePickerProps;
+        formItemProps?: import('@arco-design/web-vue').FormItemInstance;
+        datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:modelValue": (value: import('./type').IModelValue) => any;
     }, import('vue').PublicProps, {
+        hideLabel: boolean;
         startField: string;
         endField: string;
         startPlaceholder: string;
         endPlaceholder: string;
         separator: string;
-        hideLabel: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         startDatePickerRef: unknown;
         endDatePickerRef: unknown;
@@ -39,17 +39,17 @@ declare const ProDateRangePicker: {
         endPlaceholder?: string;
         separator?: string;
         hideLabel?: boolean;
-        formItemProps?: FormItemProps;
-        datePickerProps?: DatePickerProps;
+        formItemProps?: import('@arco-design/web-vue').FormItemInstance;
+        datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        hideLabel: boolean;
         startField: string;
         endField: string;
         startPlaceholder: string;
         endPlaceholder: string;
         separator: string;
-        hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -62,19 +62,19 @@ declare const ProDateRangePicker: {
     endPlaceholder?: string;
     separator?: string;
     hideLabel?: boolean;
-    formItemProps?: FormItemProps;
-    datePickerProps?: DatePickerProps;
+    formItemProps?: import('@arco-design/web-vue').FormItemInstance;
+    datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import('./type').IModelValue) => any;
 }, string, {
+    hideLabel: boolean;
     startField: string;
     endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
     separator: string;
-    hideLabel: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };

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

@@ -1,5 +1,5 @@
 import { IModelValue } from './type.ts';
-import { DatePickerProps, FormItemProps } from '@arco-design/web-vue';
+import { DatePickerInstance, FormItemInstance } from '@arco-design/web-vue';
 type __VLS_Props = {
     modelValue: IModelValue;
     startField?: string;
@@ -8,20 +8,20 @@ type __VLS_Props = {
     endPlaceholder?: string;
     separator?: string;
     hideLabel?: boolean;
-    formItemProps?: FormItemProps;
-    datePickerProps?: DatePickerProps;
+    formItemProps?: FormItemInstance;
+    datePickerProps?: DatePickerInstance;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: IModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
 }>, {
+    hideLabel: boolean;
     startField: string;
     endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
     separator: string;
-    hideLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     startDatePickerRef: unknown;
     endDatePickerRef: unknown;

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

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

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

@@ -31,6 +31,8 @@ type __VLS_Props = {
     singleLimit?: number;
     /** 最大允许上传个数 */
     limit?: number;
+    /** 文件超出个数限制时的提示文字 */
+    exceedTip?: string;
     /** 是否禁用 - 默认: false */
     disabled?: boolean;
     /** 隐藏内置上传文件之前的loading效果 - 默认: false */
@@ -597,6 +599,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
     }> | undefined>;
     cropperInsRef: import('vue').Ref<any, any>;
+    isUploadComplete: import('vue').ComputedRef<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: FileItem[]) => any;
 } & {
@@ -607,9 +610,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     name: string;
     accept: string[];
+    disabled: boolean;
     multiple: boolean;
     singleLimit: number;
-    disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     uploadInsRef: unknown;

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

@@ -1,13 +1,13 @@
-import { defineComponent as me, mergeModels as J, useSlots as ge, useModel as pe, ref as m, computed as M, watch as K, resolveComponent as he, createElementBlock as Ie, openBlock as X, createVNode as xe, createBlock as Ue, createCommentVNode as ye, normalizeClass as Ce, createSlots as Be, withCtx as Y, unref as Z, renderSlot as A } from "vue";
+import { defineComponent as ge, mergeModels as J, useSlots as pe, useModel as he, ref as m, computed as w, watch as K, resolveComponent as Ie, createElementBlock as xe, openBlock as X, createVNode as Ue, createBlock as ye, createCommentVNode as Ce, normalizeClass as Be, createSlots as we, withCtx as Y, unref as Z, renderSlot as A } 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";
 import { defaultImageUploadOptions as U } from "./constant.js";
-import we from "./cropper.vue.js";
-import { defaultImageUploadCheckOptions as Ee, defaultImageUploadCompressorOptions as Me, defaultImageUploadCropOptions as Se, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as Le } from "@keyblade/one-travel";
-const Oe = "keyblade-pro-image-upload";
+import Ee from "./cropper.vue.js";
+import { defaultImageUploadCheckOptions as Me, defaultImageUploadCompressorOptions as Se, defaultImageUploadCropOptions as be, oneTravelImageCheckAndTransform as Le, oneTravelImageCompressor as Oe } from "@keyblade/one-travel";
+const $e = "keyblade-pro-image-upload";
 var R, _, ee;
-const He = /* @__PURE__ */ me({
+const He = /* @__PURE__ */ ge({
   __name: "image-upload",
   props: /* @__PURE__ */ J({
     action: {},
@@ -23,6 +23,7 @@ const He = /* @__PURE__ */ me({
     multiple: { type: Boolean, default: U.multiple },
     singleLimit: { default: U.singleLimit },
     limit: {},
+    exceedTip: {},
     disabled: { type: Boolean, default: (_ = U) == null ? void 0 : _.disabled },
     hideInnerBeforeUploadLoading: { type: Boolean, default: (ee = U) == null ? void 0 : ee.hideInnerBeforeUploadLoading },
     checkOptions: {},
@@ -40,18 +41,16 @@ const He = /* @__PURE__ */ me({
   }),
   emits: /* @__PURE__ */ J(["cropperImgLoad"], ["update:modelValue"]),
   setup(y, { expose: ae, emit: le }) {
-    const O = ge(), r = pe(y, "modelValue"), e = y, oe = le, S = m(), $ = m(), p = m(), h = m(
-      []
-    ), n = m(), c = m(), s = m(), ne = M(() => e.accept.map((a) => `.${a}`).join(",")), f = M(() => L([e.checkOptions, Ee]) || {}), C = M(() => L([e.compressorOptions, Me]) || {}), B = M(() => L([e.cropOptions, Se]) || {}), te = (a) => {
+    const O = pe(), r = he(y, "modelValue"), e = y, oe = le, S = m(), $ = m(), p = m(), h = m([]), n = m(), c = m(), s = m(), ne = w(() => e.accept.map((a) => `.${a}`).join(",")), f = w(() => L([e.checkOptions, Me]) || {}), C = w(() => L([e.compressorOptions, Se]) || {}), B = w(() => L([e.cropOptions, be]) || {}), te = (a) => {
       var t, u, d, i;
       const l = (i = (d = (u = (t = S.value) == null ? void 0 : t.$el) == null ? void 0 : u.querySelector) == null ? void 0 : d.call(u, "input")) == null ? void 0 : i.files;
       return l && l.length > 0 && (s.value = {
         selectCount: l.length
-      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : s.value && (e != null && e.singleLimit) && s.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (s.value.handleIndex === void 0 ? (s.value.handleIndex = 0, g.clear(), g.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : s.value.handleIndex += 1, s.value.handleIndex === s.value.selectCount - 1 && (s.value = void 0), !1) : new Promise(async (w, E) => {
+      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : s.value && (e != null && e.singleLimit) && s.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (s.value.handleIndex === void 0 ? (s.value.handleIndex = 0, g.clear(), g.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : s.value.handleIndex += 1, s.value.handleIndex === s.value.selectCount - 1 && (s.value = void 0), !1) : new Promise(async (E, M) => {
         try {
-          w(await se(a));
+          E(await se(a));
         } catch {
-          E();
+          M();
         } finally {
           k();
         }
@@ -60,7 +59,7 @@ const He = /* @__PURE__ */ me({
       const l = r.value.findIndex((t) => t.uid === a.uid);
       return r.value.splice(l, 1), r.value = [...r.value], !1;
     }, re = (a, l) => {
-      e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), r.value = a);
+      e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(e.exceedTip ?? `超过数量上限，最多上传${(e == null ? void 0 : e.limit) || 1}张`), r.value = a);
     }, ue = async (a) => {
       if (e != null && e.onSuccess)
         e == null || e.onSuccess(a);
@@ -92,22 +91,22 @@ const He = /* @__PURE__ */ me({
       oe("cropperImgLoad", a);
     };
     K(n, async () => {
-      var w, E, b, F, z, j, Q, V, W, H, N, P, T, q, D, G;
+      var E, M, b, F, z, j, Q, T, V, W, H, N, P, q, D, G;
       if (n.value === void 0 || h.value.length === 0)
         return;
       const a = h.value[n.value], { file: l, resolve: t, reject: u } = a;
       let d = l.name, i = l;
-      if ((w = f.value) != null && w.enable) {
+      if ((E = f.value) != null && E.enable) {
         c.value = {
           loading: !0,
           text: `第${n.value + 1}张图片检测中，请稍等`
-        }, (E = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || E.call(
+        }, (M = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || M.call(
           e,
           l,
           n.value,
           v.check
         );
-        const o = await be(l, l.name, {
+        const o = await Le(l, l.name, {
           imageMaxSize: f.value.maxSize,
           imageAllowedType: f.value.allowedType,
           imageMinWidth: f.value.minWidth,
@@ -145,7 +144,7 @@ const He = /* @__PURE__ */ me({
         try {
           (Q = B.value) != null && Q.customCrop ? i = await B.value.customCrop(i) : i = await new Promise((o, x) => {
             p.value = { file: i, resolve: o, reject: x };
-          }), (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
+          }), (T = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || T.call(
             e,
             l,
             n.value,
@@ -155,7 +154,7 @@ const He = /* @__PURE__ */ me({
             }
           );
         } catch {
-          return (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
+          return (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
             e,
             l,
             n.value,
@@ -167,25 +166,25 @@ const He = /* @__PURE__ */ me({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (H = B.value) != null && H.showErrorMessage && g.error("图片剪裁失败"), u();
+          ), (W = B.value) != null && W.showErrorMessage && g.error("图片剪裁失败"), u();
         } finally {
           p.value = void 0;
         }
       }
-      if ((N = C.value) != null && N.enable) {
+      if ((H = C.value) != null && H.enable) {
         c.value = {
           loading: !0,
           text: `第${n.value + 1}张图片处理中，请稍等`
-        }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
+        }, (N = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || N.call(
           e,
           l,
           n.value,
           v.compress
         );
-        const o = await Le(i, {
+        const o = await Oe(i, {
           maxSize: C.value.maxSize,
           size: C.value.size,
-          excludeAllowedTypes: (T = C.value.excludeAllowedTypes) == null ? void 0 : T.map((x) => `image/${x}`)
+          excludeAllowedTypes: (P = C.value.excludeAllowedTypes) == null ? void 0 : P.map((x) => `image/${x}`)
         });
         if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
           e,
@@ -216,7 +215,7 @@ const He = /* @__PURE__ */ me({
       ), t(i);
     });
     let I;
-    return K(
+    K(
       () => c.value,
       () => {
         var a;
@@ -226,15 +225,18 @@ const He = /* @__PURE__ */ me({
           duration: 0
         }) : (a = I == null ? void 0 : I.close) == null || a.call(I);
       }
-    ), ae({
+    );
+    const me = w(() => r.value.every((a) => a.status && ["done", "error"].includes(a.status)));
+    return ae({
       uploadInsRef: S,
-      cropperInsRef: $
+      cropperInsRef: $,
+      isUploadComplete: me
     }), (a, l) => {
       var u, d;
-      const t = he("a-upload");
-      return X(), Ie("div", null, [
-        xe(t, {
-          class: Ce([`${Oe}-upload`]),
+      const t = Ie("a-upload");
+      return X(), xe("div", null, [
+        Ue(t, {
+          class: Be([`${$e}-upload`]),
           ref_key: "uploadInsRef",
           ref: S,
           "list-type": "picture-card",
@@ -255,7 +257,7 @@ const He = /* @__PURE__ */ me({
           onExceedLimit: re,
           onSuccess: ue,
           onError: de
-        }, Be({ _: 2 }, [
+        }, we({ _: 2 }, [
           (u = Z(O)) != null && u.image ? {
             name: "image",
             fn: Y(({ fileItem: i }) => [
@@ -271,7 +273,7 @@ const He = /* @__PURE__ */ me({
             key: "1"
           } : void 0
         ]), 1032, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
-        p.value && n.value !== void 0 ? (X(), Ue(we, {
+        p.value && n.value !== void 0 ? (X(), ye(Ee, {
           key: 0,
           ref_key: "cropperInsRef",
           ref: $,
@@ -281,7 +283,7 @@ const He = /* @__PURE__ */ me({
           onCancel: ce,
           onConfirm: fe,
           onImgLoad: ve
-        }, null, 8, ["file", "index", "options"])) : ye("", !0)
+        }, null, 8, ["file", "index", "options"])) : Ce("", !0)
       ]);
     };
   }

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

@@ -18,6 +18,7 @@ declare const ProImageUpload: {
         multiple?: boolean;
         singleLimit?: number;
         limit?: number;
+        exceedTip?: string;
         disabled?: boolean;
         hideInnerBeforeUploadLoading?: boolean;
         checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
@@ -520,6 +521,7 @@ declare const ProImageUpload: {
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
         }> | undefined>;
         cropperInsRef: import('vue').Ref<any, any>;
+        isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: import('@arco-design/web-vue').FileItem[]) => any;
     } & {
@@ -527,9 +529,9 @@ declare const ProImageUpload: {
     }, import('vue').PublicProps, {
         name: string;
         accept: string[];
+        disabled: boolean;
         multiple: boolean;
         singleLimit: number;
-        disabled: boolean;
         hideInnerBeforeUploadLoading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         uploadInsRef: unknown;
@@ -595,6 +597,7 @@ declare const ProImageUpload: {
         multiple?: boolean;
         singleLimit?: number;
         limit?: number;
+        exceedTip?: string;
         disabled?: boolean;
         hideInnerBeforeUploadLoading?: boolean;
         checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
@@ -1097,12 +1100,13 @@ declare const ProImageUpload: {
             listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
         }> | undefined>;
         cropperInsRef: import('vue').Ref<any, any>;
+        isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
         name: string;
         accept: string[];
+        disabled: boolean;
         multiple: boolean;
         singleLimit: number;
-        disabled: boolean;
         hideInnerBeforeUploadLoading: boolean;
     }>;
     __isFragment?: never;
@@ -1126,6 +1130,7 @@ declare const ProImageUpload: {
     multiple?: boolean;
     singleLimit?: number;
     limit?: number;
+    exceedTip?: string;
     disabled?: boolean;
     hideInnerBeforeUploadLoading?: boolean;
     checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
@@ -1628,6 +1633,7 @@ declare const ProImageUpload: {
         listType: import('@arco-design/web-vue/es/upload/interfaces').ListType;
     }> | undefined>;
     cropperInsRef: import('vue').Ref<any, any>;
+    isUploadComplete: import('vue').ComputedRef<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('@arco-design/web-vue').FileItem[]) => any;
 } & {
@@ -1635,9 +1641,9 @@ declare const ProImageUpload: {
 }, string, {
     name: string;
     accept: string[];
+    disabled: boolean;
     multiple: boolean;
     singleLimit: number;
-    disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,4 +1,4 @@
-import { FileItem } from '@arco-design/web-vue';
+import { FileItem, UploadInstance } from '@arco-design/web-vue';
 import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/one-travel';
 export declare enum EImageUploadInnerBeforeUploadStep {
     check = 1,
@@ -36,6 +36,8 @@ export interface ImageUploadOptions {
     singleLimit?: number;
     /** 最大允许上传个数 */
     limit?: number;
+    /** 文件超出个数限制时的提示文字 */
+    exceedTip?: string;
     /** 是否禁用 - 默认: false */
     disabled?: boolean;
     /** 隐藏内置上传文件之前的loading效果 - 默认: false */
@@ -73,3 +75,19 @@ export interface ImageUploadOptions {
         errorMessage?: string;
     }) => void;
 }
+export interface ImageUploadBeforeUploadQueue {
+    file: File;
+    resolve: (file: File) => void;
+    reject: () => void;
+}
+/**
+ * 导出实例对象
+ */
+export interface ImageUploadRef {
+    /** 原始上传组件实例对象 */
+    uploadInsRef: UploadInstance;
+    /** 剪裁组件对象 */
+    cropperInsRef: any;
+    /** 是否上传完成 */
+    isUploadComplete: boolean;
+}

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-ae94924a]{display:flex;align-items:center}
+.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(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-0382c1f4]{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.13.1",
+  "version": "1.13.3",
   "private": false,
   "type": "module",
   "main": "es/index.js",