@keyblade/pro-components 1.13.8-alpha.39 → 1.13.8-alpha.40

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

@@ -1,10 +1,17 @@
-import { defineComponent as ne, useCssVars as de, ref as V, useSlots as re, computed as ie, provide as P, onMounted as ue, watch as F, resolveComponent as a, createBlock as u, openBlock as s, normalizeClass as l, withCtx as n, createCommentVNode as d, createVNode as p, createElementVNode as h, renderSlot as c, createElementBlock as k, unref as o, Fragment as b, createTextVNode as T, toDisplayString as B } from "vue";
-import { useHooks as pe } from "./hooks.js";
-import { ProLayoutMode as ce, ProLayoutMenuType as g } from "./enum.js";
-const me = ["src"], fe = ["src"], t = "keyblade-pro-layout", ye = 48, ge = /* @__PURE__ */ ne({
+import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as P } from "vue";
+import { Layout as B, LayoutHeader as ee, Space as F, TypographyTitle as N, LayoutSider as le, Button as te, Affix as oe, LayoutContent as se, LayoutFooter as ae } from "@arco-design/web-vue";
+import { IconMenuUnfold as de, IconMenuFold as re } from "@arco-design/web-vue/es/icon";
+import ie from "../pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js";
+import ne from "../pro-reuse-tabs/pro-reuse-tabs.vue.js";
+/* empty css                                    */
+import O from "../pro-menu/pro-menu.vue.js";
+/* empty css                        */
+import { useHooks as ue } from "./hooks.js";
+import { ProLayoutMode as pe, ProLayoutMenuType as g } from "./enum.js";
+const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @__PURE__ */ X({
   __name: "pro-layout",
   props: {
-    layout: { default: ce.mix },
+    layout: { default: pe.mix },
     hideHeader: { type: Boolean, default: !1 },
     hiderSider: { type: Boolean, default: !1 },
     headerHeight: { default: 60 },
@@ -26,234 +33,231 @@ const me = ["src"], fe = ["src"], t = "keyblade-pro-layout", ye = 48, ge = /* @_
   },
   emits: {
     /** 收缩事件 */
-    collapse: (_) => !0,
+    collapse: (b) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (_) => !0
+    keepAliveIncludeChange: (b) => !0
   },
-  setup(_, { emit: E }) {
-    de((e) => ({
-      "02b0fea0": W.value,
-      "8612f486": Q,
-      "77c045a8": U
+  setup(b, { emit: V }) {
+    Y((l) => ({
+      "60f0bf10": L.value,
+      "30e69946": J,
+      "6cb36c08": Q
     }));
-    const m = _, I = E, y = re(), M = ie(() => m.hiderSider || v.value.length > 0 && H.value.length === 0), {
-      topMenuItems: v,
+    const f = b, I = V, c = Z(), M = _(() => f.hiderSider || $.value.length > 0 && H.value.length === 0), {
+      topMenuItems: $,
       siderMenuItems: H,
-      topMenuSelectedKeys: L,
+      topMenuSelectedKeys: E,
       siderMenuSelectedKeys: R,
-      topMenuOpenKeys: j,
-      siderMenuOpenKeys: q,
-      breadcrumbItems: G,
-      tabs: K,
-      keepAliveInclude: $,
-      onProMenuItemClick: S,
-      onProMenuOpenKeysChange: w,
-      onTabClick: J,
-      onTabDelete: z
-    } = pe(m);
-    P("ProBreadcrumbItems", G), P("ProKeepAliveInclude", $), P("onProReuseTabDelete", z);
-    const W = V(`${m.headerHeight}px`), Q = `${m.siderWidth}px`, U = `${ye}px`, r = V(m.siderCollapsed), A = (e) => {
-      r.value = e, I("collapse", e);
+      topMenuOpenKeys: U,
+      siderMenuOpenKeys: j,
+      breadcrumbItems: q,
+      tabs: S,
+      keepAliveInclude: v,
+      onProMenuItemClick: K,
+      onProMenuOpenKeysChange: z,
+      onTabClick: G,
+      onTabDelete: A
+    } = ue(f);
+    C("ProBreadcrumbItems", q), C("ProKeepAliveInclude", v), C("onProReuseTabDelete", A);
+    const L = w(`${f.headerHeight}px`), J = `${f.siderWidth}px`, Q = `${ce}px`, r = w(f.siderCollapsed), W = (l) => {
+      r.value = l, I("collapse", l);
     };
-    return ue(() => {
-      m.hideHeader && (W.value = "0px");
-    }), F(() => m.siderCollapsed, () => {
-      r.value = m.siderCollapsed;
-    }, { immediate: !0 }), F($, () => {
-      I("keepAliveIncludeChange", $.value);
-    }, { immediate: !0 }), (e, i) => {
-      const D = a("a-typography-title"), N = a("a-space"), O = a("kb-pro-menu"), X = a("a-layout-header"), Y = a("icon-menu-unfold"), Z = a("icon-menu-fold"), x = a("a-button"), ee = a("a-layout-sider"), oe = a("kb-pro-reuse-tabs"), te = a("a-affix"), le = a("kb-pro-keep-alive-router-view"), se = a("a-layout-content"), ae = a("a-layout-footer"), C = a("a-layout");
-      return s(), u(C, {
-        class: l([t, `${t}-${e.layout}`])
-      }, {
-        default: n(() => [
-          e.hideHeader ? d("", !0) : (s(), u(X, {
-            key: 0,
-            class: l([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
-          }, {
-            default: n(() => [
-              h("div", {
-                class: l(`${t}-header-left`)
-              }, [
-                o(y)["header-left"] ? c(e.$slots, "header-left", { key: 0 }) : (s(), k(b, { key: 1 }, [
-                  e.layout !== "side" ? (s(), k("div", {
-                    key: 0,
-                    class: l(`${t}-header-left-logo`)
-                  }, [
-                    p(N, null, {
-                      default: n(() => [
-                        c(e.$slots, "header-left-logo-img", {}, () => [
-                          h("img", {
-                            class: l(`${t}-header-left-logo-img`),
+    return x(() => {
+      f.hideHeader && (L.value = "0px");
+    }), D(() => f.siderCollapsed, () => {
+      r.value = f.siderCollapsed;
+    }, { immediate: !0 }), D(v, () => {
+      I("keepAliveIncludeChange", v.value);
+    }, { immediate: !0 }), (l, i) => (s(), n(e(B), {
+      class: o([t, `${t}-${l.layout}`])
+    }, {
+      default: a(() => [
+        l.hideHeader ? d("", !0) : (s(), n(e(ee), {
+          key: 0,
+          class: o([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
+        }, {
+          default: a(() => [
+            y("div", {
+              class: o(`${t}-header-left`)
+            }, [
+              e(c)["header-left"] ? p(l.$slots, "header-left", { key: 0 }) : (s(), h(k, { key: 1 }, [
+                l.layout !== "side" ? (s(), h("div", {
+                  key: 0,
+                  class: o(`${t}-header-left-logo`)
+                }, [
+                  u(e(F), null, {
+                    default: a(() => [
+                      p(l.$slots, "header-left-logo-img", {}, () => [
+                        y("img", {
+                          class: o(`${t}-header-left-logo-img`),
+                          alt: "logo",
+                          src: l.logo
+                        }, null, 10, fe)
+                      ]),
+                      r.value ? d("", !0) : p(l.$slots, "header-left-logo-title", { key: 0 }, () => [
+                        u(e(N), {
+                          class: o(`${t}-header-left-logo-title`),
+                          heading: 5
+                        }, {
+                          default: a(() => [
+                            T(P(l.title), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ])
+                    ]),
+                    _: 3
+                  })
+                ], 2)) : d("", !0)
+              ], 64))
+            ], 2),
+            y("div", {
+              class: o(`${t}-header-center`)
+            }, [
+              e(c)["header-center-left"] ? p(l.$slots, "header-center-left", { key: 0 }) : d("", !0),
+              e($).length > 0 ? (s(), n(O, {
+                key: 1,
+                mode: "horizontal",
+                "selected-keys": e(E),
+                "open-keys": e(U),
+                items: e($),
+                "menu-props": l.menuProps,
+                onMenuItemClick: i[0] || (i[0] = (m) => e(K)(e(g).top, m)),
+                onOpenKeysChange: i[1] || (i[1] = (m) => e(z)(e(g).side, m))
+              }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), h(k, { key: 2 }, [
+                e(c)["header-center-center"] ? p(l.$slots, "header-center-center", { key: 0 }) : d("", !0)
+              ], 64)),
+              e(c)["header-center-right"] ? p(l.$slots, "header-center-right", { key: 3 }) : d("", !0)
+            ], 2),
+            y("div", {
+              class: o(`${t}-header-right`)
+            }, [
+              p(l.$slots, "header-right")
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["class"])),
+        u(e(B), null, {
+          default: a(() => [
+            M.value ? d("", !0) : (s(), n(e(le), {
+              key: 0,
+              class: o([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
+              width: l.siderWidth,
+              collapsible: !0,
+              breakpoint: l.siderBreakpoint,
+              collapsed: r.value,
+              "hide-trigger": !0,
+              onCollapse: W
+            }, {
+              default: a(() => [
+                y("div", {
+                  class: o(`${t}-sider-content`)
+                }, [
+                  e(c)["sider-top"] ? p(l.$slots, "sider-top", { key: 0 }) : (s(), h(k, { key: 1 }, [
+                    l.layout === "side" ? (s(), h("div", {
+                      key: 0,
+                      class: o(`${t}-sider-content-logo`)
+                    }, [
+                      u(e(F), null, {
+                        default: a(() => [
+                          y("img", {
+                            class: o(`${t}-sider-content-logo-img`),
                             alt: "logo",
-                            src: e.logo
-                          }, null, 10, me)
-                        ]),
-                        r.value ? d("", !0) : c(e.$slots, "header-left-logo-title", { key: 0 }, () => [
-                          p(D, {
-                            class: l(`${t}-header-left-logo-title`),
+                            src: l.logo
+                          }, null, 10, me),
+                          r.value ? d("", !0) : (s(), n(e(N), {
+                            key: 0,
+                            class: o(`${t}-sider-content-logo-title`),
                             heading: 5
                           }, {
-                            default: n(() => [
-                              T(B(e.title), 1)
+                            default: a(() => [
+                              T(P(l.title), 1)
                             ]),
                             _: 1
-                          }, 8, ["class"])
-                        ])
-                      ]),
-                      _: 3
-                    })
-                  ], 2)) : d("", !0)
-                ], 64))
-              ], 2),
-              h("div", {
-                class: l(`${t}-header-center`)
-              }, [
-                o(y)["header-center-left"] ? c(e.$slots, "header-center-left", { key: 0 }) : d("", !0),
-                o(v).length > 0 ? (s(), u(O, {
-                  key: 1,
-                  mode: "horizontal",
-                  "selected-keys": o(L),
-                  "open-keys": o(j),
-                  items: o(v),
-                  "menu-props": e.menuProps,
-                  onMenuItemClick: i[0] || (i[0] = (f) => o(S)(o(g).top, f)),
-                  onOpenKeysChange: i[1] || (i[1] = (f) => o(w)(o(g).side, f))
-                }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), k(b, { key: 2 }, [
-                  o(y)["header-center-center"] ? c(e.$slots, "header-center-center", { key: 0 }) : d("", !0)
-                ], 64)),
-                o(y)["header-center-right"] ? c(e.$slots, "header-center-right", { key: 3 }) : d("", !0)
-              ], 2),
-              h("div", {
-                class: l(`${t}-header-right`)
-              }, [
-                c(e.$slots, "header-right")
-              ], 2)
-            ]),
-            _: 3
-          }, 8, ["class"])),
-          p(C, null, {
-            default: n(() => [
-              M.value ? d("", !0) : (s(), u(ee, {
-                key: 0,
-                class: l([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
-                width: e.siderWidth,
-                collapsible: !0,
-                breakpoint: e.siderBreakpoint,
-                collapsed: r.value,
-                "hide-trigger": !0,
-                onCollapse: A
-              }, {
-                default: n(() => [
-                  h("div", {
-                    class: l(`${t}-sider-content`)
-                  }, [
-                    o(y)["sider-top"] ? c(e.$slots, "sider-top", { key: 0 }) : (s(), k(b, { key: 1 }, [
-                      e.layout === "side" ? (s(), k("div", {
-                        key: 0,
-                        class: l(`${t}-sider-content-logo`)
-                      }, [
-                        p(N, null, {
-                          default: n(() => [
-                            h("img", {
-                              class: l(`${t}-sider-content-logo-img`),
-                              alt: "logo",
-                              src: e.logo
-                            }, null, 10, fe),
-                            r.value ? d("", !0) : (s(), u(D, {
-                              key: 0,
-                              class: l(`${t}-sider-content-logo-title`),
-                              heading: 5
-                            }, {
-                              default: n(() => [
-                                T(B(e.title), 1)
-                              ]),
-                              _: 1
-                            }, 8, ["class"]))
-                          ]),
-                          _: 1
-                        })
-                      ], 2)) : d("", !0)
-                    ], 64)),
-                    p(O, {
-                      mode: "vertical",
-                      collapsed: r.value,
-                      "selected-keys": o(R),
-                      "open-keys": o(q),
-                      items: o(H),
-                      "menu-props": e.menuProps,
-                      onMenuItemClick: i[2] || (i[2] = (f) => o(S)(o(g).side, f)),
-                      onOpenKeysChange: i[3] || (i[3] = (f) => o(w)(o(g).side, f))
-                    }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
-                  ], 2),
-                  p(x, {
-                    class: l(`${t}-sider-collapse-btn`),
-                    size: "mini",
-                    onClick: i[4] || (i[4] = (f) => A(!r.value))
-                  }, {
-                    icon: n(() => [
-                      r.value ? (s(), u(Y, { key: 0 })) : (s(), u(Z, { key: 1 }))
-                    ]),
-                    _: 1
-                  }, 8, ["class"])
-                ]),
-                _: 3
-              }, 8, ["class", "width", "breakpoint", "collapsed"])),
-              p(C, {
-                class: l([
-                  `${t}-body`,
-                  { [`${t}-body-hide-sider`]: M.value },
-                  { [`${t}-body-collapsed`]: r.value }
-                ])
-              }, {
-                default: n(() => [
-                  e.hideTabs ? d("", !0) : (s(), u(te, {
-                    key: 0,
-                    class: l(`${t}-body-affix`),
-                    offsetTop: e.hideHeader ? 0 : e.headerHeight
+                          }, 8, ["class"]))
+                        ]),
+                        _: 1
+                      })
+                    ], 2)) : d("", !0)
+                  ], 64)),
+                  u(O, {
+                    mode: "vertical",
+                    collapsed: r.value,
+                    "selected-keys": e(R),
+                    "open-keys": e(j),
+                    items: e(H),
+                    "menu-props": l.menuProps,
+                    onMenuItemClick: i[2] || (i[2] = (m) => e(K)(e(g).side, m)),
+                    onOpenKeysChange: i[3] || (i[3] = (m) => e(z)(e(g).side, m))
+                  }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
+                ], 2),
+                u(e(te), {
+                  class: o(`${t}-sider-collapse-btn`),
+                  size: "mini",
+                  onClick: i[4] || (i[4] = (m) => W(!r.value))
+                }, {
+                  icon: a(() => [
+                    r.value ? (s(), n(e(de), { key: 0 })) : (s(), n(e(re), { key: 1 }))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 3
+            }, 8, ["class", "width", "breakpoint", "collapsed"])),
+            u(e(B), {
+              class: o([
+                `${t}-body`,
+                { [`${t}-body-hide-sider`]: M.value },
+                { [`${t}-body-collapsed`]: r.value }
+              ])
+            }, {
+              default: a(() => [
+                l.hideTabs ? d("", !0) : (s(), n(e(oe), {
+                  key: 0,
+                  class: o(`${t}-body-affix`),
+                  offsetTop: l.hideHeader ? 0 : l.headerHeight
+                }, {
+                  default: a(() => [
+                    e(S).length > 0 ? (s(), n(ne, {
+                      key: 0,
+                      tabs: e(S),
+                      "tabs-size": l.tabsSize,
+                      "tabs-type": l.tabsType,
+                      "tabs-header-padding": l.tabsHeaderPadding,
+                      onTabClick: e(G),
+                      onTabDelete: e(A)
+                    }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["class", "offsetTop"])),
+                u(e(se), null, {
+                  default: a(() => [
+                    u(ie)
+                  ]),
+                  _: 1
+                }),
+                l.hideFooter ? d("", !0) : (s(), h(k, { key: 1 }, [
+                  e(c).footer !== void 0 ? p(l.$slots, "footer", { key: 0 }) : (s(), n(e(ae), {
+                    key: 1,
+                    class: o(`${t}-body-footer`)
                   }, {
-                    default: n(() => [
-                      o(K).length > 0 ? (s(), u(oe, {
-                        key: 0,
-                        tabs: o(K),
-                        "tabs-size": e.tabsSize,
-                        "tabs-type": e.tabsType,
-                        "tabs-header-padding": e.tabsHeaderPadding,
-                        onTabClick: o(J),
-                        onTabDelete: o(z)
-                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
+                    default: a(() => [
+                      T(P(l.footerTitle), 1)
                     ]),
                     _: 1
-                  }, 8, ["class", "offsetTop"])),
-                  p(se, null, {
-                    default: n(() => [
-                      p(le)
-                    ]),
-                    _: 1
-                  }),
-                  e.hideFooter ? d("", !0) : (s(), k(b, { key: 1 }, [
-                    o(y).footer !== void 0 ? c(e.$slots, "footer", { key: 0 }) : (s(), u(ae, {
-                      key: 1,
-                      class: l(`${t}-body-footer`)
-                    }, {
-                      default: n(() => [
-                        T(B(e.footerTitle), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"]))
-                  ], 64))
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
+                  }, 8, ["class"]))
+                ], 64))
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  ge as default
+  Be as default
 };

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

@@ -36,6 +36,8 @@ declare const ProLoader: {
 }) & {
     install: (app: App) => void;
 };
+/** 导出类型 */
 export * from './interface';
+/** 导出组件 */
 export { ProLoader };
 export default ProLoader;