@web-utils/component 2.0.13 → 2.2.0

package/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.JwmUNtgn.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
+};

package/page-skeleton/index.mjs

@@ -0,0 +1,67 @@
+import r from "@web-utils/component/page";
+import "@web-utils/component/page/style.css";
+import l from "@web-utils/component/nav-bar";
+import "@web-utils/component/nav-bar/style.css";
+import a from "@web-utils/component/page-header";
+import "@web-utils/component/page-header/style.css";
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o("Page", {
+    staticClass: "page-skeleton"
+  }, [e.header ? e._t("header", function() {
+    return [e.title ? o("PageHeader", {
+      attrs: {
+        title: e.title
+      }
+    }) : o("NavBar")];
+  }) : e._e(), o("div", {
+    class: ["page-content", {
+      "flex-column": e.flexColumn,
+      "flex-row": e.flexRow,
+      "content-scroll": e.contentScroll
+    }, e.contentClass]
+  }, [e._t("default")], 2)], 2);
+}, i = [];
+const u = {
+  name: "PageSkeleton",
+  components: {
+    Page: r,
+    NavBar: l,
+    PageHeader: a
+  },
+  props: {
+    title: String,
+    flexColumn: Boolean,
+    flexRow: Boolean,
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: String,
+    contentScroll: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, n = {};
+var f = /* @__PURE__ */ s(
+  u,
+  c,
+  i,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const h = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  h as default
+};

package/page-skeleton/style.css

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

package/page-skeleton-new/index.mjs

@@ -0,0 +1,98 @@
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var s = function() {
+  var e = this, l = e.$createElement, t = e._self._c || l;
+  return t("Page", {
+    staticClass: "page-skeleton-new",
+    attrs: {
+      horizontal: ""
+    }
+  }, [t("div", {
+    staticClass: "page-skeleton-new-left",
+    style: {
+      width: e.sidebarWidth
+    }
+  }, [e.header ? t("div", {
+    staticClass: "page-skeleton-new-header",
+    staticStyle: {
+      "margin-right": "0"
+    }
+  }, [t("span", {
+    staticClass: "section-title"
+  }, [e._v(e._s(e.title))])]) : e._e(), t("div", {
+    staticClass: "flex-item",
+    staticStyle: {
+      "border-right": "1px solid #eee"
+    }
+  }, [e._t("sidebar-content", function() {
+    return [e._v(" 侧栏内容 ")];
+  })], 2)]), t("div", {
+    staticClass: "page-skeleton-new-right",
+    style: {
+      width: `calc(100% - ${e.sidebarWidth})`
+    }
+  }, [e.header ? t("div", {
+    staticClass: "page-skeleton-new-header",
+    staticStyle: {
+      "margin-left": "0",
+      "padding-left": "10px"
+    }
+  }, [t("div", {
+    staticClass: "flex-item flex-row vertical-center"
+  }, [e._t("header-left")], 2), t("div", {
+    staticClass: "flex-item flex-row vertical-center"
+  }, [t("div", {
+    class: ["flex-row", "flex-item", "vertical-center", "align-end"]
+  }, [e._t("header-right")], 2)])]) : e._e(), t("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("内容")];
+  })], 2)])]);
+}, i = [];
+const r = {
+  name: "PageSkeletonNew",
+  props: {
+    title: {
+      type: String,
+      default: "页面标题"
+    },
+    flexColumn: Boolean,
+    flexRow: Boolean,
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: String,
+    contentScroll: {
+      type: Boolean,
+      default: !0
+    },
+    sidebarWidth: {
+      type: String,
+      default: "240px"
+    }
+  }
+}, n = {};
+var o = /* @__PURE__ */ a(
+  r,
+  s,
+  i,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let l in n)
+    this[l] = n[l];
+}
+const f = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  f as default
+};

package/page-skeleton-new/style.css

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