@keyblade/pro-components 1.13.4 → 1.13.6

package/es/index.d.ts

@@ -14,4 +14,5 @@ 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 ProTable } from './pro-table';
 export type {} from './components';

package/es/index.js

@@ -6,15 +6,16 @@ import { ProPageContainer as i } from "./pro-page-container/index.js";
 import { ProReuseTabs as s } 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 { EImageUploadInnerBeforeUploadStep as c } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as k } from "./pro-image-upload/constant.js";
-const I = {
+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(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);
   }
 };
 export {
-  c as EImageUploadInnerBeforeUploadStep,
+  T as EImageUploadInnerBeforeUploadStep,
   f as ProDateRangePicker,
   u as ProImageUpload,
   r as ProKeepAliveRouterView,
@@ -23,6 +24,7 @@ export {
   i as ProPageContainer,
   e as ProPageHeader,
   s as ProReuseTabs,
-  I as default,
-  k as defaultImageUploadOptions
+  a as ProTable,
+  R as default,
+  v as defaultImageUploadOptions
 };

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-0382c1f4"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ccbc7e81"]]);
 export {
-  _ as default
+  a as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, ref as V, computed as k, resolveComponent as h, createElementBlock as _, openBlock as E, normalizeClass as S, createVNode as d, mergeProps as i, withCtx as n, createTextVNode as B, toDisplayString as R, nextTick as P } from "vue";
+import { defineComponent as v, ref as V, computed as h, resolveComponent as k, createElementBlock as _, openBlock as E, normalizeClass as S, createVNode as d, mergeProps as i, withCtx as n, createTextVNode as B, toDisplayString as R, nextTick as P } from "vue";
 import r from "dayjs";
 const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
   __name: "pro-date-range-picker",
@@ -14,8 +14,8 @@ const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
     datePickerProps: {}
   },
   emits: ["update:modelValue"],
-  setup(F, { emit: g }) {
-    const e = F, s = g, u = V(), m = V(), p = k({
+  setup(g, { emit: F }) {
+    const e = g, s = F, u = V(), m = V(), p = h({
       get: () => e.modelValue[e.startField],
       set: (l) => {
         s("update:modelValue", {
@@ -23,7 +23,7 @@ const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
           [e.startField]: l
         });
       }
-    }), f = k({
+    }), f = h({
       get: () => e.modelValue[e.endField],
       set: (l) => {
         s("update:modelValue", {
@@ -49,7 +49,7 @@ const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
       });
     };
     return (l, t) => {
-      const c = h("a-date-picker"), o = h("a-form-item");
+      const c = k("a-date-picker"), o = k("a-form-item");
       return E(), _("div", {
         class: S(T)
       }, [
@@ -83,7 +83,8 @@ const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
         }),
         d(o, {
           field: l.endField,
-          "hide-label": ""
+          "hide-label": "",
+          style: { "margin-right": "0px" }
         }, {
           default: n(() => [
             d(c, i({

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

@@ -184,7 +184,7 @@ const qe = /* @__PURE__ */ he({
         const o = await ke(r, {
           maxSize: y.value.maxSize,
           size: y.value.size,
-          excludeAllowedTypes: (G = y.value.excludeAllowedTypes) == null ? void 0 : G.map((x) => `image/${x}`)
+          excludeAllowedTypes: (G = y.value.excludeAllowedTypes) == null ? void 0 : G.map((x) => `${x}`)
         });
         if (c.value = void 0, (J = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || J.call(
           e,

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

@@ -0,0 +1,89 @@
+import { App } from 'vue';
+declare const ProTable: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        data: any[];
+        size: "mini" | "medium" | "large" | "small";
+        loading: boolean | Record<string, any>;
+        scrollbar: boolean | any;
+        bordered: boolean | any;
+        columns: any[];
+        hoverable: boolean;
+        pagination: boolean | any;
+        stripe: boolean;
+        tableLayoutFixed: boolean;
+        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        indentSize: number;
+        rowKey: string;
+        showHeader: boolean;
+        spanAll: boolean;
+        filterIconAlignLeft: boolean;
+        hideExpandButtonOnEmpty: boolean;
+        columnResizable: boolean;
+        summaryText: string;
+        defaultExpandAllRows: boolean;
+        stickyHeader: number | boolean;
+        showEmptyTree: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, {
+        data: any[];
+        size: "mini" | "medium" | "large" | "small";
+        loading: boolean | Record<string, any>;
+        scrollbar: boolean | any;
+        bordered: boolean | any;
+        columns: any[];
+        hoverable: boolean;
+        pagination: boolean | any;
+        stripe: boolean;
+        tableLayoutFixed: boolean;
+        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        indentSize: number;
+        rowKey: string;
+        showHeader: boolean;
+        spanAll: boolean;
+        filterIconAlignLeft: boolean;
+        hideExpandButtonOnEmpty: boolean;
+        columnResizable: boolean;
+        summaryText: string;
+        defaultExpandAllRows: boolean;
+        stickyHeader: number | boolean;
+        showEmptyTree: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    data: any[];
+    size: "mini" | "medium" | "large" | "small";
+    loading: boolean | Record<string, any>;
+    scrollbar: boolean | any;
+    bordered: boolean | any;
+    columns: any[];
+    hoverable: boolean;
+    pagination: boolean | any;
+    stripe: boolean;
+    tableLayoutFixed: boolean;
+    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    indentSize: number;
+    rowKey: string;
+    showHeader: boolean;
+    spanAll: boolean;
+    filterIconAlignLeft: boolean;
+    hideExpandButtonOnEmpty: boolean;
+    columnResizable: boolean;
+    summaryText: string;
+    defaultExpandAllRows: boolean;
+    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;
+}) & {
+    install: (app: App) => void;
+};
+export { ProTable };
+export default ProTable;

package/es/pro-table/index.js

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

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

@@ -0,0 +1,34 @@
+import { IProTable } from './interface';
+declare function __VLS_template(): 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[];
+    size: "mini" | "medium" | "large" | "small";
+    loading: boolean | Record<string, any>;
+    scrollbar: boolean | any;
+    bordered: boolean | any;
+    columns: any[];
+    hoverable: boolean;
+    pagination: boolean | any;
+    stripe: boolean;
+    tableLayoutFixed: boolean;
+    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    indentSize: number;
+    rowKey: string;
+    showHeader: boolean;
+    spanAll: boolean;
+    filterIconAlignLeft: boolean;
+    hideExpandButtonOnEmpty: boolean;
+    columnResizable: boolean;
+    summaryText: string;
+    defaultExpandAllRows: boolean;
+    stickyHeader: number | boolean;
+    showEmptyTree: boolean;
+}, {}, {}, {}, 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-table/index.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent as p, useSlots as f, useAttrs as c, computed as i, resolveComponent as y, createBlock as m, openBlock as C, mergeProps as B, toHandlers as g, createSlots as b, renderList as h, unref as x, withCtx as S, renderSlot as w, normalizeProps as k, guardReactiveProps as _ } from "vue";
+const K = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    size: { default: "large" },
+    scrollbar: { type: Boolean, default: !0 },
+    data: { default: () => [] },
+    loading: { type: [Boolean, Object], default: !1 },
+    bordered: { type: Boolean, default: { cell: !0 } },
+    columns: { default: () => [] },
+    hoverable: { type: Boolean, default: !0 },
+    pagination: { type: Boolean, default: !0 },
+    stripe: { type: Boolean, default: !1 },
+    tableLayoutFixed: { type: Boolean, default: !1 },
+    pagePosition: { default: "br" },
+    indentSize: { default: 16 },
+    rowKey: { default: "key" },
+    showHeader: { type: Boolean, default: !0 },
+    spanAll: { type: Boolean, default: !1 },
+    filterIconAlignLeft: { type: Boolean, default: !1 },
+    hideExpandButtonOnEmpty: { type: Boolean, default: !1 },
+    columnResizable: { type: Boolean, default: !0 },
+    summaryText: { default: "Summary" },
+    defaultExpandAllRows: { type: Boolean, default: !1 },
+    stickyHeader: { type: [Number, Boolean], default: !1 },
+    showEmptyTree: { type: Boolean, default: !1 },
+    scroll: {},
+    summary: { type: [Boolean, Function] },
+    components: {},
+    virtualListProps: {},
+    rowSelection: {},
+    expandable: {},
+    spanMethod: {},
+    loadMore: {},
+    rowClass: {},
+    draggable: {},
+    rowNumber: { type: [Boolean, Object] },
+    summarySpanMethod: {},
+    selectedKeys: {},
+    defaultSelectedKeys: {},
+    expandedKeys: {},
+    defaultExpandedKeys: {},
+    onChange: {},
+    onSelect: {},
+    onPageChange: {},
+    onPageSizeChange: {},
+    onExpand: {},
+    "onUpdate:selectedKeys": {},
+    "onUpdate:expandedKeys": {},
+    onExpandedChange: {},
+    onSelectAll: {},
+    onSelectionChange: {},
+    onSorterChange: {},
+    onFilterChange: {},
+    onCellMouseEnter: {},
+    onCellMouseLeave: {},
+    onCellClick: {},
+    onRowClick: {},
+    onHeaderClick: {},
+    onColumnResize: {},
+    onRowDblclick: {},
+    onCellDblclick: {},
+    onRowContextmenu: {},
+    onCellContextmenu: {}
+  },
+  setup(a) {
+    const n = a, s = f(), r = c(), d = i(() => {
+      const e = {};
+      for (const [o, t] of Object.entries(r))
+        o.startsWith("on") && typeof t == "function" && (e[o] = t);
+      return e;
+    });
+    return (e, o) => {
+      const t = y("a-table");
+      return C(), m(t, B(n, g(d.value)), b({ _: 2 }, [
+        h(x(s), (v, l) => ({
+          name: l,
+          fn: S((u) => [
+            w(e.$slots, l, k(_(u)))
+          ])
+        }))
+      ]), 1040);
+    };
+  }
+});
+export {
+  K as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,149 @@
+/**
+ * table 组件属性接口
+ */
+export interface IProTable {
+    /** 表格尺寸 */
+    'size'?: 'mini' | 'medium' | 'large' | 'small';
+    /** 滚动条配置 */
+    'scrollbar'?: boolean | any;
+    /** 表格数据 */
+    'data'?: any[];
+    /** 加载状态 */
+    'loading'?: boolean | Record<string, any>;
+    /** 边框配置 */
+    'bordered'?: boolean | any;
+    /** 表格列配置 */
+    'columns'?: any[];
+    /** 是否开启悬停效果 */
+    'hoverable'?: boolean;
+    /** 分页配置 */
+    'pagination'?: boolean | any;
+    /** 是否显示斑马纹 */
+    'stripe'?: boolean;
+    /** 是否固定表格布局 */
+    'tableLayoutFixed'?: boolean;
+    /** 分页位置 */
+    'pagePosition'?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+    /** 缩进大小 */
+    'indentSize'?: number;
+    /** 行键字段 */
+    'rowKey'?: string;
+    /** 是否显示表头 */
+    'showHeader'?: boolean;
+    /** 是否跨行跨列 */
+    'spanAll'?: boolean;
+    /** 筛选图标是否左对齐 */
+    'filterIconAlignLeft'?: boolean;
+    /** 空数据时是否隐藏展开按钮 */
+    'hideExpandButtonOnEmpty'?: boolean;
+    /** 列是否可调整大小 */
+    'columnResizable'?: boolean;
+    /** 汇总行文本 */
+    'summaryText'?: string;
+    /** 是否默认展开所有行 */
+    'defaultExpandAllRows'?: boolean;
+    /** 固定表头配置 */
+    'stickyHeader'?: number | boolean;
+    /** 是否显示空树 */
+    'showEmptyTree'?: boolean;
+    /** 滚动配置 */
+    'scroll'?: {
+        x?: string | number;
+        y?: string | number;
+        minWidth?: string | number;
+        maxHeight?: string | number;
+    };
+    /** 汇总行配置 */
+    'summary'?: boolean | ((params: {
+        columns: any[];
+        data: any[];
+    }) => any[]);
+    /** 自定义组件 */
+    'components'?: any;
+    /** 虚拟列表配置 */
+    'virtualListProps'?: any;
+    /** 行选择配置 */
+    'rowSelection'?: any;
+    /** 行展开配置 */
+    'expandable'?: any;
+    /** 单元格合并方法 */
+    'spanMethod'?: (data: {
+        record: any;
+        column: any;
+        rowIndex: number;
+        columnIndex: number;
+    }) => void | {
+        rowspan?: number;
+        colspan?: number;
+    };
+    /** 加载更多回调 */
+    'loadMore'?: (record: any, done: (children?: any[]) => void) => void;
+    /** 行类名 */
+    'rowClass'?: string | any[] | Record<string, any> | ((record: any, rowIndex: number) => any);
+    /** 拖拽配置 */
+    'draggable'?: any;
+    /** 行号配置 */
+    'rowNumber'?: boolean | Record<string, any>;
+    /** 汇总行单元格合并方法 */
+    'summarySpanMethod'?: (data: {
+        record: any;
+        column: any;
+        rowIndex: number;
+        columnIndex: number;
+    }) => void | {
+        rowspan?: number;
+        colspan?: number;
+    };
+    /** 选中的行键 */
+    'selectedKeys'?: (string | number)[];
+    /** 默认选中的行键 */
+    'defaultSelectedKeys'?: (string | number)[];
+    /** 展开的行键 */
+    'expandedKeys'?: (string | number)[];
+    /** 默认展开的行键 */
+    'defaultExpandedKeys'?: (string | number)[];
+    /** 数据变化事件 */
+    'onChange'?: (data: any[], extra: any, currentData: any[]) => any;
+    /** 行选择事件 */
+    'onSelect'?: (rowKeys: (string | number)[], rowKey: string | number, record: any) => any;
+    /** 页码变化事件 */
+    'onPageChange'?: (page: number) => any;
+    /** 每页大小变化事件 */
+    'onPageSizeChange'?: (pageSize: number) => any;
+    /** 行展开事件 */
+    'onExpand'?: (rowKey: string | number, record: any) => any;
+    /** 选中行键更新事件 */
+    'onUpdate:selectedKeys'?: (rowKeys: (string | number)[]) => any;
+    /** 展开行键更新事件 */
+    'onUpdate:expandedKeys'?: (rowKeys: (string | number)[]) => any;
+    /** 展开状态变化事件 */
+    'onExpandedChange'?: (rowKeys: (string | number)[]) => any;
+    /** 全选事件 */
+    'onSelectAll'?: (checked: boolean) => any;
+    /** 选择变化事件 */
+    'onSelectionChange'?: (rowKeys: (string | number)[]) => any;
+    /** 排序变化事件 */
+    'onSorterChange'?: (dataIndex: string, direction: string) => any;
+    /** 筛选变化事件 */
+    'onFilterChange'?: (dataIndex: string, filteredValues: string[]) => any;
+    /** 单元格鼠标进入事件 */
+    'onCellMouseEnter'?: (record: any, column: any, ev: Event) => any;
+    /** 单元格鼠标离开事件 */
+    'onCellMouseLeave'?: (record: any, column: any, ev: Event) => any;
+    /** 单元格点击事件 */
+    'onCellClick'?: (record: any, column: any, ev: Event) => any;
+    /** 行点击事件 */
+    'onRowClick'?: (record: any, ev: Event) => any;
+    /** 表头点击事件 */
+    'onHeaderClick'?: (column: any, ev: Event) => any;
+    /** 列调整大小事件 */
+    'onColumnResize'?: (dataIndex: string, width: number) => any;
+    /** 行双击事件 */
+    'onRowDblclick'?: (record: any, ev: Event) => any;
+    /** 单元格双击事件 */
+    'onCellDblclick'?: (record: any, column: any, ev: Event) => any;
+    /** 行右键菜单事件 */
+    'onRowContextmenu'?: (record: any, ev: Event) => any;
+    /** 单元格右键菜单事件 */
+    'onCellContextmenu'?: (record: any, column: any, ev: Event) => 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-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-0382c1f4]{display:flex;align-items:center}
+.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-ccbc7e81]{display:flex;align-items:center}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.13.4",
+  "version": "1.13.6",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -26,7 +26,7 @@
     "vue-cropper": "^1.1.4",
     "vue-global-config": "^0.6.3",
     "dayjs": "^1.11.18",
-    "@keyblade/one-travel": "^3.0.2"
+    "@keyblade/one-travel": "^3.0.4"
   },
   "peerDependencies": {
     "vue": "^3.4.27"