@keyblade/pro-components 1.12.16 → 1.12.17

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

@@ -0,0 +1,70 @@
+import { App } from 'vue';
+declare const ProDateRangePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue: import('./type').IModelValue;
+        startField?: string;
+        endField?: string;
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        separator?: string;
+    }> & 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, {
+        startField: string;
+        endField: string;
+        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: import('./type').IModelValue;
+        startField?: string;
+        endField?: string;
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        separator?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        startField: string;
+        endField: string;
+        startPlaceholder: string;
+        endPlaceholder: string;
+        separator: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue: import('./type').IModelValue;
+    startField?: string;
+    endField?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    separator?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: import('./type').IModelValue) => any;
+}, string, {
+    startField: string;
+    endField: 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/pro-date-range-picker.vue.d.ts

@@ -1,6 +1,4 @@
-interface IModelValue {
-    [key: string]: string;
-}
+import { IModelValue } from './type.ts';
 type __VLS_Props = {
     modelValue: IModelValue;
     startField?: string;

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-a2d94a6c"]]);
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8dc7d86d"]]);
 export {
   _ as default
 };

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

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

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

@@ -0,0 +1,3 @@
+export interface IModelValue {
+    [key: string]: any;
+}

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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-72acd329"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1bddf267"]]);
 export {
   m as default
 };

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

@@ -1,7 +1,7 @@
-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 { defineComponent as D, ref as d, computed as M, watch as q, resolveComponent as l, createBlock as G, openBlock as J, normalizeClass as m, withCtx as n, createVNode as e, createElementVNode as y, mergeProps as K, createTextVNode as W, 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({
+import O from "vue-cropper/lib/vue-cropper.vue";
+const s = "keyblade-pro-image-upload-cropper", Z = /* @__PURE__ */ D({
   __name: "cropper",
   props: {
     file: {},
@@ -9,15 +9,23 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
     options: {}
   },
   emits: ["cancel", "confirm", "imgLoad", "reUpload"],
-  setup(H, { expose: R, emit: W }) {
-    const s = H, f = W, o = d(), w = d(), u = d(!0), _ = d(!1), g = d({
+  setup(x, { expose: H, emit: R }) {
+    const c = x, f = R, o = d(), w = d(), u = d(!0), _ = d(!1), z = M(() => {
+      var t;
+      const a = (((t = c == null ? void 0 : c.file) == null ? void 0 : t.name) || "").toLowerCase();
+      return a.endsWith(".jpg") || a.endsWith(".jpeg") ? {
+        ...c.options,
+        outputType: "jpeg",
+        outputSize: 0.95
+      } : c.options;
+    }), g = d({
       autoCropWidth: 100,
       autoCropHeight: 100
-    }), z = () => {
+    }), I = () => {
       o.value.changeScale(1);
-    }, I = () => {
-      o.value.changeScale(-1);
     }, L = () => {
+      o.value.changeScale(-1);
+    }, S = () => {
       o.value.rotateRight();
       const { w: a, h: t } = v();
       C(() => {
@@ -35,47 +43,47 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
       });
     }, b = () => {
       f("cancel");
-    }, S = () => {
+    }, j = () => {
       u.value || _.value || (_.value = !0, o.value.getCropBlob((a) => {
         _.value = !1;
-        const t = new File([a], s.file.name, { type: "image/jpeg" });
+        const t = new File([a], c.file.name, { type: "image/jpeg" });
         f("confirm", t);
       }));
     }, A = () => {
       u.value = !1;
       const { w: a, h: t } = v();
-      g.value.autoCropWidth = a, g.value.autoCropHeight = t, f("imgLoad", s.file);
+      g.value.autoCropWidth = a, g.value.autoCropHeight = t, f("imgLoad", c.file);
     }, v = () => {
-      const a = Math.abs(o.value.rotate) % 2 > 0, t = (a ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, i = (a ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
-      return { w: t, h: i };
+      const a = Math.abs(o.value.rotate) % 2 > 0, t = (a ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, r = (a ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
+      return { w: t, h: r };
     };
-    return M(
-      () => s.file,
+    return q(
+      () => c.file,
       () => {
-        if (s.file) {
+        if (c.file) {
           u.value = !0, o.value && o.value.clearCrop();
           const a = new FileReader();
           a.onloadend = () => {
-            const t = a.result, i = new Image();
-            i.onload = () => {
-              const h = i.width, c = i.height;
+            const t = a.result, r = new Image();
+            r.onload = () => {
+              const h = r.width, i = r.height;
               w.value = {
                 data: t,
                 width: h,
-                height: c
+                height: i
               };
-            }, i.src = t;
-          }, a.readAsDataURL(s.file);
+            }, r.src = t;
+          }, a.readAsDataURL(c.file);
         }
       },
       { immediate: !0 }
-    ), R({
+    ), H({
       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 q(), P(j, {
+      const r = l("a-spin"), h = l("icon-zoom-in"), i = l("a-button"), p = l("a-tooltip"), B = l("icon-zoom-out"), V = l("icon-rotate-right"), T = l("icon-rotate-left"), E = l("icon-sync"), F = l("a-button-group"), P = l("a-space"), U = l("a-modal");
+      return J(), G(U, {
         "render-to-body": "",
-        class: m(`${r}-dialog`),
+        class: m(`${s}-dialog`),
         title: "编辑图片",
         width: "675px",
         visible: !0,
@@ -86,36 +94,36 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
         onCancel: b
       }, {
         default: n(() => [
-          e(i, {
-            class: m(`${r}-dialog-cropper-wrapper`),
+          e(r, {
+            class: m(`${s}-dialog-cropper-wrapper`),
             loading: u.value
           }, {
             default: n(() => {
               var k;
               return [
-                e(J, G({
+                e(O, K({
                   ref_key: "cropperInsRef",
                   ref: o,
-                  class: `${r}-dialog-cropper`,
+                  class: `${s}-dialog-cropper`,
                   img: (k = w.value) == null ? void 0 : k.data,
                   info: !1,
                   autoCrop: !0,
                   autoCropWidth: g.value.autoCropWidth,
                   autoCropHeight: g.value.autoCropHeight,
                   full: !0
-                }, a.options, { onImgLoad: A }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
+                }, z.value, { onImgLoad: A }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
               ];
             }),
             _: 1
           }, 8, ["class", "loading"]),
           y("div", {
-            class: m(`${r}-dialog-operate`)
+            class: m(`${s}-dialog-operate`)
           }, [
-            e(T, { type: "primary" }, {
+            e(F, { type: "primary" }, {
               default: n(() => [
                 e(p, { content: "放大" }, {
                   default: n(() => [
-                    e(c, { onClick: z }, {
+                    e(i, { onClick: I }, {
                       icon: n(() => [
                         e(h)
                       ]),
@@ -126,7 +134,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
                 }),
                 e(p, { content: "缩小" }, {
                   default: n(() => [
-                    e(c, { onClick: I }, {
+                    e(i, { onClick: L }, {
                       icon: n(() => [
                         e(B)
                       ]),
@@ -137,7 +145,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
                 }),
                 e(p, { content: "向右旋转" }, {
                   default: n(() => [
-                    e(c, { onClick: L }, {
+                    e(i, { onClick: S }, {
                       icon: n(() => [
                         e(V)
                       ]),
@@ -148,9 +156,9 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
                 }),
                 e(p, { content: "向左旋转" }, {
                   default: n(() => [
-                    e(c, { onClick: $ }, {
+                    e(i, { onClick: $ }, {
                       icon: n(() => [
-                        e(E)
+                        e(T)
                       ]),
                       _: 1
                     })
@@ -159,9 +167,9 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
                 }),
                 e(p, { content: "重置" }, {
                   default: n(() => [
-                    e(c, { onClick: N }, {
+                    e(i, { onClick: N }, {
                       icon: n(() => [
-                        e(F)
+                        e(E)
                       ]),
                       _: 1
                     })
@@ -173,26 +181,26 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
             })
           ], 2),
           y("div", {
-            class: m(`${r}-dialog-footer`)
+            class: m(`${s}-dialog-footer`)
           }, [
-            e(U, {
-              class: m(`${r}-dialog-footer-right`)
+            e(P, {
+              class: m(`${s}-dialog-footer-right`)
             }, {
               default: n(() => [
-                e(c, { onClick: b }, {
+                e(i, { onClick: b }, {
                   default: n(() => t[0] || (t[0] = [
-                    x("取消")
+                    W("取消")
                   ])),
                   _: 1
                 }),
-                e(c, {
+                e(i, {
                   disabled: u.value,
                   type: "primary",
-                  onClick: S,
+                  onClick: j,
                   loading: _.value
                 }, {
                   default: n(() => t[1] || (t[1] = [
-                    x("确定")
+                    W("确定")
                   ])),
                   _: 1
                 }, 8, ["disabled", "loading"])
@@ -207,5 +215,5 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
   }
 });
 export {
-  X as default
+  Z as default
 };

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

@@ -55,7 +55,7 @@ export interface ImageUploadOptions {
     onError?: (fileItem: FileItem) => void;
     /** 文件超出个数限制时的钩子 */
     onExceed?: (fileList: FileItem[], files: File[]) => void;
-    /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。*/
+    /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。 */
     onBeforeUpload?: (file: File) => boolean | Promise<any>;
     /** 内置上传文件之前开始 */
     onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;

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(--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-a2d94a6c]{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(--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-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-8dc7d86d]{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.16",
+  "version": "1.12.17",
   "private": false,
   "type": "module",
   "main": "es/index.js",