@keyblade/pro-components 1.13.8-alpha.3 → 1.13.8-alpha.4

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

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

@@ -1,7 +1,7 @@
-import { defineComponent as R, ref as m, computed as h, resolveComponent as y, createElementBlock as w, openBlock as N, normalizeClass as q, createVNode as n, mergeProps as c, withCtx as f, createTextVNode as A, toDisplayString as H, nextTick as D } from "vue";
+import { defineComponent as R, ref as p, computed as y, resolveComponent as b, createElementBlock as w, openBlock as I, normalizeClass as N, createVNode as i, mergeProps as s, withCtx as c, createTextVNode as q, toDisplayString as A, nextTick as D } from "vue";
 import o from "dayjs";
-import { range as p } from "./pro-date-range-picker.js";
-const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
+import { range as f } from "./pro-date-range-picker.js";
+const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -17,7 +17,7 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue"],
   setup(F, { emit: g }) {
-    const e = F, V = g, k = m(), P = m(), i = m(), s = h({
+    const e = F, V = g, h = p(), P = p(), n = p(), u = y({
       get: () => e.modelValue[e.startField],
       set: (t) => {
         V("update:modelValue", {
@@ -25,7 +25,7 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           [e.startField]: t
         });
       }
-    }), b = h({
+    }), k = y({
       get: () => e.modelValue[e.endField],
       set: (t) => {
         V("update:modelValue", {
@@ -43,24 +43,24 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
       return e.modelValue[e.startField] ? (e.intraday && ((d = e.datePickerProps) != null && d.showTime) && t.setDate(t.getDate() + 1), o(t).isBefore(o(e.modelValue[e.startField]))) : !1;
     }, C = (t) => {
       if (!e.modelValue[e.startField] || !t || !e.intraday) {
-        i.value = {};
+        n.value = {};
         return;
       }
       const a = o(e.modelValue[e.startField]), d = o(t);
       if (!a.isSame(d, "day")) {
-        i.value = {};
+        n.value = {};
         return;
       }
-      const l = a.hour(), r = a.minute(), _ = a.second();
-      i.value = {
-        disabledHours: () => p(0, l),
-        disabledMinutes: (u) => u === l ? p(0, r) : [],
-        disabledSeconds: (u, B) => u === l && B === r ? p(0, _) : []
+      const l = a.hour(), r = a.minute(), B = a.second();
+      n.value = {
+        disabledHours: () => f(0, l),
+        disabledMinutes: (m) => m === l ? f(0, r) : [],
+        disabledSeconds: (m, _) => m === l && _ === r ? f(0, B) : []
       };
     }, T = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
-        o(a).isAfter(o(t)) && (s.value = t), t && !a && D(() => {
+        o(a).isAfter(o(t)) && (u.value = t), t && !a && D(() => {
           var l;
           const d = (l = P.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
           d && d.click();
@@ -70,26 +70,26 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
       setTimeout(() => {
         e.modelValue[e.endField] && !e.modelValue[e.startField] && D(() => {
           var a;
-          const t = (a = k.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          const t = (a = h.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
           t && t.click();
         });
       });
     };
     return (t, a) => {
-      const d = y("a-date-picker"), l = y("a-form-item");
-      return N(), w("div", {
-        class: q(I)
+      const d = b("a-date-picker"), l = b("a-form-item");
+      return I(), w("div", {
+        class: N(H)
       }, [
-        n(l, c(t.formItemProps, {
+        i(l, s(t.formItemProps, {
           field: t.startField,
           "hide-label": t.hideLabel
         }), {
-          default: f(() => [
-            n(d, c({
+          default: c(() => [
+            i(d, s({
               ref_key: "startDatePickerRef",
-              ref: k,
-              modelValue: s.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r)
+              ref: h,
+              modelValue: u.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (r) => u.value = r)
             }, t.datePickerProps, {
               placeholder: t.startPlaceholder,
               "disabled-date": (r) => v(r),
@@ -98,33 +98,36 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           ]),
           _: 1
         }, 16, ["field", "hide-label"]),
-        n(l, { "hide-label": "" }, {
-          default: f(() => [
-            A(H(t.separator), 1)
+        i(l, {
+          "hide-label": "",
+          style: { "max-height": "32px", top: "0px" }
+        }, {
+          default: c(() => [
+            q(A(t.separator), 1)
           ]),
           _: 1
         }),
-        n(l, {
+        i(l, s(t.formItemProps, {
           field: t.endField,
           "hide-label": "",
           style: { "margin-right": "0px" }
-        }, {
-          default: f(() => [
-            n(d, c({
+        }), {
+          default: c(() => [
+            i(d, s({
               ref_key: "endDatePickerRef",
               ref: P,
-              modelValue: b.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (r) => b.value = r)
+              modelValue: k.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (r) => k.value = r)
             }, t.datePickerProps, {
               placeholder: t.endPlaceholder,
               "disabled-date": (r) => S(r),
-              "disabled-time": () => i.value,
+              "disabled-time": () => n.value,
               onSelect: C,
               onChange: E
             }), null, 16, ["modelValue", "placeholder", "disabled-date", "disabled-time"])
           ]),
           _: 1
-        }, 8, ["field"])
+        }, 16, ["field"])
       ]);
     };
   }

package/es/pro-layout/hooks.js

@@ -1,131 +1,131 @@
-import { ref as r, computed as L, watch as g } from "vue";
+import { ref as h, computed as L, watch as g } from "vue";
 import { useRoute as R, useRouter as W } from "vue-router";
 import { ProLayoutMode as P, ProLayoutMenuType as B } from "./enum.js";
-function z(u) {
-  const o = R(), h = W(), y = r([]), T = r([]), i = r(), v = r([]), M = r({}), k = r([]), s = r([]), p = r([]), b = r([]), f = r([]), d = L(() => {
-    const a = [...u.menuItems], e = (n) => {
-      n.forEach((l) => {
+function z(o) {
+  const u = R(), r = W(), y = h([]), T = h([]), i = h(), v = h([]), M = h({}), k = h([]), s = h([]), p = h([]), b = h([]), f = h([]), d = L(() => {
+    const e = [...o.menuItems], a = (t) => {
+      t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
-            l.children = l.children.map((t) => ({ ...t, topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((n) => ({ ...n, topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const t = l.children.find((c) => c.topMenu !== void 0);
-            t && (l.topChildrenMenu = t.topMenu, l.children = l.children.map((c) => ({ ...c, topMenu: t.topMenu })));
+            const n = l.children.find((c) => c.topMenu !== void 0);
+            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((c) => ({ ...c, topMenu: n.topMenu })));
           }
-          e(l.children);
+          a(l.children);
         }
       });
     };
-    return u.layout === P.mix && e(a), a;
-  }), C = (a) => {
-    var e;
-    y.value = [a.name], !(a != null && a.children) || ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) === 0 ? (f.value = [], h == null || h.push({ path: a.path })) : f.value = a.children;
-  }, E = (a) => {
-    h == null || h.push({ path: a.path }), T.value = [a.name];
-  }, N = async (a, e) => {
-    if (e != null && e.path && !(u != null && u.onMenuItemClick && !await u.onMenuItemClick(e))) {
-      if (e.path.startsWith("http") || e.path.startsWith("https")) {
-        window.open(e.path);
+    return o.layout === P.mix && a(e), e;
+  }), C = (e) => {
+    var a;
+    y.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0 ? (f.value = [], r == null || r.push({ path: e.path })) : f.value = e.children;
+  }, E = (e) => {
+    e != null && e.name ? r == null || r.push({ name: e.name }) : r == null || r.push({ path: e.path, params: {} }), T.value = [e.name];
+  }, N = async (e, a) => {
+    if (a != null && a.path && !(o != null && o.onMenuItemClick && !await o.onMenuItemClick(a))) {
+      if (a.path.startsWith("http") || a.path.startsWith("https")) {
+        window.open(a.path);
         return;
       }
-      a === B.top ? C(e) : E(e);
+      e === B.top ? C(a) : E(a);
     }
   }, S = () => {
-    const a = [], e = (n) => {
+    const e = [], a = (t) => {
       var l;
-      for (const t in n) {
-        const c = n[t];
-        if (c.name === ((l = i == null ? void 0 : i.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && e(c.children))
-          return a.unshift(c), !0;
+      for (const n in t) {
+        const c = t[n];
+        if (c.name === ((l = i == null ? void 0 : i.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && a(c.children))
+          return e.unshift(c), !0;
       }
       return !1;
     };
-    e(JSON.parse(JSON.stringify(d.value))), v.value = a;
+    a(JSON.parse(JSON.stringify(d.value))), v.value = e;
   }, x = () => {
-    var e, n, l;
-    const a = (e = v.value) == null ? void 0 : e.map((t) => ({ path: t == null ? void 0 : t.path, label: t == null ? void 0 : t.title }));
-    k.value = (n = i.value) != null && n.breadcrumbs ? (l = i.value) == null ? void 0 : l.breadcrumbs : a.length !== 0 ? a : [];
+    var a, t, l;
+    const e = (a = v.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
+    k.value = (t = i.value) != null && t.breadcrumbs ? (l = i.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function A() {
     if (!i.value || i.value.noAffix) {
-      s.value.forEach((t) => {
-        t.active = !1;
+      s.value.forEach((n) => {
+        n.active = !1;
       });
       return;
     }
-    const { name: a, title: e } = i.value;
-    let n = -1;
-    s.value.forEach((t, c) => {
-      t.active = !1, t.name === a && (n = c);
+    const { name: e, title: a } = i.value;
+    let t = -1;
+    s.value.forEach((n, c) => {
+      n.active = !1, n.name === e && (t = c);
     });
     const l = {
-      name: a,
-      parentNames: v.value.map((t) => t.name),
-      title: e ?? a,
-      fullPath: o.fullPath,
+      name: e,
+      parentNames: v.value.map((n) => n.name),
+      title: a ?? e,
+      fullPath: u.fullPath,
       active: !0
     };
-    if (~n) {
-      const t = s.value[n];
-      t.fullPath === o.fullPath ? (t.active = !0, t.fullPath = o.fullPath) : (s.value.splice(n, 1), setTimeout(() => {
+    if (~t) {
+      const n = s.value[t];
+      n.fullPath === u.fullPath ? (n.active = !0, n.fullPath = u.fullPath) : (s.value.splice(t, 1), setTimeout(() => {
         s.value.push(l);
       }));
     } else
       s.value.push(l);
   }
-  const w = (a) => {
-    const e = s.value.findIndex((l) => l.name === a), n = s.value[e];
-    h.push(n.fullPath);
-  }, K = (a) => {
-    let e = -1, n = -1;
-    if (s.value.forEach((t, c) => {
-      t.name === a && (n = c), t.active && (e = c);
-    }), e === n) {
-      let t;
-      n === 0 ? t = s.value[n + 1] : t = s.value[n - 1], t.active = !0, h.push(t.fullPath);
+  const w = (e) => {
+    const a = s.value.findIndex((l) => l.name === e), t = s.value[a];
+    r.push(t.fullPath);
+  }, K = (e) => {
+    let a = -1, t = -1;
+    if (s.value.forEach((n, c) => {
+      n.name === e && (t = c), n.active && (a = c);
+    }), a === t) {
+      let n;
+      t === 0 ? n = s.value[t + 1] : n = s.value[t - 1], n.active = !0, r.push(n.fullPath);
     }
-    const l = s.value.splice(n, 1);
+    const l = s.value.splice(t, 1);
     O(l[0]);
   }, J = () => {
-    var e;
-    if (u != null && u.disableKeepAlive || (e = o == null ? void 0 : o.meta) != null && e.ignoreCache)
+    var a;
+    if (o != null && o.disableKeepAlive || (a = u == null ? void 0 : u.meta) != null && a.ignoreCache)
       return;
-    const a = new Set(p.value);
-    v.value.forEach((n) => {
-      n.name && a.add(n.name);
-    }), p.value = Array.from(a.values());
-  }, O = (a) => {
     const e = new Set(p.value);
-    a.parentNames.forEach((n) => {
-      e.delete(n);
-    }), s.value.forEach((n) => {
-      n.parentNames.forEach((l) => {
-        const t = M.value[l];
-        t != null && t.ignoreCache || e.add(t.name);
-      });
+    v.value.forEach((t) => {
+      t.name && e.add(t.name);
     }), p.value = Array.from(e.values());
+  }, O = (e) => {
+    const a = new Set(p.value);
+    e.parentNames.forEach((t) => {
+      a.delete(t);
+    }), s.value.forEach((t) => {
+      t.parentNames.forEach((l) => {
+        const n = M.value[l];
+        n != null && n.ignoreCache || a.add(n.name);
+      });
+    }), p.value = Array.from(a.values());
   };
   return g(() => d.value, () => {
-    const a = {}, e = (n) => {
-      n.forEach((l) => {
-        l.children && l.children.length > 0 && e(l.children), delete l.children, a[l.name] = l;
+    const e = {}, a = (t) => {
+      t.forEach((l) => {
+        l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    e(JSON.parse(JSON.stringify(d.value))), M.value = a;
-  }, { immediate: !0 }), g(() => [u.layout, d.value], () => {
-    var a;
-    if (b.value = [], f.value = [], u.layout === P.side)
+    a(JSON.parse(JSON.stringify(d.value))), M.value = e;
+  }, { immediate: !0 }), g(() => [o.layout, d.value], () => {
+    var e;
+    if (b.value = [], f.value = [], o.layout === P.side)
       f.value = d.value;
-    else if (u.layout === P.mix) {
-      const e = (a = d.value) == null ? void 0 : a.filter((n) => n.topMenu);
-      (e == null ? void 0 : e.length) === 0 ? f.value = d.value : b.value = e;
+    else if (o.layout === P.mix) {
+      const a = (e = d.value) == null ? void 0 : e.filter((t) => t.topMenu);
+      (a == null ? void 0 : a.length) === 0 ? f.value = d.value : b.value = a;
     }
-  }, { immediate: !0 }), g(() => o == null ? void 0 : o.name, () => {
-    var n, l, t;
-    const a = o == null ? void 0 : o.name;
-    i.value = M.value[a], S();
-    const e = v.value.filter((c) => c.topMenu);
-    e.length > 0 && b.value.length > 0 && (f.value = ((n = e[e.length - 1]) == null ? void 0 : n.children) || []), y.value = i != null && i.value ? [...e.map((c) => c.name), ...((l = i.value) == null ? void 0 : l.activatedKeys) || []] : [], T.value = i != null && i.value ? [i.value.name, ...((t = i.value) == null ? void 0 : t.activatedKeys) || []] : [], x(), u.hideTabs || A(), J();
+  }, { immediate: !0 }), g(() => u == null ? void 0 : u.name, () => {
+    var t, l, n;
+    const e = u == null ? void 0 : u.name;
+    i.value = M.value[e], S();
+    const a = v.value.filter((c) => c.topMenu);
+    a.length > 0 && b.value.length > 0 && (f.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), y.value = i != null && i.value ? [...a.map((c) => c.name), ...((l = i.value) == null ? void 0 : l.activatedKeys) || []] : [], T.value = i != null && i.value ? [i.value.name, ...((n = i.value) == null ? void 0 : n.activatedKeys) || []] : [], x(), o.hideTabs || A(), J();
   }, { immediate: !0 }), {
     topMenuItems: b,
     siderMenuItems: f,

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

@@ -81,7 +81,7 @@ declare const ProTable: {
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: any;
+    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
 }) & {
     install: (app: App) => void;
 };

package/es/pro-table/index.vue.d.ts

@@ -1,5 +1,10 @@
 import { IProTable } from './interface';
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    refs: {};
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProTable> & Readonly<{}>, {
     data: any[];

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-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.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-960e2e33]{display:flex;align-items:center}.keyblade-pro-date-range-picker[data-v-960e2e33] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-960e2e33] .arco-picker{background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}
+.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-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.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-26a58e45]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}

package/package.json

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