@web-utils/component 2.0.10 → 2.0.12

package/dist/components/not-implement/index.js

@@ -1,35 +1,43 @@
-import { n as r } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var e = this, t = e.$createElement;
-  return e._self._c, e._m(0);
-}, o = [function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  _vm._self._c || _h;
+  return _vm._m(0);
+};
+var staticRenderFns = [function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "not-implement"
-  }, [n("div", [n("i", {
+  }, [_c("div", [_c("i", {
     staticClass: "fa fa-wrench"
-  }), e._v(" 建设中... ")])]);
+  }), _vm._v(" 建设中... ")])]);
 }];
-const a = {
+const NotImplement_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "NotImplement"
-}, _ = {};
-var l = /* @__PURE__ */ r(
-  a,
-  s,
-  o,
-  !1,
-  c,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in _)
-    this[t] = _[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const m = /* @__PURE__ */ function() {
-  return l.exports;
+const NotImplement = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  NotImplement as default
 };

package/dist/components/not-implement/style.css

@@ -1 +1,15 @@
-.not-implement{display:flex;align-items:center;justify-content:center;height:100%;color:gray;font-size:3em;text-align:center}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.not-implement {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: gray;
+  font-size: 3em;
+  text-align: center;
+}

package/dist/components/page/index.js

@@ -1,40 +1,46 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var l = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "page flex-row flex-item",
     class: {
-      vertical: e.vertical && !e.horizontal
+      vertical: _vm.vertical && !_vm.horizontal
     }
-  }, [e._t("default")], 2);
-}, r = [];
-const s = {
+  }, [_vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const Page_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "Page",
   props: {
     vertical: {
       type: Boolean,
-      default: !0
+      default: true
     },
     horizontal: Boolean
   }
-}, n = {};
-var _ = /* @__PURE__ */ o(
-  s,
-  l,
-  r,
-  !1,
-  c,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return _.exports;
+const Page = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  Page as default
 };

package/dist/components/page/style.css

@@ -1 +1,12 @@
-.page{height:100%}.page.vertical{flex-direction:column}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.page {
+  height: 100%;
+}
+.page.vertical {
+  flex-direction: column;
+}

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

@@ -1,27 +1,31 @@
-import { n as a } from "../../chunks/5d4282fb.js";
-var r = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "egd-header flex-row egd-page-header"
-  }, [e._t("section-title", function() {
-    return [n("span", {
+  }, [_vm._t("section-title", function() {
+    return [_c("span", {
       staticClass: "section-title"
-    }, [e._t("title", function() {
-      return [e._v(e._s(e.title))];
+    }, [_vm._t("title", function() {
+      return [_vm._v(_vm._s(_vm.title))];
     }, {
-      title: e.title
+      "title": _vm.title
     })], 2)];
   }, {
-    title: e.title
-  }), n("div", {
+    "title": _vm.title
+  }), _c("div", {
     staticClass: "flex-row flex-item vertical-center"
-  }, [n("div", {
+  }, [_c("div", {
     class: ["flex-row", "flex-item", "vertical-center", {
-      "align-end": e.alignEnd
+      "align-end": _vm.alignEnd
     }]
-  }, [e._t("default")], 2)])], 2);
-}, i = [];
-const s = {
+  }, [_vm._t("default")], 2)])], 2);
+};
+var staticRenderFns = [];
+const PageHeader_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "PageHeader",
   props: {
     title: {
@@ -30,27 +34,29 @@ const s = {
     },
     alignEnd: {
       type: Boolean,
-      default: !0
+      default: true
     }
   }
-}, l = {};
-var o = /* @__PURE__ */ a(
-  s,
-  r,
-  i,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __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 u = /* @__PURE__ */ function() {
-  return o.exports;
+const PageHeader = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  PageHeader as default
 };

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

@@ -1 +1,14 @@
-.egd-page-header{height:40px;margin:0 10px;line-height:40px}.egd-page-header .align-end{justify-content:flex-end}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.egd-page-header {
+  height: 40px;
+  margin: 0 10px;
+  line-height: 40px;
+}
+.egd-page-header .align-end {
+  justify-content: flex-end;
+}

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

@@ -1,64 +1,68 @@
-import { treeToArray as d, findFirstMatchNode as n } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
-var l = function() {
-  var t = this, a = t.$createElement, e = t._self._c || a;
-  return e("div", {
+import { treeToArray, findFirstMatchNode } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "egd-container"
-  }, [t.aside ? e("div", {
+  }, [_vm.aside ? _c("div", {
     staticClass: "egd-aside",
     style: {
-      width: t.asideWidth
+      width: _vm.asideWidth
     }
-  }, [t._t("aside", function() {
-    return [e("div", {
+  }, [_vm._t("aside", function() {
+    return [_c("div", {
       staticClass: "egd-main"
-    }, [t._t("nav-top"), e("div", {
+    }, [_vm._t("nav-top"), _c("div", {
       staticClass: "egd-header"
-    }, [e("span", {
+    }, [_c("span", {
       staticClass: "section-title flex-not-shrink"
-    }, [t._v(t._s(t.sectionTitle))])]), t._t("menu", function() {
-      return [e("ElTree", {
+    }, [_vm._v(_vm._s(_vm.sectionTitle))])]), _vm._t("menu", function() {
+      return [_c("ElTree", {
         ref: "menuTree",
         attrs: {
-          data: t.menus,
+          "data": _vm.menus,
           "default-expand-all": "",
-          props: t.defaultProps,
+          "props": _vm.defaultProps,
           "highlight-current": "",
           "empty-text": "请配置菜单！",
-          "default-expanded-keys": t.currentTreeKey,
+          "default-expanded-keys": _vm.currentTreeKey,
           "node-key": "key"
         },
         on: {
-          "node-click": t.onNodeClick
+          "node-click": _vm.onNodeClick
         },
-        scopedSlots: t._u([{
+        scopedSlots: _vm._u([{
           key: "default",
-          fn: function(s) {
-            var i = s.data, u = s.node;
-            return [t._t("tree-node", function() {
-              return [e("span", [e("i", {
-                class: i.icon
-              }), t._v(" " + t._s(i.label))])];
+          fn: function(_ref) {
+            var data = _ref.data, node = _ref.node;
+            return [_vm._t("tree-node", function() {
+              return [_c("span", [_c("i", {
+                class: data.icon
+              }), _vm._v(" " + _vm._s(data.label))])];
             }, {
-              data: i,
-              node: u
+              "data": data,
+              "node": node
             })];
           }
-        }], null, !0)
+        }], null, true)
       })];
     })], 2)];
-  })], 2) : t._e(), e("div", {
+  })], 2) : _vm._e(), _c("div", {
     staticClass: "page-index-content",
     style: {
-      width: t.aside ? `calc(100% - ${t.asideWidth})` : "100%"
+      width: _vm.aside ? `calc(100% - ${_vm.asideWidth})` : "100%"
     }
-  }, [t._t("default", function() {
-    return [e("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "page-index-content-empty"
-    }, [t._v(" " + t._s(t.tips) + " ")])];
+    }, [_vm._v(" " + _vm._s(_vm.tips) + " ")])];
   })], 2)]);
-}, c = [];
-const h = {
+};
+var staticRenderFns = [];
+const PageIndex_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "PageIndex",
   props: {
     menus: {
@@ -71,7 +75,7 @@ const h = {
     },
     aside: {
       type: Boolean,
-      default: !0
+      default: true
     },
     tips: {
       type: String,
@@ -107,45 +111,62 @@ const h = {
   },
   methods: {
     async activeFirstMenu() {
-      if (d(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+      const paths = treeToArray(this.menus).map((value) => value.path).filter((value) => value);
+      if (!paths.includes(this.$route.path)) {
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        if (menuItem) {
+          await this.$router.push({ path: menuItem.path, query: menuItem.query });
+          await this.setCurrentKey(menuItem.path);
+        }
+      } else {
         await this.setCurrentKey(this.$route.path);
-      else {
-        const a = n(this.menus, (e) => e.path);
-        a && (await this.$router.push({ path: a.path, query: a.query }), await this.setCurrentKey(a.path));
       }
     },
-    async onNodeClick(t) {
-      t.path && t.path.indexOf("/") > -1 && await this.$router.push({ path: t.path, query: t.query }), await this.setCurrentKey(t.key);
+    async onNodeClick(node) {
+      if (node.path && node.path.indexOf("/") > -1) {
+        await this.$router.push({ path: node.path, query: node.query });
+      }
+      await this.setCurrentKey(node.key);
     },
-    async setCurrentKey(t) {
-      await this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
+    async setCurrentKey(path) {
+      await this.$nextTick();
+      this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(path);
     },
-    async beforeRouteUpdate(t, a, e) {
-      if (t.path === this.schema) {
-        const s = n(this.menus, (i) => i.path);
-        s ? (await e({ path: s.path, query: s.query }), await this.setCurrentKey(s.path)) : await e(!1);
-      } else
-        await e(), await this.setCurrentKey(this.$route.path);
+    async beforeRouteUpdate(to, from, next) {
+      if (to.path === this.schema) {
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        if (menuItem) {
+          await next({ path: menuItem.path, query: menuItem.query });
+          await this.setCurrentKey(menuItem.path);
+        } else {
+          await next(false);
+        }
+      } else {
+        await next();
+        await this.setCurrentKey(this.$route.path);
+      }
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ o(
-  h,
-  l,
-  c,
-  !1,
-  y,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function y(t) {
-  for (let a in r)
-    this[a] = r[a];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const PageIndex = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  PageIndex as default
 };

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

@@ -1 +1,23 @@
-.page-index-content{display:flex;flex:1 1 auto;flex-direction:column;height:100%;padding:0;overflow:hidden}.page-index-content-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:gray;font-size:20px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.page-index-content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+.page-index-content-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: #808080;
+  font-size: 20px;
+}

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

@@ -1,55 +1,58 @@
-import { treeToArray as u, findFirstMatchNode as s } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.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/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _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)];
             },
-            proxy: !0
-          }], null, !1, 412017982)
+            proxy: true
+          }], null, false, 412017982)
         })];
       },
-      proxy: !0
-    }], null, !1, 2288233724)
-  }, [t._t("default", function() {
-    return [a("EmptyView", {
+      proxy: true
+    }], null, false, 2288233724)
+  }, [_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 = {
+};
+var staticRenderFns = [];
+const __vue2_script = {
   name: "PageIndexTop",
   props: {
     menus: {
@@ -78,42 +81,54 @@ const p = {
   },
   methods: {
     async activeFirstMenu() {
-      if (u(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path))
+      const paths = treeToArray(this.menus).map((value) => value.path).filter((value) => value);
+      if (!paths.includes(this.$route.path)) {
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        if (menuItem) {
+          this.activeTab = menuItem.path;
+          await this.$router.push({ path: menuItem.path, query: menuItem.query });
+        }
+      } else {
         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 }));
       }
     },
-    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);
-      } else
-        await a();
+    async beforeRouteUpdate(to, from, next) {
+      if (to.path === this.schema) {
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        if (menuItem) {
+          await next({ path: menuItem.path, query: menuItem.query });
+          this.activeTab = menuItem.path;
+        } else {
+          await next(false);
+        }
+      } else {
+        await next();
+      }
     }
   }
-}, r = {};
-var h = /* @__PURE__ */ o(
-  p,
-  c,
-  l,
-  !1,
-  m,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __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
 };