@web-utils/component 4.0.15 → 5.0.0-beta01

package/page-index-top/index.mjs

@@ -1,80 +1,80 @@
-import s from "../empty-view/index.mjs";
-import o from "element-ui/lib/tab-pane";
-import u from "element-ui/lib/tabs";
-import p from "../page-header/index.mjs";
-import c from "../page-skeleton/index.mjs";
-import { findFirstMatchNode as r, treeToArray as m } from "@web-utils/core";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const h = {
-  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: {
-    async activeFirstMenu() {
-      if (m(this.menus).map((t) => t.path).filter((t) => t).includes(this.$route.path))
-        this.activeTab = this.$route.path;
-      else {
-        const t = r(this.menus, (e) => e.path);
-        t && (this.activeTab = t.path, await this.$router.push({ path: t.path, query: t.query }));
-      }
-    },
-    async tabClick(n) {
-      await this.$router.push(n.name);
-    },
-    async beforeRouteUpdate(n, t, e) {
-      if (n.path === this.schema) {
-        const a = r(this.menus, (i) => i.path);
-        a ? (await e({ path: a.path, query: a.query }), this.activeTab = a.path) : await e(!1);
-      } else
-        await e();
-    }
-  }
-};
-var f = function() {
-  var t = this, e = t._self._c;
-  return t.menus && t.menus.length ? e(c, { scopedSlots: t._u([{ key: "header", fn: function() {
-    return [e(p, { scopedSlots: t._u([{ key: "section-title", fn: function() {
-      return [e(u, { on: { "tab-click": t.tabClick }, model: { value: t.activeTab, callback: function(a) {
-        t.activeTab = a;
-      }, expression: "activeTab" } }, t._l(t.menus, function(a) {
-        return e(o, { key: a.path, attrs: { label: a.label, name: `${a.path}` } });
-      }), 1)];
-    }, proxy: !0 }], null, !1, 412017982) })];
-  }, proxy: !0 }], null, !1, 2288233724) }, [t._t("default", function() {
-    return [e(s, { attrs: { "empty-tips": t.tips } })];
-  })], 2) : e(s, { attrs: { "empty-tips": "暂无权限！" } });
-}, _ = [], d = /* @__PURE__ */ l(
-  h,
-  f,
-  _,
-  !1,
-  null,
-  null
-);
-const x = d.exports;
-export {
-  x as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createElementBlock as r, createVNode as i, openBlock as a, renderList as o, renderSlot as s, resolveComponent as c, withCtx as l } from "vue";
+import { findFirstMatchNode as u, treeToArray as d } from "@web-utils/core";
+//#region src/components/PageIndexTop.vue
+var f = {
+	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: {
+		async activeFirstMenu() {
+			if (d(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path)) this.activeTab = this.$route.path;
+			else {
+				let e = u(this.menus, (e) => e.path);
+				e && (this.activeTab = e.path, await this.$router.push({
+					path: e.path,
+					query: e.query
+				}));
+			}
+		},
+		async tabClick(e) {
+			await this.$router.push(e.name);
+		},
+		async beforeRouteUpdate(e, t, n) {
+			if (e.path === this.schema) {
+				let e = u(this.menus, (e) => e.path);
+				e ? (await n({
+					path: e.path,
+					query: e.query
+				}), this.activeTab = e.path) : await n(!1);
+			} else await n();
+		}
+	}
 };
+function p(e, u, d, f, p, m) {
+	let h = c("ElTabPane"), g = c("ElTabs"), _ = c("PageHeader"), v = c("EmptyView"), y = c("PageSkeleton");
+	return d.menus && d.menus.length ? (a(), n(y, { key: 0 }, {
+		header: l(() => [i(_, null, {
+			"section-title": l(() => [i(g, {
+				modelValue: p.activeTab,
+				"onUpdate:modelValue": u[0] || (u[0] = (e) => p.activeTab = e),
+				onTabClick: m.tabClick
+			}, {
+				default: l(() => [(a(!0), r(t, null, o(d.menus, (e) => (a(), n(h, {
+					key: e.path,
+					label: e.label,
+					name: `${e.path}`
+				}, null, 8, ["label", "name"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue", "onTabClick"])]),
+			_: 1
+		})]),
+		default: l(() => [s(e.$slots, "default", {}, () => [i(v, { "empty-tips": d.tips }, null, 8, ["empty-tips"])])]),
+		_: 3
+	})) : (a(), n(v, {
+		key: 1,
+		"empty-tips": "暂无权限！"
+	}));
+}
+var m = /* @__PURE__ */ e(f, [["render", p]]);
+//#endregion
+export { m as default };

package/page-skeleton/index.mjs

@@ -1,46 +1,49 @@
-import o from "../nav-bar/index.mjs";
-import n from "../page-header/index.mjs";
-import r from "../page/index.mjs";
-import "../page/style.css";
-import "../nav-bar/style.css";
-import "../page-header/style.css";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  name: "PageSkeleton",
-  components: {
-    Page: r,
-    NavBar: o,
-    PageHeader: n
-  },
-  props: {
-    title: String,
-    flexColumn: Boolean,
-    flexRow: Boolean,
-    header: {
-      type: Boolean,
-      default: !0
-    },
-    contentClass: String,
-    contentScroll: {
-      type: Boolean,
-      default: !0
-    }
-  }
-};
-var s = function() {
-  var e = this, t = e._self._c;
-  return t(r, { staticClass: "page-skeleton" }, [e.header ? e._t("header", function() {
-    return [e.title ? t(n, { attrs: { title: e.title } }) : t(o)];
-  }) : e._e(), t("div", { class: ["page-content", { "flex-column": e.flexColumn, "flex-row": e.flexRow, "content-scroll": e.contentScroll }, e.contentClass] }, [e._t("default")], 2)], 2);
-}, c = [], f = /* @__PURE__ */ l(
-  a,
-  s,
-  c,
-  !1,
-  null,
-  null
-);
-const v = f.exports;
-export {
-  v as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import t from "../nav-bar/index.mjs";
+import n from "../page/index.mjs";
+import r from "../page-header/index.mjs";
+import { createBlock as i, createCommentVNode as a, createElementVNode as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveComponent as u, withCtx as d } from "vue";
+//#region src/components/PageSkeleton.vue
+var f = {
+	name: "PageSkeleton",
+	components: {
+		Page: n,
+		NavBar: t,
+		PageHeader: r
+	},
+	props: {
+		title: String,
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		header: {
+			type: Boolean,
+			default: !0
+		},
+		contentClass: String,
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		}
+	}
 };
+function p(e, t, n, r, f, p) {
+	let m = u("PageHeader"), h = u("NavBar"), g = u("Page");
+	return c(), i(g, { class: "page-skeleton" }, {
+		default: d(() => [n.header ? l(e.$slots, "header", { key: 0 }, () => [n.title ? (c(), i(m, {
+			key: 0,
+			title: n.title
+		}, null, 8, ["title"])) : (c(), i(h, { key: 1 }))]) : a("v-if", !0), o("div", { class: s([
+			"page-content",
+			{
+				"flex-column": n.flexColumn,
+				"flex-row": n.flexRow,
+				"content-scroll": n.contentScroll
+			},
+			n.contentClass
+		]) }, [l(e.$slots, "default")], 2)]),
+		_: 3
+	});
+}
+var m = /* @__PURE__ */ e(f, [["render", p]]);
+//#endregion
+export { m as default };

package/page-skeleton-new/index.mjs

@@ -1,50 +1,79 @@
-import l from "../page/index.mjs";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  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"
-    }
-  }
-};
-var s = function() {
-  var e = this, t = e._self._c;
-  return t(l, { 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 = [], r = /* @__PURE__ */ a(
-  n,
-  s,
-  i,
-  !1,
-  null,
-  null
-);
-const f = r.exports;
-export {
-  f as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/PageSkeletonNew.vue
+var p = {
+	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"
+		}
+	}
+}, m = {
+	key: 0,
+	class: "page-skeleton-new-header",
+	style: { "margin-right": "0" }
+}, h = { class: "section-title" }, g = {
+	class: "flex-item",
+	style: { "border-right": "1px solid #eee" }
+}, _ = {
+	key: 0,
+	class: "page-skeleton-new-header",
+	style: {
+		"margin-left": "0",
+		"padding-left": "10px"
+	}
+}, v = { class: "flex-item flex-row vertical-center" }, y = { class: "flex-item flex-row vertical-center" }, b = { class: /* @__PURE__ */ o([
+	"flex-row",
+	"flex-item",
+	"vertical-center",
+	"align-end"
+]) };
+function x(e, p, x, S, C, w) {
+	let T = u("Page");
+	return c(), t(T, {
+		class: "page-skeleton-new",
+		horizontal: ""
+	}, {
+		default: f(() => [
+			n(" 侧栏 "),
+			i("div", {
+				class: "page-skeleton-new-left",
+				style: s({ width: x.sidebarWidth })
+			}, [x.header ? (c(), r("div", m, [i("span", h, d(x.title), 1)])) : n("v-if", !0), i("div", g, [l(e.$slots, "sidebar-content", {}, () => [p[0] || (p[0] = a(" 侧栏内容 ", -1))])])], 4),
+			n(" 内容 "),
+			i("div", {
+				class: "page-skeleton-new-right",
+				style: s({ width: `calc(100% - ${x.sidebarWidth})` })
+			}, [x.header ? (c(), r("div", _, [i("div", v, [l(e.$slots, "header-left")]), i("div", y, [i("div", b, [l(e.$slots, "header-right")])])])) : n("v-if", !0), i("div", { class: o([
+				"page-skeleton-new-page-content",
+				"flex-item",
+				{
+					"flex-column": x.flexColumn,
+					"flex-row": x.flexRow,
+					"content-scroll": x.contentScroll
+				},
+				x.contentClass
+			]) }, [l(e.$slots, "default", {}, () => [p[1] || (p[1] = a("内容", -1))])], 2)], 4)
+		]),
+		_: 3
+	});
+}
+var S = /* @__PURE__ */ e(p, [["render", x]]);
+//#endregion
+export { S as default };