@web-utils/component 2.7.19 → 2.7.21

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

@@ -1 +1,9 @@
-.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/notice/index.js

@@ -1,60 +1,60 @@
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var t = this, a = t.$createElement, e = t._self._c || a;
-  return e("div", {
+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("div", {
     staticClass: "avue-notice"
-  }, [t._l(t.data, function(s, r) {
-    return e("div", {
-      key: r,
+  }, [_vm._l(_vm.data, function(item, index) {
+    return _c("div", {
+      key: index,
       staticClass: "avue-notice__item",
       on: {
-        click: function(g) {
-          return t.click(s);
+        click: function($event) {
+          return _vm.click(item);
         }
       }
-    }, [s[t.imgKey] ? e("div", {
+    }, [item[_vm.imgKey] ? _c("div", {
       staticClass: "avue-notice__img"
-    }, [e("img", {
+    }, [_c("img", {
       attrs: {
-        src: s[t.imgKey],
+        src: item[_vm.imgKey],
         alt: ""
       }
-    })]) : t._e(), e("div", {
+    })]) : _vm._e(), _c("div", {
       staticClass: "avue-notice__content"
-    }, [e("div", {
+    }, [_c("div", {
       staticClass: "avue-notice__title"
-    }, [e("span", {
+    }, [_c("span", {
       staticClass: "avue-notice__name"
-    }, [t._v(t._s(s[t.titleKey]))]), s[t.tagKey] ? e("span", {
+    }, [_vm._v(_vm._s(item[_vm.titleKey]))]), item[_vm.tagKey] ? _c("span", {
       staticClass: "avue-notice__tag"
-    }, [e("ElTag", {
+    }, [_c("ElTag", {
       attrs: {
         size: "small",
-        type: t.getType(s[t.statusKey])
+        type: _vm.getType(item[_vm.statusKey])
       }
-    }, [t._v(t._s(s[t.tagKey]))])], 1) : t._e()]), e("div", {
+    }, [_vm._v(_vm._s(item[_vm.tagKey]))])], 1) : _vm._e()]), _c("div", {
       staticClass: "avue-notice__subtitle"
-    }, [t._v(" " + t._s(s[t.subtitleKey]) + " ")])])]);
-  }), t.finish ? t._e() : e("div", {
+    }, [_vm._v(" " + _vm._s(item[_vm.subtitleKey]) + " ")])])]);
+  }), _vm.finish ? _vm._e() : _c("div", {
     directives: [{
       name: "loading",
       rawName: "v-loading",
-      value: t.loading,
+      value: _vm.loading,
       expression: "loading"
     }],
     staticClass: "avue-notice__more",
     on: {
-      click: t.handleClick
+      click: _vm.handleClick
     }
-  }, [t._v(" 加载更多 ")])], 2);
-}, c = [];
-const i = {
+  }, [_vm._v(" 加载更多 ")])], 2);
+}, staticRenderFns = [];
+const propsDefault = {
   img: "img",
   title: "title",
   subtile: "title",
   tag: "tag",
   status: "status"
-}, u = {
+}, __vue2_script = {
   name: "Notice",
   props: {
     finish: {
@@ -78,66 +78,66 @@ const i = {
   },
   computed: {
     props() {
-      return this.option.props || i;
+      return this.option.props || propsDefault;
     },
     imgKey() {
-      return this.props.img || i.img;
+      return this.props.img || propsDefault.img;
     },
     titleKey() {
-      return this.props.title || i.title;
+      return this.props.title || propsDefault.title;
     },
     subtitleKey() {
-      return this.props.subtitle || i.subtitle;
+      return this.props.subtitle || propsDefault.subtitle;
     },
     tagKey() {
-      return this.props.tag || i.tag;
+      return this.props.tag || propsDefault.tag;
     },
     statusKey() {
-      return this.props.status || i.status;
+      return this.props.status || propsDefault.status;
     }
   },
   methods: {
-    click(t) {
-      this.$emit("click", t);
+    click(item) {
+      this.$emit("click", item);
     },
     handleClick() {
       this.loading = !0;
-      const t = () => {
+      const done = () => {
         this.loading = !1;
       };
-      this.page++, this.$emit("page-change", this.page, t);
+      this.page++, this.$emit("page-change", this.page, done);
     },
-    getType(t = 0) {
-      if (t === 0)
+    getType(status = 0) {
+      if (status === 0)
         return "info";
-      if (t === 1)
+      if (status === 1)
         return "";
-      if (t === 2)
+      if (status === 2)
         return "warning";
-      if (t === 3)
+      if (status === 3)
         return "danger";
-      if (t === 4)
+      if (status === 4)
         return "success";
     }
   }
-}, n = {};
-var _ = /* @__PURE__ */ l(
-  u,
-  o,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  p,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function p(t) {
-  for (let a in n)
-    this[a] = n[a];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const d = /* @__PURE__ */ function() {
-  return _.exports;
+const Notice = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  d as default
+  Notice as default
 };

package/dist/components/notice/style.css

@@ -1 +1,48 @@
-.avue-notice__item{padding:12px 24px;border-bottom:1px solid #e8eaec;cursor:pointer;transition:background-color .2s ease-in-out;text-align:left;display:flex;align-items:flex-start}.avue-notice__content{flex:1}.avue-notice__img{width:38px;height:38px;border-radius:100%;margin-top:5px;margin-right:10px;overflow:hidden}.avue-notice__img img{width:100%;height:100%}.avue-notice__name{line-height:25px}.avue-notice__title{font-size:14px;font-weight:400;line-height:22px;color:#515a6e;margin-bottom:4px}.avue-notice__tag{float:right;margin-top:2px}.avue-notice__subtitle{font-size:12px;color:#808695}.avue-notice__more{cursor:pointer;color:#2d8cf0;text-align:center;padding:10px 0}
+.avue-notice__item {
+  padding: 12px 24px;
+  border-bottom: 1px solid #e8eaec;
+  cursor: pointer;
+  transition: background-color .2s ease-in-out;
+  text-align: left;
+  display: flex;
+  align-items: flex-start;
+}
+.avue-notice__content {
+  flex: 1;
+}
+.avue-notice__img {
+  width: 38px;
+  height: 38px;
+  border-radius: 100%;
+  margin-top: 5px;
+  margin-right: 10px;
+  overflow: hidden;
+}
+.avue-notice__img img {
+  width: 100%;
+  height: 100%;
+}
+.avue-notice__name {
+  line-height: 25px;
+}
+.avue-notice__title {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  color: #515a6e;
+  margin-bottom: 4px;
+}
+.avue-notice__tag {
+  float: right;
+  margin-top: 2px;
+}
+.avue-notice__subtitle {
+  font-size: 12px;
+  color: #808695;
+}
+.avue-notice__more {
+  cursor: pointer;
+  color: #2d8cf0;
+  text-align: center;
+  padding: 10px 0;
+}

package/dist/components/page/index.js

@@ -1,14 +1,14 @@
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var l = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
+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("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);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Page",
   props: {
     vertical: {
@@ -17,24 +17,24 @@ const s = {
     },
     horizontal: Boolean
   }
-}, n = {};
-var _ = /* @__PURE__ */ o(
-  s,
-  l,
-  r,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  c,
+  __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,6 @@
-.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,27 @@
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var r = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+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("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);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PageHeader",
   props: {
     title: {
@@ -33,24 +33,24 @@ const s = {
       default: !0
     }
   }
-}, l = {};
-var o = /* @__PURE__ */ a(
-  s,
-  r,
-  i,
+}, __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 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,8 @@
-.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,64 @@
-import { treeToArray as d, findFirstMatchNode as n } from "@web-utils/core";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.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/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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,
+              node
             })];
           }
         }], null, !0)
       })];
     })], 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 = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PageIndex",
   props: {
     menus: {
@@ -107,45 +107,45 @@ const h = {
   },
   methods: {
     async activeFirstMenu() {
-      if (d(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+      if (treeToArray(this.menus).map((value) => value.path).filter((value) => value).includes(this.$route.path))
         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));
+        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
+        menuItem && (await this.$router.push({ path: menuItem.path, query: menuItem.query }), await this.setCurrentKey(menuItem.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) {
+      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);
+    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 }), await this.setCurrentKey(menuItem.path)) : await next(!1);
       } else
-        await e(), await this.setCurrentKey(this.$route.path);
+        await next(), await this.setCurrentKey(this.$route.path);
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ o(
-  h,
-  l,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  y,
+  __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,17 @@
-.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: gray;
+  font-size: 20px;
+}