@keyblade/pro-components 1.4.5 → 1.4.6

package/es/pro-layout/index.js

@@ -1,27 +1,16 @@
-import _sfc_main from "./pro-layout.vue.js";
+import e from "./pro-layout.vue.js";
 import "./pro-layout.vue2.js";
-import { Layout, Space, Typography, Button, Affix } from "@arco-design/web-vue";
-import { ProKeepAliveRouterView } from "../pro-keep-alive-router-view/index.js";
-import { ProMenu } from "../pro-menu/index.js";
-import { ProReuseTabs } from "../pro-reuse-tabs/index.js";
-import { IconMenuFold, IconMenuUnfold } from "@arco-design/web-vue/es/icon";
-const ProLayout = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Layout);
-    app.use(Space);
-    app.use(Typography);
-    app.use(Button);
-    app.use(Affix);
-    app.use(ProKeepAliveRouterView);
-    app.use(ProMenu);
-    app.use(ProReuseTabs);
-    app.use(IconMenuFold);
-    app.use(IconMenuUnfold);
-    app.component("KbProLayout", _sfc_main);
+import { Layout as r, Space as t, Typography as u, Button as s, Affix as m } from "@arco-design/web-vue";
+import { ProKeepAliveRouterView as n } from "../pro-keep-alive-router-view/index.js";
+import { ProMenu as i } from "../pro-menu/index.js";
+import { ProReuseTabs as f } from "../pro-reuse-tabs/index.js";
+import { IconMenuFold as c, IconMenuUnfold as l } from "@arco-design/web-vue/es/icon";
+const y = Object.assign(e, {
+  install: (o) => {
+    o.use(r), o.use(t), o.use(u), o.use(s), o.use(m), o.use(n), o.use(i), o.use(f), o.use(c), o.use(l), o.component("KbProLayout", e);
   }
-});
-const ProLayout$1 = ProLayout;
+}), x = y;
 export {
-  ProLayout,
-  ProLayout$1 as default
+  y as ProLayout,
+  x as default
 };

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

@@ -1,270 +1,243 @@
-import { defineComponent, useCssVars, toRefs, useSlots, provide, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, unref, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { useHooks } from "./hooks.js";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = ["src"];
-const prefixClsName = "keyblade-pro-layout";
-const siderCollapsedWidth = 48;
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as U, useCssVars as X, toRefs as Y, useSlots as Z, provide as q, ref as ee, watch as B, resolveComponent as o, openBlock as s, createBlock as c, normalizeClass as t, withCtx as a, createVNode as i, createElementVNode as f, unref as d, renderSlot as m, createElementBlock as k, Fragment as S, createTextVNode as b, toDisplayString as g, createCommentVNode as p } from "vue";
+import { useHooks as te } from "./hooks.js";
+const le = ["src"], oe = ["src"], e = "keyblade-pro-layout", ae = 48, re = /* @__PURE__ */ U({
   __name: "pro-layout",
   props: {
     /** 布局类型 */
     layout: {
       type: String,
-      required: false,
+      required: !1,
       default: "mix"
     },
     /** 头部高度 */
     headerHeight: {
       type: Number,
-      required: false,
+      required: !1,
       default: 60
     },
     /** 右上角标题 */
     title: {
       type: String,
-      required: false,
+      required: !1,
       default: "KeyBlade Pro"
     },
     /** 右上角logo */
     logo: {
       type: String,
-      required: false,
+      required: !1,
       default: "http://p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
     },
     /** 侧边栏宽度 */
     siderWidth: {
       type: Number,
-      required: false,
+      required: !1,
       default: 220
     },
     /** 侧边栏响应式的断点 */
     siderBreakpoint: {
       type: String,
-      required: false,
+      required: !1,
       default: "xl"
     },
     /** 侧边栏是否收缩，会受 siderBreakpoint 影响 */
     siderCollapsed: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     /** 菜单项 */
     menuItems: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 页脚标题 */
     footerTitle: {
       type: String,
-      required: false,
+      required: !1,
       default: "KeyBlade Pro"
     },
     /** 是否显示多页签 */
     showTabs: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     }
   },
   emits: {
     /** 收缩事件 */
-    "collapse": (collapsed) => true,
+    collapse: (l) => !0,
     /** keepAlive改变事件 */
-    "keepAliveIncludeChange": (keepAliveInclude) => true
+    keepAliveIncludeChange: (l) => !0
   },
-  setup(__props, { emit }) {
-    const props = __props;
-    useCssVars((_ctx) => ({
-      "79d837bc": headerHeightWidthPx,
-      "51986431": siderWidthPx,
-      "2cc12c98": siderCollapsedWidthPx
+  setup(l, { emit: v }) {
+    const u = l;
+    X((r) => ({
+      "79d837bc": V,
+      51986431: D,
+      "2cc12c98": K
     }));
-    const { menuItems } = toRefs(props);
-    const slots = useSlots();
-    const {
-      menuSelectedKeys,
-      breadcrumbItems,
-      tabs,
-      keepAliveInclude,
-      onMenuItemClick,
-      onTabClick,
-      onTabDelete
-    } = useHooks(menuItems, {
-      showTabs: props.showTabs
+    const { menuItems: $ } = Y(u), y = Z(), {
+      menuSelectedKeys: N,
+      breadcrumbItems: P,
+      tabs: C,
+      keepAliveInclude: h,
+      onMenuItemClick: W,
+      onTabClick: A,
+      onTabDelete: H
+    } = te($, {
+      showTabs: u.showTabs
     });
-    provide("ProBreadcrumbItems", breadcrumbItems);
-    provide("ProKeepAliveInclude", keepAliveInclude);
-    const headerHeightWidthPx = `${props.headerHeight}px`;
-    const siderWidthPx = `${props.siderWidth}px`;
-    const siderCollapsedWidthPx = `${siderCollapsedWidth}px`;
-    const siderCollapsed = ref(props.siderCollapsed);
-    const onSiderCollapse = (val) => {
-      siderCollapsed.value = val;
-      emit("collapse", val);
+    q("ProBreadcrumbItems", P), q("ProKeepAliveInclude", h);
+    const V = `${u.headerHeight}px`, D = `${u.siderWidth}px`, K = `${ae}px`, n = ee(u.siderCollapsed), T = (r) => {
+      n.value = r, v("collapse", r);
     };
-    watch(() => props.siderCollapsed, () => {
-      siderCollapsed.value = props.siderCollapsed;
-    }, { immediate: true });
-    watch(keepAliveInclude, () => {
-      emit("keepAliveIncludeChange", keepAliveInclude.value);
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      const _component_a_typography_title = resolveComponent("a-typography-title");
-      const _component_a_space = resolveComponent("a-space");
-      const _component_a_layout_header = resolveComponent("a-layout-header");
-      const _component_kb_pro_menu = resolveComponent("kb-pro-menu");
-      const _component_icon_menu_unfold = resolveComponent("icon-menu-unfold");
-      const _component_icon_menu_fold = resolveComponent("icon-menu-fold");
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_layout_sider = resolveComponent("a-layout-sider");
-      const _component_kb_pro_reuse_tabs = resolveComponent("kb-pro-reuse-tabs");
-      const _component_a_affix = resolveComponent("a-affix");
-      const _component_kb_pro_keep_alive_router_view = resolveComponent("kb-pro-keep-alive-router-view");
-      const _component_a_layout_content = resolveComponent("a-layout-content");
-      const _component_a_layout_footer = resolveComponent("a-layout-footer");
-      const _component_a_layout = resolveComponent("a-layout");
-      return openBlock(), createBlock(_component_a_layout, {
-        class: normalizeClass(`${prefixClsName} ${prefixClsName}-${__props.layout}`)
+    return B(() => u.siderCollapsed, () => {
+      n.value = u.siderCollapsed;
+    }, { immediate: !0 }), B(h, () => {
+      v("keepAliveIncludeChange", h.value);
+    }, { immediate: !0 }), (r, w) => {
+      const x = o("a-typography-title"), I = o("a-space"), M = o("a-layout-header"), z = o("kb-pro-menu"), E = o("icon-menu-unfold"), F = o("icon-menu-fold"), R = o("a-button"), j = o("a-layout-sider"), G = o("kb-pro-reuse-tabs"), J = o("a-affix"), L = o("kb-pro-keep-alive-router-view"), O = o("a-layout-content"), Q = o("a-layout-footer"), _ = o("a-layout");
+      return s(), c(_, {
+        class: t(`${e} ${e}-${l.layout}`)
       }, {
-        default: withCtx(() => [
-          createVNode(_component_a_layout_header, {
-            class: normalizeClass(`${prefixClsName}-header` + (siderCollapsed.value ? ` ${prefixClsName}-header-collapsed` : ""))
+        default: a(() => [
+          i(M, {
+            class: t(`${e}-header` + (n.value ? ` ${e}-header-collapsed` : ""))
           }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(`${prefixClsName}-header-left`)
+            default: a(() => [
+              f("div", {
+                class: t(`${e}-header-left`)
               }, [
-                unref(slots)["header-left"] ? renderSlot(_ctx.$slots, "header-left", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  __props.layout !== "side" ? (openBlock(), createBlock(_component_a_space, { key: 0 }, {
-                    default: withCtx(() => [
-                      createElementVNode("img", {
-                        class: normalizeClass(`${prefixClsName}-header-left-logo`),
+                d(y)["header-left"] ? m(r.$slots, "header-left", { key: 0 }) : (s(), k(S, { key: 1 }, [
+                  l.layout !== "side" ? (s(), c(I, { key: 0 }, {
+                    default: a(() => [
+                      f("img", {
+                        class: t(`${e}-header-left-logo`),
                         alt: "logo",
-                        src: __props.logo
-                      }, null, 10, _hoisted_1),
-                      !siderCollapsed.value ? (openBlock(), createBlock(_component_a_typography_title, {
+                        src: l.logo
+                      }, null, 10, le),
+                      n.value ? p("", !0) : (s(), c(x, {
                         key: 0,
-                        class: normalizeClass(`${prefixClsName}-header-left-title`),
+                        class: t(`${e}-header-left-title`),
                         heading: 5
                       }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(__props.title), 1)
+                        default: a(() => [
+                          b(g(l.title), 1)
                         ]),
                         _: 1
-                      }, 8, ["class"])) : createCommentVNode("", true)
+                      }, 8, ["class"]))
                     ]),
                     _: 1
-                  })) : createCommentVNode("", true)
+                  })) : p("", !0)
                 ], 64))
               ], 2),
-              createElementVNode("div", {
-                class: normalizeClass(`${prefixClsName}-header-center`)
+              f("div", {
+                class: t(`${e}-header-center`)
               }, [
-                unref(slots)["header-center"] ? renderSlot(_ctx.$slots, "header-center", { key: 0 }) : createCommentVNode("", true)
+                d(y)["header-center"] ? m(r.$slots, "header-center", { key: 0 }) : p("", !0)
               ], 2),
-              createElementVNode("div", {
-                class: normalizeClass(`${prefixClsName}-header-right`)
+              f("div", {
+                class: t(`${e}-header-right`)
               }, [
-                renderSlot(_ctx.$slots, "header-right")
+                m(r.$slots, "header-right")
               ], 2)
             ]),
             _: 3
           }, 8, ["class"]),
-          createVNode(_component_a_layout, null, {
-            default: withCtx(() => [
-              createVNode(_component_a_layout_sider, {
-                class: normalizeClass(`${prefixClsName}-sider` + (siderCollapsed.value ? ` ${prefixClsName}-sider-collapsed` : "")),
-                width: __props.siderWidth,
-                collapsible: true,
-                breakpoint: __props.siderBreakpoint,
-                collapsed: siderCollapsed.value,
-                "hide-trigger": true,
-                onCollapse: onSiderCollapse
+          i(_, null, {
+            default: a(() => [
+              i(j, {
+                class: t(`${e}-sider` + (n.value ? ` ${e}-sider-collapsed` : "")),
+                width: l.siderWidth,
+                collapsible: !0,
+                breakpoint: l.siderBreakpoint,
+                collapsed: n.value,
+                "hide-trigger": !0,
+                onCollapse: T
               }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass(`${prefixClsName}-sider-content`)
+                default: a(() => [
+                  f("div", {
+                    class: t(`${e}-sider-content`)
                   }, [
-                    unref(slots)["sider-top"] ? renderSlot(_ctx.$slots, "sider-top", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      __props.layout === "side" ? (openBlock(), createElementBlock("div", {
+                    d(y)["sider-top"] ? m(r.$slots, "sider-top", { key: 0 }) : (s(), k(S, { key: 1 }, [
+                      l.layout === "side" ? (s(), k("div", {
                         key: 0,
-                        class: normalizeClass(`${prefixClsName}-sider-content-top`)
+                        class: t(`${e}-sider-content-top`)
                       }, [
-                        createVNode(_component_a_space, null, {
-                          default: withCtx(() => [
-                            createElementVNode("img", {
-                              class: normalizeClass(`${prefixClsName}-sider-content-top-logo`),
+                        i(I, null, {
+                          default: a(() => [
+                            f("img", {
+                              class: t(`${e}-sider-content-top-logo`),
                               alt: "logo",
-                              src: __props.logo
-                            }, null, 10, _hoisted_2),
-                            !siderCollapsed.value ? (openBlock(), createBlock(_component_a_typography_title, {
+                              src: l.logo
+                            }, null, 10, oe),
+                            n.value ? p("", !0) : (s(), c(x, {
                               key: 0,
-                              class: normalizeClass(`${prefixClsName}-sider-content-top-title`),
+                              class: t(`${e}-sider-content-top-title`),
                               heading: 5
                             }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(__props.title), 1)
+                              default: a(() => [
+                                b(g(l.title), 1)
                               ]),
                               _: 1
-                            }, 8, ["class"])) : createCommentVNode("", true)
+                            }, 8, ["class"]))
                           ]),
                           _: 1
                         })
-                      ], 2)) : createCommentVNode("", true)
+                      ], 2)) : p("", !0)
                     ], 64)),
-                    createVNode(_component_kb_pro_menu, {
-                      collapsed: siderCollapsed.value,
-                      "selected-keys": unref(menuSelectedKeys),
-                      items: unref(menuItems),
-                      onMenuItemClick: unref(onMenuItemClick)
+                    i(z, {
+                      collapsed: n.value,
+                      "selected-keys": d(N),
+                      items: d($),
+                      onMenuItemClick: d(W)
                     }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
                   ], 2),
-                  createVNode(_component_a_button, {
+                  i(R, {
                     size: "mini",
-                    class: normalizeClass(`${prefixClsName}-sider-collapsed-icon`),
-                    onClick: _cache[0] || (_cache[0] = ($event) => onSiderCollapse(!siderCollapsed.value))
+                    class: t(`${e}-sider-collapsed-icon`),
+                    onClick: w[0] || (w[0] = (se) => T(!n.value))
                   }, {
-                    icon: withCtx(() => [
-                      siderCollapsed.value ? (openBlock(), createBlock(_component_icon_menu_unfold, { key: 0 })) : (openBlock(), createBlock(_component_icon_menu_fold, { key: 1 }))
+                    icon: a(() => [
+                      n.value ? (s(), c(E, { key: 0 })) : (s(), c(F, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
                 ]),
                 _: 3
               }, 8, ["class", "width", "breakpoint", "collapsed"]),
-              createVNode(_component_a_layout, {
-                class: normalizeClass(`${prefixClsName}-body` + (siderCollapsed.value ? ` ${prefixClsName}-body-collapsed` : ""))
+              i(_, {
+                class: t(`${e}-body` + (n.value ? ` ${e}-body-collapsed` : ""))
               }, {
-                default: withCtx(() => [
-                  __props.showTabs ? (openBlock(), createBlock(_component_a_affix, {
+                default: a(() => [
+                  l.showTabs ? (s(), c(J, {
                     key: 0,
-                    class: normalizeClass(`${prefixClsName}-body-affix`),
-                    offsetTop: __props.headerHeight
+                    class: t(`${e}-body-affix`),
+                    offsetTop: l.headerHeight
                   }, {
-                    default: withCtx(() => [
-                      unref(tabs).length > 0 ? (openBlock(), createBlock(_component_kb_pro_reuse_tabs, {
+                    default: a(() => [
+                      d(C).length > 0 ? (s(), c(G, {
                         key: 0,
-                        tabs: unref(tabs),
-                        onTabClick: unref(onTabClick),
-                        onTabDelete: unref(onTabDelete)
-                      }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : createCommentVNode("", true)
+                        tabs: d(C),
+                        onTabClick: d(A),
+                        onTabDelete: d(H)
+                      }, null, 8, ["tabs", "onTabClick", "onTabDelete"])) : p("", !0)
                     ]),
                     _: 1
-                  }, 8, ["class", "offsetTop"])) : createCommentVNode("", true),
-                  createVNode(_component_a_layout_content, null, {
-                    default: withCtx(() => [
-                      createVNode(_component_kb_pro_keep_alive_router_view)
+                  }, 8, ["class", "offsetTop"])) : p("", !0),
+                  i(O, null, {
+                    default: a(() => [
+                      i(L)
                     ]),
                     _: 1
                   }),
-                  unref(slots)["footer"] !== void 0 ? renderSlot(_ctx.$slots, "footer", { key: 1 }) : (openBlock(), createBlock(_component_a_layout_footer, {
+                  d(y).footer !== void 0 ? m(r.$slots, "footer", { key: 1 }) : (s(), c(Q, {
                     key: 2,
-                    class: normalizeClass(`${prefixClsName}-body-footer`)
+                    class: t(`${e}-body-footer`)
                   }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(__props.footerTitle), 1)
+                    default: a(() => [
+                      b(g(l.footerTitle), 1)
                     ]),
                     _: 1
                   }, 8, ["class"]))
@@ -281,5 +254,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as default
+  re as default
 };

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

@@ -1,4 +1,4 @@
-const proLayout_vue_vue_type_style_index_0_lang = "";
+const e = "";
 export {
-  proLayout_vue_vue_type_style_index_0_lang as default
+  e as default
 };

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

@@ -1,5 +1,5 @@
-import _sfc_main from "./pro-layout.vue.js";
+import o from "./pro-layout.vue.js";
 import "./pro-layout.vue2.js";
 export {
-  _sfc_main as default
+  o as default
 };

package/es/pro-menu/index.js

@@ -1,13 +1,11 @@
-import _sfc_main from "./pro-menu.vue.js";
-import { Menu } from "@arco-design/web-vue";
-const ProMenu = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Menu);
-    app.component("KbProMenu", _sfc_main);
+import n from "./pro-menu.vue.js";
+import { Menu as e } from "@arco-design/web-vue";
+const t = Object.assign(n, {
+  install: (o) => {
+    o.use(e), o.component("KbProMenu", n);
   }
-});
-const ProMenu$1 = ProMenu;
+}), m = t;
 export {
-  ProMenu,
-  ProMenu$1 as default
+  t as ProMenu,
+  m as default
 };