@web-utils/component 2.7.35 → 2.7.37

package/dist/components/notice/index.mjs

@@ -0,0 +1,143 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,54 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-notice__item {
-  padding: 12px 24px;
-  border-bottom: 1px solid #e8eaec;
-  cursor: pointer;
-  transition: background-color 0.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.mjs

@@ -0,0 +1,40 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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: e.vertical && !e.horizontal
+    }
+  }, [e._t("default")], 2);
+}, r = [];
+const s = {
+  name: "Page",
+  props: {
+    vertical: {
+      type: Boolean,
+      default: !0
+    },
+    horizontal: Boolean
+  }
+}, n = {};
+var _ = /* @__PURE__ */ o(
+  s,
+  l,
+  r,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const u = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  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.mjs

@@ -0,0 +1,56 @@
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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"
+  }, [e._t("section-title", function() {
+    return [n("span", {
+      staticClass: "section-title"
+    }, [e._t("title", function() {
+      return [e._v(e._s(e.title))];
+    }, {
+      title: e.title
+    })], 2)];
+  }, {
+    title: e.title
+  }), n("div", {
+    staticClass: "flex-row flex-item vertical-center"
+  }, [n("div", {
+    class: ["flex-row", "flex-item", "vertical-center", {
+      "align-end": e.alignEnd
+    }]
+  }, [e._t("default")], 2)])], 2);
+}, i = [];
+const s = {
+  name: "PageHeader",
+  props: {
+    title: {
+      type: String,
+      default: "标题"
+    },
+    alignEnd: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, l = {};
+var o = /* @__PURE__ */ a(
+  s,
+  r,
+  i,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const u = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  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.mjs

@@ -0,0 +1,175 @@
+var r = (t, a, e) => new Promise((s, i) => {
+  var u = (n) => {
+    try {
+      d(e.next(n));
+    } catch (o) {
+      i(o);
+    }
+  }, h = (n) => {
+    try {
+      d(e.throw(n));
+    } catch (o) {
+      i(o);
+    }
+  }, d = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(u, h);
+  d((e = e.apply(t, a)).next());
+});
+import { treeToArray as p, findFirstMatchNode as l } from "@web-utils/core";
+import { n as y } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var f = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "egd-container"
+  }, [t.aside ? e("div", {
+    staticClass: "egd-aside",
+    style: {
+      width: t.asideWidth
+    }
+  }, [t._t("aside", function() {
+    return [e("div", {
+      staticClass: "egd-main"
+    }, [t._t("nav-top"), e("div", {
+      staticClass: "egd-header"
+    }, [e("span", {
+      staticClass: "section-title flex-not-shrink"
+    }, [t._v(t._s(t.sectionTitle))])]), t._t("menu", function() {
+      return [e("ElTree", {
+        ref: "menuTree",
+        attrs: {
+          data: t.menus,
+          "default-expand-all": "",
+          props: t.defaultProps,
+          "highlight-current": "",
+          "empty-text": "请配置菜单！",
+          "default-expanded-keys": t.currentTreeKey,
+          "node-key": "key"
+        },
+        on: {
+          "node-click": t.onNodeClick
+        },
+        scopedSlots: t._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))])];
+            }, {
+              data: i,
+              node: u
+            })];
+          }
+        }], null, !0)
+      })];
+    })], 2)];
+  })], 2) : t._e(), e("div", {
+    staticClass: "page-index-content",
+    style: {
+      width: t.aside ? `calc(100% - ${t.asideWidth})` : "100%"
+    }
+  }, [t._t("default", function() {
+    return [e("div", {
+      staticClass: "page-index-content-empty"
+    }, [t._v(" " + t._s(t.tips) + " ")])];
+  })], 2)]);
+}, _ = [];
+const m = {
+  name: "PageIndex",
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    asideWidth: {
+      type: String,
+      default: "220px"
+    },
+    aside: {
+      type: Boolean,
+      default: !0
+    },
+    tips: {
+      type: String,
+      default: "请添加页面内容！"
+    },
+    sectionTitle: {
+      type: String,
+      default: "功能导航"
+    },
+    schema: {
+      type: String,
+      default: ""
+    },
+    currentTreeKey: {
+      type: Array,
+      default: () => []
+    },
+    defaultProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  watch: {
+    menus() {
+      this.setCurrentKey(this.$route.path);
+    }
+  },
+  mounted() {
+    this.activeFirstMenu();
+  },
+  activated() {
+    this.setCurrentKey(this.$route.path);
+  },
+  methods: {
+    activeFirstMenu() {
+      return r(this, null, function* () {
+        if (p(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+          yield this.setCurrentKey(this.$route.path);
+        else {
+          const a = l(this.menus, (e) => e.path);
+          a && (yield this.$router.push({ path: a.path, query: a.query }), yield this.setCurrentKey(a.path));
+        }
+      });
+    },
+    onNodeClick(t) {
+      return r(this, null, function* () {
+        t.path && t.path.indexOf("/") > -1 && (yield this.$router.push({ path: t.path, query: t.query })), yield this.setCurrentKey(t.key);
+      });
+    },
+    setCurrentKey(t) {
+      return r(this, null, function* () {
+        yield this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
+      });
+    },
+    beforeRouteUpdate(t, a, e) {
+      return r(this, null, function* () {
+        if (t.path === this.schema) {
+          const s = l(this.menus, (i) => i.path);
+          s ? (yield e({ path: s.path, query: s.query }), yield this.setCurrentKey(s.path)) : yield e(!1);
+        } else
+          yield e(), yield this.setCurrentKey(this.$route.path);
+      });
+    }
+  }
+}, c = {};
+var v = /* @__PURE__ */ y(
+  m,
+  f,
+  _,
+  !1,
+  C,
+  null,
+  null,
+  null
+);
+function C(t) {
+  for (let a in c)
+    this[a] = c[a];
+}
+const $ = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  $ 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}

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

@@ -0,0 +1,141 @@
+var i = (t, a, e) => new Promise((n, r) => {
+  var p = (s) => {
+    try {
+      u(e.next(s));
+    } catch (o) {
+      r(o);
+    }
+  }, h = (s) => {
+    try {
+      u(e.throw(s));
+    } catch (o) {
+      r(o);
+    }
+  }, u = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(p, h);
+  u((e = e.apply(t, a)).next());
+});
+import { treeToArray as m, findFirstMatchNode as c } from "@web-utils/core";
+import { n as f } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var d = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return t.menus && t.menus.length ? e("PageSkeleton", {
+    scopedSlots: t._u([{
+      key: "header",
+      fn: function() {
+        return [e("PageHeader", {
+          scopedSlots: t._u([{
+            key: "section-title",
+            fn: function() {
+              return [e("ElTabs", {
+                on: {
+                  "tab-click": t.tabClick
+                },
+                model: {
+                  value: t.activeTab,
+                  callback: function(n) {
+                    t.activeTab = n;
+                  },
+                  expression: "activeTab"
+                }
+              }, t._l(t.menus, function(n) {
+                return e("ElTabPane", {
+                  key: n.path,
+                  attrs: {
+                    label: n.label,
+                    name: `${n.path}`
+                  }
+                });
+              }), 1)];
+            },
+            proxy: !0
+          }], null, !1, 412017982)
+        })];
+      },
+      proxy: !0
+    }], null, !1, 2288233724)
+  }, [t._t("default", function() {
+    return [e("EmptyView", {
+      attrs: {
+        "empty-tips": t.tips
+      }
+    })];
+  })], 2) : e("EmptyView", {
+    attrs: {
+      "empty-tips": "暂无权限！"
+    }
+  });
+}, y = [];
+const _ = {
+  name: "PageIndexTop",
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    tips: {
+      type: String,
+      default: "请添加页面内容！"
+    },
+    schema: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      activeTab: ""
+    };
+  },
+  watch: {
+    menus: "activeFirstMenu"
+  },
+  mounted() {
+    this.activeFirstMenu();
+  },
+  methods: {
+    activeFirstMenu() {
+      return i(this, null, function* () {
+        if (m(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+          this.activeTab = this.$route.path;
+        else {
+          const a = c(this.menus, (e) => e.path);
+          a && (this.activeTab = a.path, yield this.$router.push({ path: a.path, query: a.query }));
+        }
+      });
+    },
+    tabClick(t) {
+      return i(this, null, function* () {
+        yield this.$router.push(t.name);
+      });
+    },
+    beforeRouteUpdate(t, a, e) {
+      return i(this, null, function* () {
+        if (t.path === this.schema) {
+          const n = c(this.menus, (r) => r.path);
+          n ? (yield e({ path: n.path, query: n.query }), this.activeTab = n.path) : yield e(!1);
+        } else
+          yield e();
+      });
+    }
+  }
+}, l = {};
+var v = /* @__PURE__ */ f(
+  _,
+  d,
+  y,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let a in l)
+    this[a] = l[a];
+}
+const g = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  g as default
+};