@keyblade/pro-components 1.11.6 → 1.12.0-alpha.1

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

@@ -0,0 +1,11 @@
+import e from "./image-upload.vue.js";
+import { Modal as s, Upload as t, Button as l, Tooltip as m, Icon as n } from "@arco-design/web-vue";
+const r = Object.assign(e, {
+  install: (o) => {
+    o == null || o.use(s), o == null || o.use(t), o == null || o.use(l), o == null || o.use(m), o == null || o.use(n), o == null || o.component("KbProImageUpload", e);
+  }
+}), d = r;
+export {
+  r as ProImageUpload,
+  d as default
+};

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

@@ -0,0 +1,76 @@
+import { FileItem } from '@arco-design/web-vue';
+import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/one-travel';
+
+export declare enum EImageUploadInnerBeforeUploadStep {
+    check = 1,
+    crop = 2,
+    compress = 3,
+    all = 4
+}
+export interface ImageUploadOptions {
+    /** 上传地址 */
+    action: string;
+    /** 处理响应 */
+    handlerResponse?: (response: any) => Promise<{
+        /** 是否成功 */
+        success: boolean;
+        /** 图片地址 */
+        url?: string;
+        /** 错误消息(如果不传，请自行提示错误消息) */
+        errorMessage?: string;
+        /** 其他字段 */
+        [key: string]: any;
+    }>;
+    /** 设置上传的请求头部 */
+    headers?: Record<string, any>;
+    /** 上传时附带的额外参数 */
+    data?: Record<string, any>;
+    /** 上传的文件字段名 - 默认: file */
+    name?: string;
+    /** 提示文字 */
+    tip?: string;
+    /** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
+    accept?: string[];
+    /** 是否支持多选文件 - 默认: true */
+    multiple?: boolean;
+    /** 单次最大限制 - 默认: 10 */
+    singleLimit?: number;
+    /** 最大允许上传个数 */
+    limit?: number;
+    /** 是否禁用 - 默认: false */
+    disabled?: boolean;
+    /** 隐藏内置上传文件之前的loading效果 - 默认: false */
+    hideInnerBeforeUploadLoading?: boolean;
+    /** 校验选项 */
+    checkOptions?: ImageUploadCheckOptions;
+    /** 压缩选项 */
+    compressorOptions?: ImageUploadCompressorOptions;
+    /** 剪裁选项 */
+    cropOptions?: ImageUploadCropOptions;
+    /** 剪裁弹窗索引 */
+    cropModalIndex?: number;
+    /** 文件列表移除文件时的钩子 */
+    /** 文件上传成功时的钩子 */
+    onSuccess?: (fileItem: FileItem) => void;
+    /** 文件上传失败时的钩子 */
+    onError?: (fileItem: FileItem) => void;
+    /** 文件超出个数限制时的钩子 */
+    onExceed?: (fileList: FileItem[], files: File[]) => void;
+    /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。*/
+    onBeforeUpload?: (file: File) => boolean | Promise<any>;
+    /** 内置上传文件之前开始 */
+    onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
+    /** 内置上传文件之前结束 */
+    onInnerBeforeUploadEnd?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
+        success: boolean;
+        error?: {
+            size?: boolean;
+            format?: boolean;
+            transform?: boolean;
+            pixel?: boolean;
+            compress?: boolean;
+            crop?: boolean;
+        };
+        errorMessage?: string;
+    }) => void;
+}

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

@@ -0,0 +1,4 @@
+var s = /* @__PURE__ */ ((c) => (c[c.check = 1] = "check", c[c.crop = 2] = "crop", c[c.compress = 3] = "compress", c[c.all = 4] = "all", c))(s || {});
+export {
+  s as EImageUploadInnerBeforeUploadStep
+};

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

@@ -5,8 +5,8 @@ declare const ProLayout: {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
             title?: string | undefined;
+            menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
             tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
             tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
             tabsHeaderPadding?: boolean | undefined;
@@ -175,8 +175,8 @@ declare const ProLayout: {
             collapse: (collapsed: boolean) => void;
             keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
         }, string, {
-            menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
             title: string;
+            menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
             tabsSize: "small" | "mini" | "medium" | "large";
             tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
             tabsHeaderPadding: boolean;
@@ -398,8 +398,8 @@ declare const ProLayout: {
     collapse: (collapsed: boolean) => void;
     keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
 }, string, {
-    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     title: string;
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     tabsSize: "small" | "mini" | "medium" | "large";
     tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;

package/es/pro-layout/pro-layout.vue.d.ts

@@ -223,8 +223,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
 }, {
-    menuProps: Partial<MenuProps>;
     title: string;
+    menuProps: Partial<MenuProps>;
     tabsSize: "small" | "mini" | "medium" | "large";
     tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;

package/es/pro-layout/pro-layout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, useCssVars as Y, toRefs as Z, useSlots as ee, provide as H, ref as P, onMounted as te, watch as A, resolveComponent as l, openBlock as o, createBlock as u, normalizeClass as a, withCtx as s, createElementVNode as p, unref as r, renderSlot as m, createElementBlock as y, Fragment as k, createVNode as c, createTextVNode as v, toDisplayString as _, createCommentVNode as f } from "vue";
+import { defineComponent as X, useCssVars as Y, toRefs as Z, useSlots as ee, provide as k, ref as A, onMounted as te, watch as w, resolveComponent as l, openBlock as o, createBlock as u, normalizeClass as a, withCtx as s, createElementVNode as p, unref as r, renderSlot as m, createElementBlock as y, Fragment as v, createVNode as c, createTextVNode as _, toDisplayString as $, createCommentVNode as f } from "vue";
 import { useHooks as ae } from "./hooks.js";
 const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @__PURE__ */ X({
   __name: "pro-layout",
@@ -116,37 +116,37 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
     /** keepAlive改变事件 */
     keepAliveIncludeChange: (e) => !0
   },
-  setup(e, { emit: $ }) {
+  setup(e, { emit: C }) {
     const n = e;
     Y((i) => ({
-      "1f3bb2d6": T.value,
-      "7e248778": V,
-      "352df366": D
+      "2156faf3": S.value,
+      "2e3e7e4c": D,
+      a70b89aa: V
     }));
-    const { menuItems: C } = Z(n), h = ee(), {
-      menuSelectedKeys: w,
-      breadcrumbItems: K,
+    const { menuItems: T } = Z(n), h = ee(), {
+      menuSelectedKeys: K,
+      breadcrumbItems: N,
       tabs: q,
       keepAliveInclude: b,
-      onMenuItemClick: N,
-      onTabClick: W,
-      onTabDelete: z
-    } = ae(C, {
+      onMenuItemClick: W,
+      onTabClick: z,
+      onTabDelete: B
+    } = ae(T, {
       hideTabs: n.hideTabs,
       disableKeepAlive: n.disableKeepAlive
     });
-    H("ProBreadcrumbItems", K), H("ProKeepAliveInclude", b);
-    const T = P(`${n.headerHeight}px`), V = `${n.siderWidth}px`, D = `${se}px`, d = P(n.siderCollapsed), B = (i) => {
-      d.value = i, $("collapse", i);
+    k("ProBreadcrumbItems", N), k("ProKeepAliveInclude", b), k("onProReuseTabDelete", B);
+    const S = A(`${n.headerHeight}px`), D = `${n.siderWidth}px`, V = `${se}px`, d = A(n.siderCollapsed), x = (i) => {
+      d.value = i, C("collapse", i);
     };
     return te(() => {
-      n.hideHeader && (T.value = "0px");
-    }), A(() => n.siderCollapsed, () => {
+      n.hideHeader && (S.value = "0px");
+    }), w(() => n.siderCollapsed, () => {
       d.value = n.siderCollapsed;
-    }, { immediate: !0 }), A(b, () => {
-      $("keepAliveIncludeChange", b.value);
-    }, { immediate: !0 }), (i, S) => {
-      const x = l("a-typography-title"), I = l("a-space"), M = l("a-layout-header"), F = l("kb-pro-menu"), E = l("icon-menu-unfold"), j = l("icon-menu-fold"), O = l("a-button"), R = l("a-layout-sider"), G = l("kb-pro-reuse-tabs"), J = l("a-affix"), L = l("kb-pro-keep-alive-router-view"), Q = l("a-layout-content"), U = l("a-layout-footer"), g = l("a-layout");
+    }, { immediate: !0 }), w(b, () => {
+      C("keepAliveIncludeChange", b.value);
+    }, { immediate: !0 }), (i, I) => {
+      const P = l("a-typography-title"), H = l("a-space"), M = l("a-layout-header"), F = l("kb-pro-menu"), E = l("icon-menu-unfold"), R = l("icon-menu-fold"), j = l("a-button"), O = l("a-layout-sider"), G = l("kb-pro-reuse-tabs"), J = l("a-affix"), L = l("kb-pro-keep-alive-router-view"), Q = l("a-layout-content"), U = l("a-layout-footer"), g = l("a-layout");
       return o(), u(g, {
         class: a([t, `${t}-${e.layout}`])
       }, {
@@ -159,25 +159,25 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
               p("div", {
                 class: a(`${t}-header-left`)
               }, [
-                r(h)["header-left"] ? m(i.$slots, "header-left", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                r(h)["header-left"] ? m(i.$slots, "header-left", { key: 0 }) : (o(), y(v, { key: 1 }, [
                   e.layout !== "side" ? (o(), y("div", {
                     key: 0,
                     class: a(`${t}-header-left-logo`)
                   }, [
-                    c(I, null, {
+                    c(H, null, {
                       default: s(() => [
                         p("img", {
                           class: a(`${t}-header-left-logo-img`),
                           alt: "logo",
                           src: e.logo
                         }, null, 10, le),
-                        d.value ? f("", !0) : (o(), u(x, {
+                        d.value ? f("", !0) : (o(), u(P, {
                           key: 0,
                           class: a(`${t}-header-left-logo-title`),
                           heading: 5
                         }, {
                           default: s(() => [
-                            v(_(e.title), 1)
+                            _($(e.title), 1)
                           ]),
                           _: 1
                         }, 8, ["class"]))
@@ -202,38 +202,38 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
           }, 8, ["class"])),
           c(g, null, {
             default: s(() => [
-              c(R, {
+              c(O, {
                 class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: d.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
                 breakpoint: e.siderBreakpoint,
                 collapsed: d.value,
                 "hide-trigger": !0,
-                onCollapse: B
+                onCollapse: x
               }, {
                 default: s(() => [
                   p("div", {
                     class: a(`${t}-sider-content`)
                   }, [
-                    r(h)["sider-top"] ? m(i.$slots, "sider-top", { key: 0 }) : (o(), y(k, { key: 1 }, [
+                    r(h)["sider-top"] ? m(i.$slots, "sider-top", { key: 0 }) : (o(), y(v, { key: 1 }, [
                       e.layout === "side" ? (o(), y("div", {
                         key: 0,
                         class: a(`${t}-sider-content-logo`)
                       }, [
-                        c(I, null, {
+                        c(H, null, {
                           default: s(() => [
                             p("img", {
                               class: a(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
                             }, null, 10, oe),
-                            d.value ? f("", !0) : (o(), u(x, {
+                            d.value ? f("", !0) : (o(), u(P, {
                               key: 0,
                               class: a(`${t}-sider-content-logo-title`),
                               heading: 5
                             }, {
                               default: s(() => [
-                                v(_(e.title), 1)
+                                _($(e.title), 1)
                               ]),
                               _: 1
                             }, 8, ["class"]))
@@ -244,19 +244,19 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                     ], 64)),
                     c(F, {
                       collapsed: d.value,
-                      "selected-keys": r(w),
-                      items: r(C),
+                      "selected-keys": r(K),
+                      items: r(T),
                       "menu-props": e.menuProps,
-                      onMenuItemClick: r(N)
+                      onMenuItemClick: r(W)
                     }, null, 8, ["collapsed", "selected-keys", "items", "menu-props", "onMenuItemClick"])
                   ], 2),
-                  c(O, {
+                  c(j, {
                     class: a(`${t}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: S[0] || (S[0] = (de) => B(!d.value))
+                    onClick: I[0] || (I[0] = (de) => x(!d.value))
                   }, {
                     icon: s(() => [
-                      d.value ? (o(), u(E, { key: 0 })) : (o(), u(j, { key: 1 }))
+                      d.value ? (o(), u(E, { key: 0 })) : (o(), u(R, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -279,8 +279,8 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                         "tabs-size": e.tabsSize,
                         "tabs-type": e.tabsType,
                         "tabs-header-padding": e.tabsHeaderPadding,
-                        onTabClick: r(W),
-                        onTabDelete: r(z)
+                        onTabClick: r(z),
+                        onTabDelete: r(B)
                       }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                     ]),
                     _: 1
@@ -291,13 +291,13 @@ const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @_
                     ]),
                     _: 1
                   }),
-                  e.hideFooter ? f("", !0) : (o(), y(k, { key: 1 }, [
+                  e.hideFooter ? f("", !0) : (o(), y(v, { key: 1 }, [
                     r(h).footer !== void 0 ? m(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
                       key: 1,
                       class: a(`${t}-body-footer`)
                     }, {
                       default: s(() => [
-                        v(_(e.footerTitle), 1)
+                        _($(e.footerTitle), 1)
                       ]),
                       _: 1
                     }, 8, ["class"]))

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

@@ -6,13 +6,13 @@ declare const ProPageHeader: {
         $data: {};
         $props: {
             title?: string | undefined;
+            hideTitle?: boolean | undefined;
             breadcrumbItems?: {
                 path?: string | undefined;
                 label: string;
             }[] | undefined;
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
-            hideTitle?: boolean | undefined;
             breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
             key?: string | number | symbol | undefined;
@@ -114,13 +114,13 @@ declare const ProPageHeader: {
             };
         }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             title: string;
+            hideTitle: boolean;
             breadcrumbItems: {
                 path?: string | undefined;
                 label: string;
             }[];
             subTitle: string;
             titlePosition: "top" | "bottom";
-            hideTitle: boolean;
             breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string | boolean;
         }, {}, string, {}> & {
@@ -227,13 +227,13 @@ declare const ProPageHeader: {
     };
 }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     title: string;
+    hideTitle: boolean;
     breadcrumbItems: {
         path?: string | undefined;
         label: string;
     }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
-    hideTitle: boolean;
     breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {

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

@@ -94,13 +94,13 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     title: string;
+    hideTitle: boolean;
     breadcrumbItems: {
         path?: string | undefined;
         label: string;
     }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
-    hideTitle: boolean;
     breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}>;

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-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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--1f3bb2d6);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(--1f3bb2d6);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(--1f3bb2d6);padding-left:var(--7e248778);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--352df366)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--7e248778);width:calc(100% - var(--7e248778))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--352df366);width:calc(100% - var(--352df366))}.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-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.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(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-ae8ab9e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-ae8ab9e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-ae8ab9e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.11.6",
+  "version": "1.12.0-alpha.1",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -22,14 +22,19 @@
   "dependencies": {
     "@arco-design/web-vue": "^2.53.3",
     "vue-router": "^4.2.4",
-    "@vueuse/core": "^10.7.0"
+    "@vueuse/core": "^10.7.0",
+    "vue-cropper": "^1.1.4",
+    "vue-global-config": "^0.6.3",
+    "@keyblade/one-travel": "^3.0.0",
+    "heic-to": "^1.1.5"
   },
   "peerDependencies": {
     "vue": "^3.3.4"
   },
   "scripts": {
     "build": "vite build",
-    "publish:npm": "pnpm publish"
+    "publish:npm": "pnpm publish",
+    "sync:sync": "cnpm sync @keyblade/pro-components"
   },
   "typings": "es/index.d.ts"
 }

package/src/index.ts

@@ -1,36 +0,0 @@
-import type { App } from 'vue'
-import { ProPageHeader } from './pro-page-header'
-import { ProKeepAliveRouterView } from './pro-keep-alive-router-view'
-import { ProLayout } from './pro-layout'
-import { ProMenu } from './pro-menu'
-import { ProPageContainer } from './pro-page-container'
-import { ProReuseTabs } from './pro-reuse-tabs'
-
-export default {
-  install(app: App): void {
-    app.use(ProPageHeader)
-    app.use(ProKeepAliveRouterView)
-    app.use(ProLayout)
-    app.use(ProMenu)
-    app.use(ProPageContainer)
-    app.use(ProReuseTabs)
-  }
-}
-
-// 按组件导出
-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 ProMenu } from './pro-menu'
-export type { IProMenuItem } from './pro-menu'
-
-export { default as ProPageContainer } from './pro-page-container'
-
-export { default as ProReuseTabs } from './pro-reuse-tabs'
-export type { IProTab } from './pro-reuse-tabs'
-
-// components.d.ts
-export type {} from './components'