@web-utils/component 2.0.13 → 2.7.0

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

@@ -1,43 +1,35 @@
-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", {
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.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", {
     staticClass: "not-implement"
-  }, [_c("div", [_c("i", {
+  }, [n("div", [n("i", {
     staticClass: "fa fa-wrench"
-  }), _vm._v(" 建设中... ")])]);
+  }), e._v(" 建设中... ")])]);
 }];
-const NotImplement_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+const a = {
   name: "NotImplement"
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, _ = {};
+var l = /* @__PURE__ */ r(
+  a,
+  s,
+  o,
+  !1,
+  c,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function c(e) {
+  for (let t in _)
+    this[t] = _[t];
 }
-const NotImplement = /* @__PURE__ */ function() {
-  return __component__.exports;
+const m = /* @__PURE__ */ function() {
+  return l.exports;
 }();
 export {
-  NotImplement as default
+  m as default
 };

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

@@ -1,15 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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

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

package/dist/components/notice/style.css

@@ -0,0 +1 @@
+.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,46 +1,40 @@
-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", {
+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", {
     staticClass: "page flex-row flex-item",
     class: {
-      vertical: _vm.vertical && !_vm.horizontal
+      vertical: e.vertical && !e.horizontal
     }
-  }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const Page_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  }, [e._t("default")], 2);
+}, r = [];
+const s = {
   name: "Page",
   props: {
     vertical: {
       type: Boolean,
-      default: true
+      default: !0
     },
     horizontal: Boolean
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, n = {};
+var _ = /* @__PURE__ */ o(
+  s,
+  l,
+  r,
+  !1,
+  c,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function c(e) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const Page = /* @__PURE__ */ function() {
-  return __component__.exports;
+const u = /* @__PURE__ */ function() {
+  return _.exports;
 }();
 export {
-  Page as default
+  u as default
 };

package/dist/components/page/style.css

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

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

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

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

@@ -1,14 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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,68 +1,64 @@
-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", {
+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", {
     staticClass: "egd-container"
-  }, [_vm.aside ? _c("div", {
+  }, [t.aside ? e("div", {
     staticClass: "egd-aside",
     style: {
-      width: _vm.asideWidth
+      width: t.asideWidth
     }
-  }, [_vm._t("aside", function() {
-    return [_c("div", {
+  }, [t._t("aside", function() {
+    return [e("div", {
       staticClass: "egd-main"
-    }, [_vm._t("nav-top"), _c("div", {
+    }, [t._t("nav-top"), e("div", {
       staticClass: "egd-header"
-    }, [_c("span", {
+    }, [e("span", {
       staticClass: "section-title flex-not-shrink"
-    }, [_vm._v(_vm._s(_vm.sectionTitle))])]), _vm._t("menu", function() {
-      return [_c("ElTree", {
+    }, [t._v(t._s(t.sectionTitle))])]), t._t("menu", function() {
+      return [e("ElTree", {
         ref: "menuTree",
         attrs: {
-          "data": _vm.menus,
+          data: t.menus,
           "default-expand-all": "",
-          "props": _vm.defaultProps,
+          props: t.defaultProps,
           "highlight-current": "",
           "empty-text": "请配置菜单！",
-          "default-expanded-keys": _vm.currentTreeKey,
+          "default-expanded-keys": t.currentTreeKey,
           "node-key": "key"
         },
         on: {
-          "node-click": _vm.onNodeClick
+          "node-click": t.onNodeClick
         },
-        scopedSlots: _vm._u([{
+        scopedSlots: t._u([{
           key: "default",
-          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))])];
+          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))])];
             }, {
-              "data": data,
-              "node": node
+              data: i,
+              node: u
             })];
           }
-        }], null, true)
+        }], null, !0)
       })];
     })], 2)];
-  })], 2) : _vm._e(), _c("div", {
+  })], 2) : t._e(), e("div", {
     staticClass: "page-index-content",
     style: {
-      width: _vm.aside ? `calc(100% - ${_vm.asideWidth})` : "100%"
+      width: t.aside ? `calc(100% - ${t.asideWidth})` : "100%"
     }
-  }, [_vm._t("default", function() {
-    return [_c("div", {
+  }, [t._t("default", function() {
+    return [e("div", {
       staticClass: "page-index-content-empty"
-    }, [_vm._v(" " + _vm._s(_vm.tips) + " ")])];
+    }, [t._v(" " + t._s(t.tips) + " ")])];
   })], 2)]);
-};
-var staticRenderFns = [];
-const PageIndex_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, c = [];
+const h = {
   name: "PageIndex",
   props: {
     menus: {
@@ -75,7 +71,7 @@ const __vue2_script = {
     },
     aside: {
       type: Boolean,
-      default: true
+      default: !0
     },
     tips: {
       type: String,
@@ -111,62 +107,45 @@ const __vue2_script = {
   },
   methods: {
     async activeFirstMenu() {
-      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 {
+      if (d(this.menus).map((a) => a.path).filter((a) => a).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));
       }
     },
-    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 onNodeClick(t) {
+      t.path && t.path.indexOf("/") > -1 && await this.$router.push({ path: t.path, query: t.query }), await this.setCurrentKey(t.key);
     },
-    async setCurrentKey(path) {
-      await this.$nextTick();
-      this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(path);
+    async setCurrentKey(t) {
+      await this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
     },
-    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);
-      }
+    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);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, r = {};
+var p = /* @__PURE__ */ o(
+  h,
+  l,
+  c,
+  !1,
+  y,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function y(t) {
+  for (let a in r)
+    this[a] = r[a];
 }
-const PageIndex = /* @__PURE__ */ function() {
-  return __component__.exports;
+const m = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  PageIndex as default
+  m as default
 };

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

@@ -1,23 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;
-}
+.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}