@keyblade/pro-components 1.4.5 → 1.4.6

package/es/index.js

@@ -1,31 +1,26 @@
-import { ProBreadcrumb } from "./pro-breadcrumb/index.js";
-import { default as default2 } from "./pro-breadcrumb/index.js";
-import { ProKeepAliveRouterView } from "./pro-keep-alive-router-view/index.js";
-import { default as default3 } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout } from "./pro-layout/index.js";
-import { default as default4 } from "./pro-layout/index.js";
-import { ProMenu } from "./pro-menu/index.js";
-import { default as default5 } from "./pro-menu/index.js";
-import { ProPageContainer } from "./pro-page-container/index.js";
-import { default as default6 } from "./pro-page-container/index.js";
-import { ProReuseTabs } from "./pro-reuse-tabs/index.js";
-import { default as default7 } from "./pro-reuse-tabs/index.js";
-const index = {
-  install(app) {
-    app.use(ProBreadcrumb);
-    app.use(ProKeepAliveRouterView);
-    app.use(ProLayout);
-    app.use(ProMenu);
-    app.use(ProPageContainer);
-    app.use(ProReuseTabs);
+import { ProBreadcrumb as o } from "./pro-breadcrumb/index.js";
+import { default as b } from "./pro-breadcrumb/index.js";
+import { ProKeepAliveRouterView as e } from "./pro-keep-alive-router-view/index.js";
+import { default as c } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as t } from "./pro-layout/index.js";
+import { default as v } from "./pro-layout/index.js";
+import { ProMenu as u } from "./pro-menu/index.js";
+import { default as y } from "./pro-menu/index.js";
+import { ProPageContainer as a } from "./pro-page-container/index.js";
+import { default as B } from "./pro-page-container/index.js";
+import { ProReuseTabs as m } from "./pro-reuse-tabs/index.js";
+import { default as K } from "./pro-reuse-tabs/index.js";
+const n = {
+  install(r) {
+    r.use(o), r.use(e), r.use(t), r.use(u), r.use(a), r.use(m);
   }
 };
 export {
-  default2 as ProBreadcrumb,
-  default3 as ProKeepAliveRouterView,
-  default4 as ProLayout,
-  default5 as ProMenu,
-  default6 as ProPageContainer,
-  default7 as ProReuseTabs,
-  index as default
+  b as ProBreadcrumb,
+  c as ProKeepAliveRouterView,
+  v as ProLayout,
+  y as ProMenu,
+  B as ProPageContainer,
+  K as ProReuseTabs,
+  n as default
 };

package/es/pro-breadcrumb/index.js

@@ -1,16 +1,13 @@
-import _sfc_main from "./pro-breadcrumb.vue.js";
+import o from "./pro-breadcrumb.vue.js";
 import "./pro-breadcrumb.vue2.js";
-import { Breadcrumb } from "@arco-design/web-vue";
-import { IconApps } from "@arco-design/web-vue/es/icon";
-const ProBreadcrumb = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Breadcrumb);
-    app.use(IconApps);
-    app.component("KbProBreadcrumb", _sfc_main);
+import { Breadcrumb as m } from "@arco-design/web-vue";
+import { IconApps as t } from "@arco-design/web-vue/es/icon";
+const c = Object.assign(o, {
+  install: (r) => {
+    r.use(m), r.use(t), r.component("KbProBreadcrumb", o);
   }
-});
-const ProBreadcrumb$1 = ProBreadcrumb;
+}), i = c;
 export {
-  ProBreadcrumb,
-  ProBreadcrumb$1 as default
+  c as ProBreadcrumb,
+  i as default
 };

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

@@ -1,115 +1,102 @@
-import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-const prefixClsName = "keyblade-pro-breadcrumb";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as k, inject as v, computed as x, resolveComponent as s, openBlock as t, createElementBlock as _, normalizeClass as u, createVNode as B, withCtx as r, createBlock as l, resolveDynamicComponent as C, createCommentVNode as c, Fragment as q, renderList as T, createTextVNode as d, toDisplayString as y } from "vue";
+const i = "keyblade-pro-breadcrumb", N = /* @__PURE__ */ k({
   __name: "pro-breadcrumb",
   props: {
     /** 是否显示图标 */
     showIcon: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     },
     /** 图标类型 */
     icon: {
       type: String,
-      required: false,
+      required: !1,
       default: "icon-apps"
     },
     /** 面包屑项目 */
     items: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 是否显示标题 */
     showTitle: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     },
     /** 标题，不传默认展示面包屑标题最后一项 */
     title: {
       type: String,
-      required: false,
+      required: !1,
       default: ""
     },
     /** 副标题，不传默认不展示 */
     subTitle: {
       type: String,
-      required: false,
+      required: !1,
       default: ""
     }
   },
-  setup(__props) {
-    const props = __props;
-    const proBreadcrumbItems = inject("ProBreadcrumbItems", []);
-    const breadcrumbItems = computed(() => {
-      if (props.items instanceof Array && props.items.length === 0 || !props.items) {
-        return proBreadcrumbItems.value;
-      }
-      return props.items || [];
-    });
-    return (_ctx, _cache) => {
-      const _component_a_breadcrumb_item = resolveComponent("a-breadcrumb-item");
-      const _component_a_breadcrumb = resolveComponent("a-breadcrumb");
-      const _component_a_typography_title = resolveComponent("a-typography-title");
-      const _component_a_typography_text = resolveComponent("a-typography-text");
-      return breadcrumbItems.value ? (openBlock(), createElementBlock("div", {
+  setup(m) {
+    const e = m, b = v("ProBreadcrumbItems", []), n = x(() => e.items instanceof Array && e.items.length === 0 || !e.items ? b.value : e.items || []);
+    return (w, I) => {
+      const f = s("a-breadcrumb-item"), p = s("a-breadcrumb"), h = s("a-typography-title"), g = s("a-typography-text");
+      return n.value ? (t(), _("div", {
         key: 0,
-        class: normalizeClass(prefixClsName)
+        class: u(i)
       }, [
-        createVNode(_component_a_breadcrumb, {
-          class: normalizeClass(`${prefixClsName}-items`)
+        B(p, {
+          class: u(`${i}-items`)
         }, {
-          default: withCtx(() => [
-            __props.showIcon ? (openBlock(), createBlock(_component_a_breadcrumb_item, {
+          default: r(() => [
+            m.showIcon ? (t(), l(f, {
               key: 0,
-              style: { "cursor": "text" }
+              style: { cursor: "text" }
             }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
+              default: r(() => [
+                (t(), l(C(m.icon)))
               ]),
               _: 1
-            })) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbItems.value, (item, index) => {
-              return openBlock(), createBlock(_component_a_breadcrumb_item, {
-                key: `${item}-${index}`
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(item), 1)
-                ]),
-                _: 2
-              }, 1024);
-            }), 128))
+            })) : c("", !0),
+            (t(!0), _(q, null, T(n.value, (a, o) => (t(), l(f, {
+              key: `${a}-${o}`
+            }, {
+              default: r(() => [
+                d(y(a), 1)
+              ]),
+              _: 2
+            }, 1024))), 128))
           ]),
           _: 1
         }, 8, ["class"]),
-        (props == null ? void 0 : props.showTitle) ? (openBlock(), createBlock(_component_a_typography_title, {
+        e != null && e.showTitle ? (t(), l(h, {
           key: 0,
           heading: 6,
-          class: normalizeClass(`${prefixClsName}-title`)
+          class: u(`${i}-title`)
         }, {
-          default: withCtx(() => {
-            var _a, _b;
+          default: r(() => {
+            var a, o;
             return [
-              createTextVNode(toDisplayString((props == null ? void 0 : props.title) || ((_b = breadcrumbItems.value) == null ? void 0 : _b[((_a = breadcrumbItems.value) == null ? void 0 : _a.length) - 1])), 1)
+              d(y((e == null ? void 0 : e.title) || ((o = n.value) == null ? void 0 : o[((a = n.value) == null ? void 0 : a.length) - 1])), 1)
             ];
           }),
           _: 1
-        }, 8, ["class"])) : createCommentVNode("", true),
-        (props == null ? void 0 : props.subTitle) ? (openBlock(), createBlock(_component_a_typography_text, {
+        }, 8, ["class"])) : c("", !0),
+        e != null && e.subTitle ? (t(), l(g, {
           key: 1,
-          class: normalizeClass(`${prefixClsName}-subtitle`)
+          class: u(`${i}-subtitle`)
         }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(props == null ? void 0 : props.subTitle), 1)
+          default: r(() => [
+            d(y(e == null ? void 0 : e.subTitle), 1)
           ]),
           _: 1
-        }, 8, ["class"])) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true);
+        }, 8, ["class"])) : c("", !0)
+      ])) : c("", !0);
     };
   }
 });
 export {
-  _sfc_main as default
+  N as default
 };

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

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

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

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

package/es/pro-keep-alive-router-view/index.js

@@ -1,11 +1,10 @@
-import _sfc_main from "./pro-keep-alive-router-view.vue.js";
-const ProKeepAliveRouterView = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.component("KbProKeepAliveRouterView", _sfc_main);
+import e from "./pro-keep-alive-router-view.vue.js";
+const t = Object.assign(e, {
+  install: (o) => {
+    o.component("KbProKeepAliveRouterView", e);
   }
-});
-const ProKeepAliveRouterView$1 = ProKeepAliveRouterView;
+}), r = t;
 export {
-  ProKeepAliveRouterView,
-  ProKeepAliveRouterView$1 as default
+  t as ProKeepAliveRouterView,
+  r as default
 };

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js

@@ -1,49 +1,39 @@
-import { defineComponent, inject, computed, resolveComponent, openBlock, createBlock, withCtx, KeepAlive, resolveDynamicComponent } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as d, inject as v, computed as u, resolveComponent as s, openBlock as l, createBlock as n, withCtx as A, KeepAlive as f, resolveDynamicComponent as k } from "vue";
+const _ = /* @__PURE__ */ d({
   __name: "pro-keep-alive-router-view",
   props: {
     /** 包含 */
     keepAliveInclude: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 排除（ProLayout里一般不会用） */
     keepAliveExclude: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 最大数（ProLayout里一般不会用） */
     keepAliveMax: {
       type: Number,
-      required: false,
+      required: !1,
       default: 9999
     }
   },
-  setup(__props) {
-    const props = __props;
-    const proKeepAliveInclude = inject("ProKeepAliveInclude", []);
-    const include = computed(() => {
-      if (props.keepAliveInclude instanceof Array && props.keepAliveInclude.length === 0 || !props.keepAliveInclude) {
-        return proKeepAliveInclude.value;
-      }
-      return props.keepAliveInclude || [];
-    });
-    const exclude = computed(() => {
-      return props.keepAliveExclude || [];
-    });
-    return (_ctx, _cache) => {
-      const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_component_router_view, null, {
-        default: withCtx(({ Component, route }) => [
-          (openBlock(), createBlock(KeepAlive, {
-            include: include.value,
-            exclude: exclude.value,
-            max: __props.keepAliveMax
+  setup(r) {
+    const e = r, t = v("ProKeepAliveInclude", []), c = u(() => e.keepAliveInclude instanceof Array && e.keepAliveInclude.length === 0 || !e.keepAliveInclude ? t.value : e.keepAliveInclude || []), o = u(() => e.keepAliveExclude || []);
+    return (m, x) => {
+      const i = s("router-view");
+      return l(), n(i, null, {
+        default: A(({ Component: p, route: a }) => [
+          (l(), n(f, {
+            include: c.value,
+            exclude: o.value,
+            max: r.keepAliveMax
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(Component), {
-              key: route.fullPath
+            (l(), n(k(p), {
+              key: a.fullPath
             }))
           ], 1032, ["include", "exclude", "max"]))
         ]),
@@ -53,5 +43,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as default
+  _ as default
 };

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./pro-keep-alive-router-view.vue.js";
+import f from "./pro-keep-alive-router-view.vue.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/pro-layout/hooks.js

@@ -1,181 +1,106 @@
-import { ref, watch } from "vue";
-import { useRoute, useRouter } from "vue-router";
-function useHooks(menuItems, options) {
-  const route = useRoute();
-  const router = useRouter();
-  const menuSelectedKeys = ref([]);
-  const onMenuItemClick = (key) => {
-    menuSelectedKeys.value = [key];
-  };
-  const activeMenuItem = ref();
-  const activeMenuItemPaths = ref([]);
-  const menuItemMap = ref({});
-  const breadcrumbItems = ref([]);
-  const tabs = ref([]);
-  const keepAliveInclude = ref([]);
-  const setActiveMenuItemPaths = () => {
-    const paths = [];
-    const recursion = (_menuItems) => {
-      var _a;
-      for (const i in _menuItems) {
-        const menuItem = _menuItems[i];
-        if (menuItem.name === ((_a = activeMenuItem == null ? void 0 : activeMenuItem.value) == null ? void 0 : _a.name)) {
-          delete menuItem.children;
-          paths.unshift(menuItem);
-          return true;
-        }
-        if (menuItem.children && menuItem.children.length > 0) {
-          const ok = recursion(menuItem.children);
-          if (ok) {
-            delete menuItem.children;
-            paths.unshift(menuItem);
-            return true;
-          }
-        }
+import { ref as r, watch as b } from "vue";
+import { useRoute as S, useRouter as x } from "vue-router";
+function K(d, T) {
+  const i = S(), m = x(), h = r([]), P = (a) => {
+    h.value = [a];
+  }, u = r(), f = r([]), v = r({}), p = r([]), s = r([]), o = r([]), N = () => {
+    const a = [], t = (e) => {
+      var l;
+      for (const n in e) {
+        const c = e[n];
+        if (c.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && t(c.children))
+          return delete c.children, a.unshift(c), !0;
       }
-      return false;
+      return !1;
     };
-    recursion(JSON.parse(JSON.stringify(menuItems.value)));
-    activeMenuItemPaths.value = paths;
-  };
-  const setBreadcrumbItems = () => {
-    var _a, _b;
-    const activeMenuItemTitles = activeMenuItemPaths.value.map((v) => v.title);
-    breadcrumbItems.value = ((_a = activeMenuItem.value) == null ? void 0 : _a.breadcrumbs) ? (_b = activeMenuItem.value) == null ? void 0 : _b.breadcrumbs : activeMenuItemTitles.length !== 0 ? activeMenuItemTitles : [];
+    t(JSON.parse(JSON.stringify(d.value))), f.value = a;
+  }, k = () => {
+    var t, e;
+    const a = f.value.map((l) => l.title);
+    p.value = (t = u.value) != null && t.breadcrumbs ? (e = u.value) == null ? void 0 : e.breadcrumbs : a.length !== 0 ? a : [];
   };
-  function setTabs() {
-    if (!activeMenuItem.value || activeMenuItem.value.noAffix) {
-      tabs.value.forEach((tab) => {
-        tab.active = false;
+  function y() {
+    if (!u.value || u.value.noAffix) {
+      s.value.forEach((n) => {
+        n.active = !1;
       });
       return;
     }
-    const { name: menuItemName, title: menuItemTitle } = activeMenuItem.value;
-    let findIndex = -1;
-    tabs.value.forEach((v, i) => {
-      v.active = false;
-      if (v.name === menuItemName) {
-        findIndex = i;
-      }
+    const { name: a, title: t } = u.value;
+    let e = -1;
+    s.value.forEach((n, c) => {
+      n.active = !1, n.name === a && (e = c);
     });
-    const newTab = {
-      name: menuItemName,
-      parentNames: activeMenuItemPaths.value.map((v) => v.name),
-      title: menuItemTitle ?? menuItemName,
-      fullPath: route.fullPath,
-      active: true
+    const l = {
+      name: a,
+      parentNames: f.value.map((n) => n.name),
+      title: t ?? a,
+      fullPath: i.fullPath,
+      active: !0
     };
-    if (~findIndex) {
-      const findTab = tabs.value[findIndex];
-      if (findTab.fullPath === route.fullPath) {
-        findTab.active = true;
-        findTab.fullPath = route.fullPath;
-      } else {
-        tabs.value.splice(findIndex, 1);
-        setTimeout(() => {
-          tabs.value.push(newTab);
-        });
-      }
-    } else {
-      tabs.value.push(newTab);
-    }
+    if (~e) {
+      const n = s.value[e];
+      n.fullPath === i.fullPath ? (n.active = !0, n.fullPath = i.fullPath) : (s.value.splice(e, 1), setTimeout(() => {
+        s.value.push(l);
+      }));
+    } else
+      s.value.push(l);
   }
-  const onTabClick = (key) => {
-    const findTabIndex = tabs.value.findIndex((v) => v.name === key);
-    const findTab = tabs.value[findTabIndex];
-    router.push(findTab.fullPath);
-  };
-  const onTabDelete = (key) => {
-    let activeIndex = -1;
-    let findTabIndex = -1;
-    tabs.value.forEach((tab, index) => {
-      if (tab.name === key) {
-        findTabIndex = index;
-      }
-      if (tab.active) {
-        activeIndex = index;
-      }
-    });
-    if (activeIndex === findTabIndex) {
-      let tab;
-      if (findTabIndex === 0) {
-        tab = tabs.value[findTabIndex + 1];
-      } else {
-        tab = tabs.value[findTabIndex - 1];
-      }
-      tab.active = true;
-      router.push(tab.fullPath);
+  const E = (a) => {
+    const t = s.value.findIndex((l) => l.name === a), e = s.value[t];
+    m.push(e.fullPath);
+  }, g = (a) => {
+    let t = -1, e = -1;
+    if (s.value.forEach((n, c) => {
+      n.name === a && (e = c), n.active && (t = c);
+    }), t === e) {
+      let n;
+      e === 0 ? n = s.value[e + 1] : n = s.value[e - 1], n.active = !0, m.push(n.fullPath);
     }
-    const deleteTab = tabs.value.splice(findTabIndex, 1);
-    removeKeepAliveInclude(deleteTab[0]);
-  };
-  const addKeepAliveInclude = () => {
-    var _a;
-    if ((_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.ignoreCache) {
+    const l = s.value.splice(e, 1);
+    I(l[0]);
+  }, A = () => {
+    var t;
+    if ((t = i == null ? void 0 : i.meta) != null && t.ignoreCache)
       return;
-    }
-    const keys = new Set(keepAliveInclude.value);
-    activeMenuItemPaths.value.forEach((item) => {
-      if (item.name) {
-        keys.add(item.name);
-      }
-    });
-    keepAliveInclude.value = Array.from(keys.values());
-  };
-  const removeKeepAliveInclude = (tab) => {
-    const keys = new Set(keepAliveInclude.value);
-    tab.parentNames.forEach((name) => {
-      keys.delete(name);
-    });
-    tabs.value.forEach((tab2) => {
-      tab2.parentNames.forEach((name) => {
-        const menuItem = menuItemMap.value[name];
-        if (menuItem == null ? void 0 : menuItem.ignoreCache) {
-          return;
-        }
-        keys.add(menuItem.name);
+    const a = new Set(o.value);
+    f.value.forEach((e) => {
+      e.name && a.add(e.name);
+    }), o.value = Array.from(a.values());
+  }, I = (a) => {
+    const t = new Set(o.value);
+    a.parentNames.forEach((e) => {
+      t.delete(e);
+    }), s.value.forEach((e) => {
+      e.parentNames.forEach((l) => {
+        const n = v.value[l];
+        n != null && n.ignoreCache || t.add(n.name);
       });
-    });
-    keepAliveInclude.value = Array.from(keys.values());
+    }), o.value = Array.from(t.values());
   };
-  watch(menuItems, () => {
-    const _menuItemMap = {};
-    const fn = (_menuItem) => {
-      _menuItem.forEach((menuItem) => {
-        if (menuItem.children && menuItem.children.length > 0) {
-          fn(menuItem.children);
-        }
-        delete menuItem["children"];
-        _menuItemMap[menuItem.name] = menuItem;
+  return b(d, () => {
+    const a = {}, t = (e) => {
+      e.forEach((l) => {
+        l.children && l.children.length > 0 && t(l.children), delete l.children, a[l.name] = l;
       });
     };
-    fn(JSON.parse(JSON.stringify(menuItems.value)));
-    menuItemMap.value = _menuItemMap;
-  }, { immediate: true });
-  watch(() => route == null ? void 0 : route.name, () => {
-    var _a;
-    const routeName = route == null ? void 0 : route.name;
-    activeMenuItem.value = menuItemMap.value[routeName];
-    menuSelectedKeys.value = (activeMenuItem == null ? void 0 : activeMenuItem.value) ? [activeMenuItem.value.name, ...((_a = activeMenuItem.value) == null ? void 0 : _a.activatedKeys) || []] : [];
-    setActiveMenuItemPaths();
-    setBreadcrumbItems();
-    if (options.showTabs) {
-      setTabs();
-    }
-    addKeepAliveInclude();
-  }, { immediate: true });
-  return {
-    menuSelectedKeys,
-    activeMenuItem,
-    menuItemMap,
-    breadcrumbItems,
-    tabs,
-    keepAliveInclude,
-    onMenuItemClick,
-    onTabClick,
-    onTabDelete
+    t(JSON.parse(JSON.stringify(d.value))), v.value = a;
+  }, { immediate: !0 }), b(() => i == null ? void 0 : i.name, () => {
+    var t;
+    const a = i == null ? void 0 : i.name;
+    u.value = v.value[a], h.value = u != null && u.value ? [u.value.name, ...((t = u.value) == null ? void 0 : t.activatedKeys) || []] : [], N(), k(), T.showTabs && y(), A();
+  }, { immediate: !0 }), {
+    menuSelectedKeys: h,
+    activeMenuItem: u,
+    menuItemMap: v,
+    breadcrumbItems: p,
+    tabs: s,
+    keepAliveInclude: o,
+    onMenuItemClick: P,
+    onTabClick: E,
+    onTabDelete: g
   };
 }
 export {
-  useHooks
+  K as useHooks
 };