@keyblade/pro-components 1.13.8-alpha.7 → 1.13.8-alpha.9

package/es/global-props.d.ts

@@ -1,8 +1,10 @@
 import { ProFooterBarProps } from './pro-footer-bar/inerface';
 import { ProTableProps } from './pro-table/interface';
 import { ProTextareaProps } from './pro-textarea';
+import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
 export interface GlobalProps {
     footerBar?: ProFooterBarProps;
+    dateRangePicker?: ProDateRangePickerProps;
     textarea?: ProTextareaProps;
     table?: ProTableProps;
 }

package/es/index.d.ts

@@ -18,5 +18,6 @@ export * from './pro-image-upload';
 export { default as ProDateRangePicker } from './pro-date-range-picker';
 export { default as ProTextarea } from './pro-textarea';
 export { default as ProTable } from './pro-table';
+export { default as ProFormGroup } from './pro-form-group';
 export type {} from './components';
 export * from './inerface';

package/es/index.js

@@ -3,33 +3,35 @@ import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.
 import { ProLayout as t } from "./pro-layout/index.js";
 import { ProMenu as i } from "./pro-menu/index.js";
 import { ProPageContainer as s } from "./pro-page-container/index.js";
-import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
-import { ProImageUpload as u } from "./pro-image-upload/index.js";
-import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
-import { ProTable as P } from "./pro-table/index.js";
+import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
+import { ProImageUpload as f } from "./pro-image-upload/index.js";
+import { ProDateRangePicker as P } from "./pro-date-range-picker/index.js";
+import { ProTable as a } from "./pro-table/index.js";
 import { ProTextarea as l } from "./pro-textarea/index.js";
 import { ProFooterBar as n } from "./pro-footer-bar/index.js";
-import { globalProps as d } from "./global-props.js";
-import { EImageUploadInnerBeforeUploadStep as y } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as C } from "./pro-image-upload/constant.js";
-const k = {
+import { ProFormGroup as d } from "./pro-form-group/index.js";
+import { globalProps as g } from "./global-props.js";
+import { EImageUploadInnerBeforeUploadStep as A } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as D } from "./pro-image-upload/constant.js";
+const v = {
   install(o, r) {
-    Object.assign(d, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(f), o.use(u), o.use(a), o.use(l), o.use(P);
+    Object.assign(g, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(u), o.use(f), o.use(P), o.use(l), o.use(a), o.use(d);
   }
 };
 export {
-  y as EImageUploadInnerBeforeUploadStep,
-  a as ProDateRangePicker,
+  A as EImageUploadInnerBeforeUploadStep,
+  P as ProDateRangePicker,
   n as ProFooterBar,
-  u as ProImageUpload,
+  d as ProFormGroup,
+  f as ProImageUpload,
   m as ProKeepAliveRouterView,
   t as ProLayout,
   i as ProMenu,
   s as ProPageContainer,
   e as ProPageHeader,
-  f as ProReuseTabs,
-  P as ProTable,
+  u as ProReuseTabs,
+  a as ProTable,
   l as ProTextarea,
-  k as default,
-  C as defaultImageUploadOptions
+  v as default,
+  D as defaultImageUploadOptions
 };

package/es/inerface.d.ts

@@ -1 +1,2 @@
 export * from './pro-footer-bar/inerface';
+export * from './pro-date-range-picker/inerface';

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

@@ -1,9 +1,9 @@
 import { App } from 'vue';
 declare const ProDateRangePicker: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').IProDateRangePickerProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: import('./type').IModelValue) => any;
+        "update:modelValue": (value: import('./inerface').IModelValue) => any;
     }, import('vue').PublicProps, {
         hideLabel: boolean;
         startField: string;
@@ -21,8 +21,8 @@ declare const ProDateRangePicker: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./type').IProDateRangePickerProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
+    }, Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
         hideLabel: boolean;
         startField: string;
@@ -34,10 +34,10 @@ declare const ProDateRangePicker: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./type').IProDateRangePickerProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: import('./type').IModelValue) => any;
+    "update:modelValue": (value: import('./inerface').IModelValue) => any;
 }, string, {
     hideLabel: boolean;
     startField: string;

package/es/pro-date-range-picker/{type.d.ts → inerface.d.ts}

@@ -1,4 +1,4 @@
-import { DatePickerInstance, FormItemInstance } from '@arco-design/web-vue';
+import { DatePickerInstance, FormItemInstance, TimePickerInstance } from '@arco-design/web-vue';
 export interface IModelValue {
     [key: string]: any;
 }
@@ -18,5 +18,9 @@ export interface IProDateRangePickerProps {
     intraday?: boolean;
     hideLabel?: boolean;
     formItemProps?: FormItemInstance;
+    /** 日期选择器配置 */
     datePickerProps?: DatePickerInstance;
+    /** 时间选择器配置 */
+    timePickerProps?: TimePickerInstance['$props'];
 }
+export type ProDateRangePickerProps = Partial<IProDateRangePickerProps>;

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

@@ -1,4 +1,4 @@
-import { IModelValue, IProDateRangePickerProps } from './type.ts';
+import { IModelValue, IProDateRangePickerProps } from './inerface';
 declare const _default: import('vue').DefineComponent<IProDateRangePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: IModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<IProDateRangePickerProps> & Readonly<{

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

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

@@ -1,7 +1,9 @@
-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 { defineComponent as N, ref as c, computed as p, resolveComponent as g, createElementBlock as q, openBlock as x, normalizeClass as A, createVNode as i, mergeProps as s, withCtx as f, createTextVNode as H, toDisplayString as L, nextTick as D } from "vue";
 import o from "dayjs";
-import { range as f } from "./pro-date-range-picker.js";
-const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
+import { conclude as F } from "vue-global-config";
+import { globalProps as v } from "../global-props.js";
+import { range as P } from "./pro-date-range-picker.js";
+const M = "keyblade-pro-date-range-picker", J = /* @__PURE__ */ N({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -13,35 +15,36 @@ const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
     intraday: { type: Boolean },
     hideLabel: { type: Boolean, default: !0 },
     formItemProps: {},
-    datePickerProps: {}
+    datePickerProps: {},
+    timePickerProps: {}
   },
   emits: ["update:modelValue"],
-  setup(F, { emit: g }) {
-    const e = F, V = g, h = p(), P = p(), n = p(), u = y({
+  setup(S, { emit: C }) {
+    const e = S, k = C, V = c(), h = c(), n = c(), u = p({
       get: () => e.modelValue[e.startField],
       set: (t) => {
-        V("update:modelValue", {
+        k("update:modelValue", {
           ...e.modelValue,
           [e.startField]: t
         });
       }
-    }), k = y({
+    }), b = p({
       get: () => e.modelValue[e.endField],
       set: (t) => {
-        V("update:modelValue", {
+        k("update:modelValue", {
           ...e.modelValue,
           [e.endField]: t
         });
       }
-    }), v = (t) => {
+    }), T = (t) => {
       var l;
       if (!e.modelValue[e.endField]) return !1;
       let a = o(e.modelValue[e.endField]);
       return e.intraday && !((l = e.datePickerProps) != null && l.showTime) && (a = a.add(1, "day")), o(t).isAfter(a);
-    }, S = (t) => {
+    }, _ = (t) => {
       var d;
       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) => {
+    }, E = (t) => {
       if (!e.modelValue[e.startField] || !t || !e.intraday) {
         n.value = {};
         return;
@@ -51,49 +54,55 @@ const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
         n.value = {};
         return;
       }
-      const l = a.hour(), r = a.minute(), B = a.second();
+      const l = a.hour(), r = a.minute(), w = a.second();
       n.value = {
-        disabledHours: () => f(0, l),
-        disabledMinutes: (m) => m === l ? f(0, r) : [],
-        disabledSeconds: (m, _) => m === l && _ === r ? f(0, B) : []
+        disabledHours: () => P(0, l),
+        disabledMinutes: (m) => m === l ? P(0, r) : [],
+        disabledSeconds: (m, I) => m === l && I === r ? P(0, w) : []
       };
-    }, T = () => {
+    }, R = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
         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");
+          const d = (l = h.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
           d && d.click();
         });
       });
-    }, E = () => {
+    }, B = () => {
       setTimeout(() => {
         e.modelValue[e.endField] && !e.modelValue[e.startField] && D(() => {
           var a;
-          const t = (a = h.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          const t = (a = V.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
           t && t.click();
         });
       });
-    };
+    }, y = p(() => {
+      var t, a;
+      return {
+        ...F([e.datePickerProps, (t = v.dateRangePicker) == null ? void 0 : t.datePickerProps, {}]),
+        timePickerProps: F([e.timePickerProps, (a = v.dateRangePicker) == null ? void 0 : a.timePickerProps], {})
+      };
+    });
     return (t, a) => {
-      const d = b("a-date-picker"), l = b("a-form-item");
-      return I(), w("div", {
-        class: N(H)
+      const d = g("a-date-picker"), l = g("a-form-item");
+      return x(), q("div", {
+        class: A(M)
       }, [
         i(l, s(t.formItemProps, {
           field: t.startField,
           "hide-label": t.hideLabel
         }), {
-          default: c(() => [
+          default: f(() => [
             i(d, s({
               ref_key: "startDatePickerRef",
-              ref: h,
+              ref: V,
               modelValue: u.value,
               "onUpdate:modelValue": a[0] || (a[0] = (r) => u.value = r)
-            }, t.datePickerProps, {
+            }, y.value, {
               placeholder: t.startPlaceholder,
-              "disabled-date": (r) => v(r),
-              onChange: T
+              "disabled-date": (r) => T(r),
+              onChange: R
             }), null, 16, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
@@ -102,8 +111,8 @@ const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           "hide-label": "",
           style: { "max-height": "32px", top: "0px" }
         }, {
-          default: c(() => [
-            q(A(t.separator), 1)
+          default: f(() => [
+            H(L(t.separator), 1)
           ]),
           _: 1
         }),
@@ -112,18 +121,19 @@ const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           "hide-label": "",
           style: { "margin-right": "0px" }
         }), {
-          default: c(() => [
+          default: f(() => [
             i(d, s({
               ref_key: "endDatePickerRef",
-              ref: P,
-              modelValue: k.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (r) => k.value = r)
-            }, t.datePickerProps, {
+              ref: h,
+              modelValue: b.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (r) => b.value = r)
+            }, y.value, {
               placeholder: t.endPlaceholder,
-              "disabled-date": (r) => S(r),
+              "disabled-date": (r) => _(r),
               "disabled-time": () => n.value,
-              onSelect: C,
-              onChange: E
+              timePickerProps: { defaultValue: "00:00:00" },
+              onSelect: E,
+              onChange: B
             }), null, 16, ["modelValue", "placeholder", "disabled-date", "disabled-time"])
           ]),
           _: 1
@@ -133,5 +143,5 @@ const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
   }
 });
 export {
-  $ as default
+  J as default
 };

package/es/pro-form-group/index.d.ts

@@ -0,0 +1,43 @@
+import { App } from 'vue';
+declare const ProFormGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        label: string;
+        heading?: number | string;
+        extra?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        heading: number | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        label: string;
+        heading?: number | string;
+        extra?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        heading: number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    label: string;
+    heading?: number | string;
+    extra?: string;
+    hideIcon?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    heading: number | string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export { ProFormGroup };
+export default ProFormGroup;

package/es/pro-form-group/index.js

@@ -0,0 +1,12 @@
+import r from "./index.vue.js";
+import { Typography as m } from "@arco-design/web-vue";
+import { IconExclamationCircleFill as t } from "@arco-design/web-vue/es/icon";
+const n = Object.assign(r, {
+  install: (o) => {
+    o.use(m), o.use(t), o.component("KbProFormGroup", r);
+  }
+});
+export {
+  n as ProFormGroup,
+  n as default
+};

package/es/pro-form-group/index.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    label: string;
+    /** 标题大小 */
+    heading?: number | string;
+    /** 扩展提示 */
+    extra?: string;
+    /** 隐藏icon */
+    hideIcon?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    heading: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-form-group/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9f030479"]]);
+export {
+  _ as default
+};

package/es/pro-form-group/index.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as m, resolveComponent as o, createBlock as _, openBlock as n, normalizeClass as t, withCtx as l, createVNode as r, createElementBlock as h, createCommentVNode as f, renderSlot as u, createTextVNode as i, toDisplayString as c, withDirectives as y, vShow as g } from "vue";
+const a = "keyblade-pro-form-group", v = /* @__PURE__ */ m({
+  __name: "index",
+  props: {
+    label: {},
+    heading: { default: 6 },
+    extra: {},
+    hideIcon: { type: Boolean }
+  },
+  setup(x) {
+    return (e, C) => {
+      const p = o("a-typography-title"), s = o("icon-exclamation-circle-fill"), d = o("a-typography");
+      return n(), _(d, {
+        class: t(a)
+      }, {
+        default: l(() => [
+          r(p, { heading: e.heading }, {
+            default: l(() => [
+              i(c(e.label), 1)
+            ]),
+            _: 1
+          }, 8, ["heading"]),
+          e.extra ? (n(), h("div", {
+            key: 0,
+            class: t(`${a}-extra`)
+          }, [
+            y(r(s, {
+              class: t(`${a}-icon`)
+            }, null, 8, ["class"]), [
+              [g, !e.hideIcon]
+            ]),
+            i(" " + c(e.extra), 1)
+          ], 2)) : f("", !0),
+          u(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  v as default
+};

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-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-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.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))}
+.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-670ac66c]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-670ac66c] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-670ac66c] .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-670ac66c] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.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))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-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.7",
+  "version": "1.13.8-alpha.9",
   "private": false,
   "type": "module",
   "main": "es/index.js",