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

package/es/components.d.ts

@@ -8,6 +8,8 @@ declare module 'vue' {
         KbProMenu: typeof import('./index')['ProMenu'];
         KbProPageContainer: typeof import('./index')['ProPageContainer'];
         KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
+        KbProFooterBar: typeof import('./index')['ProFooterBar'];
+        KbProTextarea: typeof import('./index')['ProTextarea'];
     }
 }
 export {};

package/es/global-props.d.ts

@@ -0,0 +1,7 @@
+import { ProFooterBarProps } from './pro-footer-bar/inerface';
+import { ProTextareaProps } from './pro-textarea';
+export interface GlobalProps {
+    footerBar?: ProFooterBarProps;
+    textarea?: ProTextareaProps;
+}
+export declare const globalProps: GlobalProps;

package/es/global-props.js

@@ -0,0 +1,4 @@
+const o = {};
+export {
+  o as globalProps
+};

package/es/index.d.ts

@@ -1,11 +1,13 @@
 import { App } from 'vue';
+import { GlobalProps } from './global-props';
 declare const _default: {
-    install(app: App): void;
+    install(app: App, options?: GlobalProps): void;
 };
 export default _default;
 export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
 export { default as ProLayout } from './pro-layout';
+export { default as ProFooterBar } from './pro-footer-bar';
 export { default as ProMenu } from './pro-menu';
 export type { IProMenuItem } from './pro-menu';
 export { default as ProPageContainer } from './pro-page-container';
@@ -14,5 +16,7 @@ export type { IProTab } from './pro-reuse-tabs';
 export { default as ProImageUpload } from './pro-image-upload';
 export * from './pro-image-upload';
 export { default as ProDateRangePicker } from './pro-date-range-picker';
+export { default as ProTextarea } from './pro-textarea';
 export { default as ProTable } from './pro-table';
 export type {} from './components';
+export * from './inerface';

package/es/index.js

@@ -1,30 +1,35 @@
 import { ProPageHeader as e } from "./pro-page-header/index.js";
-import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as m } from "./pro-layout/index.js";
-import { ProMenu as t } from "./pro-menu/index.js";
-import { ProPageContainer as i } from "./pro-page-container/index.js";
-import { ProReuseTabs as s } from "./pro-reuse-tabs/index.js";
+import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.js";
+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 f } from "./pro-date-range-picker/index.js";
-import { ProTable as a } from "./pro-table/index.js";
-import { EImageUploadInnerBeforeUploadStep as T } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as v } from "./pro-image-upload/constant.js";
-const R = {
-  install(o) {
-    o.use(e), o.use(r), o.use(m), o.use(t), o.use(i), o.use(s), o.use(u), o.use(f), o.use(a);
+import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
+import { ProTable as P } 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 = {
+  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);
   }
 };
 export {
-  T as EImageUploadInnerBeforeUploadStep,
-  f as ProDateRangePicker,
+  y as EImageUploadInnerBeforeUploadStep,
+  a as ProDateRangePicker,
+  n as ProFooterBar,
   u as ProImageUpload,
-  r as ProKeepAliveRouterView,
-  m as ProLayout,
-  t as ProMenu,
-  i as ProPageContainer,
+  m as ProKeepAliveRouterView,
+  t as ProLayout,
+  i as ProMenu,
+  s as ProPageContainer,
   e as ProPageHeader,
-  s as ProReuseTabs,
-  a as ProTable,
-  R as default,
-  v as defaultImageUploadOptions
+  f as ProReuseTabs,
+  P as ProTable,
+  l as ProTextarea,
+  k as default,
+  C as defaultImageUploadOptions
 };

package/es/inerface.d.ts

@@ -0,0 +1 @@
+export * from './pro-footer-bar/inerface';

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

package/es/pro-footer-bar/index.d.ts

@@ -0,0 +1,38 @@
+import { App } from 'vue';
+declare const ProFooterBar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: () => any;
+    }, import('vue').PublicProps, {
+        backText: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        backText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, {
+    backText: 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 { ProFooterBar };
+export default ProFooterBar;

package/es/pro-footer-bar/index.js

@@ -0,0 +1,11 @@
+import r from "./index.vue.js";
+import { Button as t, Space as e } from "@arco-design/web-vue";
+const n = Object.assign(r, {
+  install: (o) => {
+    o.use(t), o.use(e), o.component("KbProFooterBar", r);
+  }
+});
+export {
+  n as ProFooterBar,
+  n as default
+};

package/es/pro-footer-bar/index.vue.d.ts

@@ -0,0 +1,24 @@
+import { ProFooterBarProps } from './inerface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProFooterBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import('vue').PublicProps, Readonly<ProFooterBarProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
+    backText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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-footer-bar/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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f9d45b25"]]);
+export {
+  f as default
+};

package/es/pro-footer-bar/index.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as u, computed as f, resolveComponent as t, createElementBlock as B, openBlock as _, normalizeClass as b, createVNode as a, withCtx as n, withDirectives as h, renderSlot as v, createTextVNode as x, toDisplayString as C, vShow as g } from "vue";
+import { globalProps as c } from "../global-props.js";
+const w = "keyblade-pro-footer-bar", S = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    hideBack: { type: Boolean },
+    backText: { default: "返回" },
+    onBack: {}
+  },
+  emits: ["back"],
+  setup(r, { emit: s }) {
+    const l = r, i = s, p = () => {
+      var e, o;
+      i("back"), (o = (e = c.footerBar) == null ? void 0 : e.onBack) == null || o.call(e);
+    }, d = f(() => {
+      var e;
+      return l.hideBack || ((e = c.footerBar) == null ? void 0 : e.hideBack);
+    });
+    return (e, o) => {
+      const m = t("a-button"), k = t("a-space");
+      return _(), B("div", {
+        class: b(w)
+      }, [
+        a(k, null, {
+          default: n(() => [
+            h(a(m, { onClick: p }, {
+              default: n(() => [
+                x(C(e.backText), 1)
+              ]),
+              _: 1
+            }, 512), [
+              [g, !d.value]
+            ]),
+            v(e.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+export {
+  S as default
+};

package/es/pro-footer-bar/inerface.d.ts

@@ -0,0 +1,7 @@
+export interface ProFooterBarProps {
+    /** 是否隐藏返回按钮 */
+    hideBack?: boolean;
+    /** 返回按钮文字 */
+    backText?: string;
+    onBack?: () => void;
+}

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

@@ -609,8 +609,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
     name: string;
-    accept: string[];
     disabled: boolean;
+    accept: string[];
     multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;

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

@@ -528,8 +528,8 @@ declare const ProImageUpload: {
         cropperImgLoad: (value: File) => any;
     }, import('vue').PublicProps, {
         name: string;
-        accept: string[];
         disabled: boolean;
+        accept: string[];
         multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
@@ -1103,8 +1103,8 @@ declare const ProImageUpload: {
         isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
         name: string;
-        accept: string[];
         disabled: boolean;
+        accept: string[];
         multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
@@ -1640,8 +1640,8 @@ declare const ProImageUpload: {
     cropperImgLoad: (value: File) => any;
 }, string, {
     name: string;
-    accept: string[];
     disabled: boolean;
+    accept: string[];
     multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;

package/es/pro-page-container/index.d.ts

@@ -1,151 +1,57 @@
 import { App } from 'vue';
 declare const ProPageContainer: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: () => any;
+    }, import('vue').PublicProps, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    hidePageHeader: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    pageHeader: {
-        type: import('vue').PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<{
+    hidePageHeader?: boolean;
+    showFooterBar?: boolean;
+    footerBarOptions?: import('..').ProFooterBarProps;
+    pageHeader?: import('./inerface').PageHeaderProps;
+}> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, {
     hidePageHeader: boolean;
-    pageHeader: {
-        title?: string;
-        subTitle?: string;
-        titlePosition?: "top" | "bottom";
-        hideTitle?: boolean;
-        breadcrumbRouterMode?: boolean;
-        breadcrumbPrefixIcon?: boolean | string;
-        breadcrumbItems?: {
-            label: string;
-            path?: string;
-        }[];
-    };
+    showFooterBar: boolean;
+    pageHeader: import('./inerface').PageHeaderProps;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        footerBar?(_: {}): any;
     };
 }) & {
     install: (app: App) => void;

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

@@ -1,12 +1,13 @@
-import e from "./pro-page-container.vue.js";
+import r from "./pro-page-container.vue.js";
 /* empty css                        */
-import { ProPageHeader as r } from "../pro-page-header/index.js";
-const i = Object.assign(e, {
+import { ProPageHeader as e } from "../pro-page-header/index.js";
+import { ProFooterBar as t } from "../pro-footer-bar/index.js";
+const s = Object.assign(r, {
   install: (o) => {
-    o.use(r), o.component("KbProPageContainer", e);
+    o.use(e), o.use(t), o.component("KbProPageContainer", r);
   }
 });
 export {
-  i as ProPageContainer,
-  i as default
+  s as ProPageContainer,
+  s as default
 };

package/es/pro-page-container/inerface.d.ts

@@ -0,0 +1,12 @@
+export interface PageHeaderProps {
+    title?: string;
+    subTitle?: string;
+    titlePosition?: 'top' | 'bottom';
+    hideTitle?: boolean;
+    breadcrumbRouterMode?: boolean;
+    breadcrumbPrefixIcon?: boolean | string;
+    breadcrumbItems?: {
+        label: string;
+        path?: string;
+    }[];
+}

package/es/pro-page-container/pro-page-container.vue.d.ts

@@ -1,92 +1,34 @@
-import { PropType } from 'vue';
+import { ProFooterBarProps } from '../pro-footer-bar/inerface';
+import { PageHeaderProps } from './inerface';
+type __VLS_Props = {
+    /** 是否隐藏页头 */
+    hidePageHeader?: boolean;
+    /** 是否显示底部栏 */
+    showFooterBar?: boolean;
+    /** 底部栏属性 */
+    footerBarOptions?: ProFooterBarProps;
+    /** 页头属性 */
+    pageHeader?: PageHeaderProps;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        footerBar?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 页头属性 */
-    pageHeader: {
-        type: PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 页头属性 */
-    pageHeader: {
-        type: PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
     hidePageHeader: boolean;
-    pageHeader: {
-        title?: string;
-        subTitle?: string;
-        titlePosition?: "top" | "bottom";
-        hideTitle?: boolean;
-        breadcrumbRouterMode?: boolean;
-        breadcrumbPrefixIcon?: boolean | string;
-        breadcrumbItems?: {
-            label: string;
-            path?: string;
-        }[];
-    };
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    showFooterBar: boolean;
+    pageHeader: PageHeaderProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,54 +1,56 @@
-import { defineComponent as l, resolveComponent as c, createElementBlock as n, openBlock as a, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
-const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
+import { defineComponent as k, computed as h, resolveComponent as i, createElementBlock as B, openBlock as o, normalizeClass as s, createBlock as n, createCommentVNode as d, createElementVNode as P, renderSlot as l, mergeProps as H, withCtx as I } from "vue";
+const r = "keyblade-pro-page-container", v = /* @__PURE__ */ k({
   __name: "pro-page-container",
   props: {
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** 页头属性 */
-    pageHeader: {
-      type: Object,
-      required: !1,
-      default: () => ({
-        title: "",
-        subTitle: "",
-        titlePosition: "top",
-        hideTitle: !1,
-        breadcrumbRouterMode: !1,
-        breadcrumbPrefixIcon: "icon-apps",
-        breadcrumbItems: []
-      })
-    }
+    hidePageHeader: { type: Boolean, default: !1 },
+    showFooterBar: { type: Boolean, default: !1 },
+    footerBarOptions: {},
+    pageHeader: { default: () => ({
+      title: "",
+      subTitle: "",
+      titlePosition: "top",
+      hideTitle: !1,
+      breadcrumbRouterMode: !1,
+      breadcrumbPrefixIcon: "icon-apps",
+      breadcrumbItems: []
+    }) }
   },
-  setup(e) {
-    return (d, f) => {
-      var t;
-      const i = c("kb-pro-page-header");
-      return a(), n("div", {
-        class: r(o)
+  emits: ["back"],
+  setup(p, { emit: b }) {
+    const u = b, m = p, c = h(() => m.showFooterBar ? [r, `${r}-with-footer-bar`] : [r]);
+    return (e, t) => {
+      var a;
+      const f = i("kb-pro-page-header"), g = i("kb-pro-footer-bar");
+      return o(), B("div", {
+        class: s(c.value)
       }, [
-        e.hidePageHeader ? u("", !0) : (a(), b(i, {
+        e.hidePageHeader ? d("", !0) : (o(), n(f, {
           key: 0,
           title: e.pageHeader.title,
           subTitle: e.pageHeader.subTitle,
           titlePosition: e.pageHeader.titlePosition,
           hideTitle: e.pageHeader.hideTitle,
-          breadcrumbRouterMode: (t = e.pageHeader) == null ? void 0 : t.breadcrumbRouterMode,
+          breadcrumbRouterMode: (a = e.pageHeader) == null ? void 0 : a.breadcrumbRouterMode,
           breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
           breadcrumbItems: e.pageHeader.breadcrumbItems
         }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
-        m("div", {
-          class: r(`${o}-content`)
+        P("div", {
+          class: s(`${r}-content`)
         }, [
-          s(d.$slots, "default")
-        ], 2)
-      ]);
+          l(e.$slots, "default")
+        ], 2),
+        e.showFooterBar ? (o(), n(g, H({ key: 1 }, e.footerBarOptions, {
+          onBack: t[0] || (t[0] = (T) => u("back"))
+        }), {
+          default: I(() => [
+            l(e.$slots, "footerBar")
+          ]),
+          _: 3
+        }, 16)) : d("", !0)
+      ], 2);
     };
   }
 });
 export {
-  g as default
+  v as default
 };

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

@@ -0,0 +1,25 @@
+import { App } from 'vue';
+import { ProTextareaProps } from './inerface';
+declare const ProTextarea: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        showWordLimit: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, {
+        showWordLimit: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    showWordLimit: 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;
+};
+export { ProTextarea, type ProTextareaProps };
+export default ProTextarea;

package/es/pro-textarea/index.js

@@ -0,0 +1,11 @@
+import r from "./index.vue.js";
+import { Textarea as t } from "@arco-design/web-vue";
+const s = Object.assign(r, {
+  install: (e) => {
+    e.use(t), e.component("KbProTextarea", r);
+  }
+});
+export {
+  s as ProTextarea,
+  s as default
+};

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

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<Partial<import('./inerface').IProTextarea>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {
+    showWordLimit: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/pro-textarea/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-8721e63b"]]);
+export {
+  _ as default
+};

package/es/pro-textarea/index.vue2.js

@@ -0,0 +1,40 @@
+import { defineComponent as d, useAttrs as m, computed as n, resolveComponent as f, createBlock as x, openBlock as _, mergeProps as h, toHandlers as y } from "vue";
+import { conclude as B } from "vue-global-config";
+import { globalProps as v } from "../global-props.js";
+const r = "keyblade-pro-textarea", g = /* @__PURE__ */ d({
+  __name: "index",
+  props: {
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    allowClear: { type: Boolean },
+    defaultValue: {},
+    maxLength: {},
+    showWordLimit: { type: Boolean, default: !0 },
+    autoSize: { type: [Boolean, Object] },
+    placeholder: {},
+    modelValue: {},
+    wordLength: {},
+    wordSlice: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    onClear: {},
+    "onUpdate:modelValue": {}
+  },
+  setup(s) {
+    const a = s, l = m(), c = {}, p = n(() => {
+      const t = {};
+      for (const [o, e] of Object.entries(l))
+        o.startsWith("on") && typeof e == "function" && (t[o] = e);
+      return t;
+    }), u = n(() => a.showWordLimit ? [r, `${r}-word-limit`] : [r]), i = n(() => B([a, v.textarea, c]) || {});
+    return (t, o) => {
+      const e = f("a-textarea");
+      return _(), x(e, h(i.value, y(p.value), { class: u.value }), null, 16, ["class"]);
+    };
+  }
+});
+export {
+  g as default
+};

package/es/pro-textarea/inerface.d.ts

@@ -0,0 +1,43 @@
+export interface IProTextarea {
+    /** 是否禁用 */
+    'disabled'?: boolean;
+    /** 是否为错误状态 */
+    'error'?: boolean;
+    /** 是否允许清空输入框 */
+    'allowClear'?: boolean;
+    /** 默认值 */
+    'defaultValue'?: string;
+    /** 最大长度，可以设置为数字或对象 */
+    'maxLength'?: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    /** 是否显示字数统计 */
+    'showWordLimit'?: boolean;
+    /** 自适应内容高度，可设置为 true 或配置对象 */
+    'autoSize'?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /** 输入框占位符 */
+    'placeholder'?: string;
+    /** 绑定值，使用 v-model */
+    'modelValue'?: string;
+    /** 自定义字数计算方法 */
+    'wordLength'?: (value: string) => number;
+    /** 自定义超出最大长度时的截取方法 */
+    'wordSlice'?: (value: string, maxLength: number) => string;
+    /** 输入框获取焦点时触发 */
+    'onFocus'?: (ev: FocusEvent) => void;
+    /** 输入框失去焦点时触发 */
+    'onBlur'?: (ev: FocusEvent) => void;
+    /** 输入框值变化时触发（仅在输入框失去焦点或用户按回车时触发） */
+    'onChange'?: (value: string, ev: Event) => void;
+    /** 输入框输入时触发 */
+    'onInput'?: (value: string, ev: Event) => void;
+    /** 点击清空按钮时触发 */
+    'onClear'?: (ev: MouseEvent) => void;
+    /** 用于 v-model 更新 */
+    'onUpdate:modelValue'?: (value: string) => void;
+}
+export type ProTextareaProps = Partial<IProTextarea>;

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-7db07ed0]{display:flex;align-items:center}.keyblade-pro-date-range-picker[data-v-7db07ed0] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-7db07ed0] .arco-picker{background-color:var(--color-bg-1);border-color:var(--color-border-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}

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.1",
+  "version": "1.13.8-alpha.3",
   "private": false,
   "type": "module",
   "main": "es/index.js",