@web-utils/component 2.7.20 → 2.7.21

package/dist/components/page-index-top/index.js

@@ -1,32 +1,32 @@
-import { treeToArray as u, findFirstMatchNode as s } from "@web-utils/core";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = function() {
-  var t = this, e = t.$createElement, a = t._self._c || e;
-  return t.menus && t.menus.length ? a("PageSkeleton", {
-    scopedSlots: t._u([{
+import { treeToArray, findFirstMatchNode } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.menus && _vm.menus.length ? _c("PageSkeleton", {
+    scopedSlots: _vm._u([{
       key: "header",
       fn: function() {
-        return [a("PageHeader", {
-          scopedSlots: t._u([{
+        return [_c("PageHeader", {
+          scopedSlots: _vm._u([{
             key: "section-title",
             fn: function() {
-              return [a("ElTabs", {
+              return [_c("ElTabs", {
                 on: {
-                  "tab-click": t.tabClick
+                  "tab-click": _vm.tabClick
                 },
                 model: {
-                  value: t.activeTab,
-                  callback: function(n) {
-                    t.activeTab = n;
+                  value: _vm.activeTab,
+                  callback: function($$v) {
+                    _vm.activeTab = $$v;
                   },
                   expression: "activeTab"
                 }
-              }, t._l(t.menus, function(n) {
-                return a("ElTabPane", {
-                  key: n.path,
+              }, _vm._l(_vm.menus, function(item) {
+                return _c("ElTabPane", {
+                  key: item.path,
                   attrs: {
-                    label: n.label,
-                    name: `${n.path}`
+                    label: item.label,
+                    name: `${item.path}`
                   }
                 });
               }), 1)];
@@ -37,19 +37,19 @@ var c = function() {
       },
       proxy: !0
     }], null, !1, 2288233724)
-  }, [t._t("default", function() {
-    return [a("EmptyView", {
+  }, [_vm._t("default", function() {
+    return [_c("EmptyView", {
       attrs: {
-        "empty-tips": t.tips
+        "empty-tips": _vm.tips
       }
     })];
-  })], 2) : a("EmptyView", {
+  })], 2) : _c("EmptyView", {
     attrs: {
       "empty-tips": "暂无权限！"
     }
   });
-}, l = [];
-const p = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PageIndexTop",
   props: {
     menus: {
@@ -78,42 +78,42 @@ const p = {
   },
   methods: {
     async activeFirstMenu() {
-      if (u(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path))
+      if (treeToArray(this.menus).map((value) => value.path).filter((value) => value).includes(this.$route.path))
         this.activeTab = this.$route.path;
       else {
-        const e = s(this.menus, (a) => a.path);
-        e && (this.activeTab = e.path, await this.$router.push({ path: e.path, query: e.query }));
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        menuItem && (this.activeTab = menuItem.path, await this.$router.push({ path: menuItem.path, query: menuItem.query }));
       }
     },
-    async tabClick(t) {
-      await this.$router.push(t.name);
+    async tabClick(tab) {
+      await this.$router.push(tab.name);
     },
-    async beforeRouteUpdate(t, e, a) {
-      if (t.path === this.schema) {
-        const n = s(this.menus, (i) => i.path);
-        n ? (await a({ path: n.path, query: n.query }), this.activeTab = n.path) : await a(!1);
+    async beforeRouteUpdate(to, from, next) {
+      if (to.path === this.schema) {
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        menuItem ? (await next({ path: menuItem.path, query: menuItem.query }), this.activeTab = menuItem.path) : await next(!1);
       } else
-        await a();
+        await next();
     }
   }
-}, r = {};
-var h = /* @__PURE__ */ o(
-  p,
-  c,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(t) {
-  for (let e in r)
-    this[e] = r[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const y = /* @__PURE__ */ function() {
-  return h.exports;
+const PageIndexTop = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  y as default
+  PageIndexTop as default
 };

package/dist/components/page-skeleton/index.js

@@ -1,23 +1,23 @@
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("Page", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("Page", {
     staticClass: "page-skeleton"
-  }, [e.header ? e._t("header", function() {
-    return [e.title ? n("PageHeader", {
+  }, [_vm.header ? _vm._t("header", function() {
+    return [_vm.title ? _c("PageHeader", {
       attrs: {
-        title: e.title
+        title: _vm.title
       }
-    }) : n("NavBar")];
-  }) : e._e(), n("div", {
+    }) : _c("NavBar")];
+  }) : _vm._e(), _c("div", {
     class: ["page-content", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default")], 2)], 2);
-}, r = [];
-const s = {
+      "flex-column": _vm.flexColumn,
+      "flex-row": _vm.flexRow,
+      "content-scroll": _vm.contentScroll
+    }, _vm.contentClass]
+  }, [_vm._t("default")], 2)], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PageSkeleton",
   props: {
     title: String,
@@ -33,24 +33,24 @@ const s = {
       default: !0
     }
   }
-}, l = {};
-var c = /* @__PURE__ */ o(
-  s,
-  a,
-  r,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const i = /* @__PURE__ */ function() {
-  return c.exports;
+const PageSkeleton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  i as default
+  PageSkeleton as default
 };

package/dist/components/page-skeleton/style.css

@@ -1 +1,17 @@
-.page-skeleton .page-content{position:relative;flex:1 1 auto;width:100%;height:100%}.page-skeleton .page-content.content-scroll{overflow:auto}.page-skeleton .page-content.flex-column{display:flex;flex-direction:column;height:0}.page-skeleton .page-content.flex-row{display:flex}
+.page-skeleton .page-content {
+  position: relative;
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+}
+.page-skeleton .page-content.content-scroll {
+  overflow: auto;
+}
+.page-skeleton .page-content.flex-column {
+  display: flex;
+  flex-direction: column;
+  height: 0;
+}
+.page-skeleton .page-content.flex-row {
+  display: flex;
+}

package/dist/components/page-skeleton-new/index.js

@@ -1,58 +1,58 @@
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var s = function() {
-  var e = this, l = e.$createElement, t = e._self._c || l;
-  return t("Page", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("Page", {
     staticClass: "page-skeleton-new",
     attrs: {
       horizontal: ""
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "page-skeleton-new-left",
     style: {
-      width: e.sidebarWidth
+      width: _vm.sidebarWidth
     }
-  }, [e.header ? t("div", {
+  }, [_vm.header ? _c("div", {
     staticClass: "page-skeleton-new-header",
     staticStyle: {
       "margin-right": "0"
     }
-  }, [t("span", {
+  }, [_c("span", {
     staticClass: "section-title"
-  }, [e._v(e._s(e.title))])]) : e._e(), t("div", {
+  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _c("div", {
     staticClass: "flex-item",
     staticStyle: {
       "border-right": "1px solid #eee"
     }
-  }, [e._t("sidebar-content", function() {
-    return [e._v(" 侧栏内容 ")];
-  })], 2)]), t("div", {
+  }, [_vm._t("sidebar-content", function() {
+    return [_vm._v(" 侧栏内容 ")];
+  })], 2)]), _c("div", {
     staticClass: "page-skeleton-new-right",
     style: {
-      width: `calc(100% - ${e.sidebarWidth})`
+      width: `calc(100% - ${_vm.sidebarWidth})`
     }
-  }, [e.header ? t("div", {
+  }, [_vm.header ? _c("div", {
     staticClass: "page-skeleton-new-header",
     staticStyle: {
       "margin-left": "0",
       "padding-left": "10px"
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "flex-item flex-row vertical-center"
-  }, [e._t("header-left")], 2), t("div", {
+  }, [_vm._t("header-left")], 2), _c("div", {
     staticClass: "flex-item flex-row vertical-center"
-  }, [t("div", {
+  }, [_c("div", {
     class: ["flex-row", "flex-item", "vertical-center", "align-end"]
-  }, [e._t("header-right")], 2)])]) : e._e(), t("div", {
+  }, [_vm._t("header-right")], 2)])]) : _vm._e(), _c("div", {
     class: ["page-skeleton-new-page-content", "flex-item", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default", function() {
-    return [e._v("内容")];
+      "flex-column": _vm.flexColumn,
+      "flex-row": _vm.flexRow,
+      "content-scroll": _vm.contentScroll
+    }, _vm.contentClass]
+  }, [_vm._t("default", function() {
+    return [_vm._v("内容")];
   })], 2)])]);
-}, i = [];
-const r = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PageSkeletonNew",
   props: {
     title: {
@@ -75,24 +75,24 @@ const r = {
       default: "240px"
     }
   }
-}, n = {};
-var o = /* @__PURE__ */ a(
-  r,
-  s,
-  i,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  c,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let l in n)
-    this[l] = n[l];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return o.exports;
+const PageSkeletonNew = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  PageSkeletonNew as default
 };

package/dist/components/page-skeleton-new/style.css

@@ -1 +1,36 @@
-.page-skeleton-new .page-skeleton-new-header{display:flex;flex-direction:row;height:40px;margin:0 10px;line-height:40px;border-bottom:2px #eee solid}.page-skeleton-new .page-skeleton-new-header .align-end{justify-content:flex-end}.page-skeleton-new .page-skeleton-new-left{display:flex;flex-direction:column}.page-skeleton-new .page-skeleton-new-right{flex:1 1 auto;display:flex;flex-direction:column}.page-skeleton-new .page-skeleton-new-page-content{flex:1 1 auto;position:relative;width:100%;height:100%}.page-skeleton-new .page-skeleton-new-page-content.content-scroll{overflow:auto}.page-skeleton-new .page-skeleton-new-page-content.flex-column{display:flex;flex-direction:column}.page-skeleton-new .page-skeleton-new-page-content.flex-row{display:flex}
+.page-skeleton-new .page-skeleton-new-header {
+  display: flex;
+  flex-direction: row;
+  height: 40px;
+  margin: 0 10px;
+  line-height: 40px;
+  border-bottom: 2px #eee solid;
+}
+.page-skeleton-new .page-skeleton-new-header .align-end {
+  justify-content: flex-end;
+}
+.page-skeleton-new .page-skeleton-new-left {
+  display: flex;
+  flex-direction: column;
+}
+.page-skeleton-new .page-skeleton-new-right {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+}
+.page-skeleton-new .page-skeleton-new-page-content {
+  flex: 1 1 auto;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.page-skeleton-new .page-skeleton-new-page-content.content-scroll {
+  overflow: auto;
+}
+.page-skeleton-new .page-skeleton-new-page-content.flex-column {
+  display: flex;
+  flex-direction: column;
+}
+.page-skeleton-new .page-skeleton-new-page-content.flex-row {
+  display: flex;
+}