@web-utils/component 4.0.16 → 5.0.0-beta01

package/notice/index.mjs

@@ -1,93 +1,100 @@
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  img: "img",
-  title: "title",
-  subtile: "title",
-  tag: "tag",
-  status: "status"
-}, l = {
-  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 || a;
-    },
-    imgKey() {
-      return this.props.img || a.img;
-    },
-    titleKey() {
-      return this.props.title || a.title;
-    },
-    subtitleKey() {
-      return this.props.subtitle || a.subtitle;
-    },
-    tagKey() {
-      return this.props.tag || a.tag;
-    },
-    statusKey() {
-      return this.props.status || a.status;
-    }
-  },
-  methods: {
-    click(s) {
-      this.$emit("click", s);
-    },
-    handleClick() {
-      this.loading = !0;
-      const s = () => {
-        this.loading = !1;
-      };
-      this.page++, this.$emit("page-change", this.page, s);
-    },
-    getType(s = 0) {
-      if (s === 0)
-        return "info";
-      if (s === 1)
-        return "";
-      if (s === 2)
-        return "warning";
-      if (s === 3)
-        return "danger";
-      if (s === 4)
-        return "success";
-    }
-  }
-};
-var o = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "avue-notice" }, [t._l(t.data, function(i, n) {
-    return e("div", { key: n, staticClass: "avue-notice__item", on: { click: function(_) {
-      return t.click(i);
-    } } }, [i[t.imgKey] ? e("div", { staticClass: "avue-notice__img" }, [e("img", { attrs: { src: i[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(i[t.titleKey]))]), i[t.tagKey] ? e("span", { staticClass: "avue-notice__tag" }, [e("ElTag", { attrs: { size: "small", type: t.getType(i[t.statusKey]) } }, [t._v(t._s(i[t.tagKey]))])], 1) : t._e()]), e("div", { staticClass: "avue-notice__subtitle" }, [t._v(" " + t._s(i[t.subtitleKey]) + " ")])])]);
-  }), t.finish ? t._e() : e("div", { directives: [{ name: "loading", rawName: "v-loading", value: !0, expression: "true" }], staticClass: "avue-notice__more", on: { click: t.handleClick } }, [t._v("加载更多")])], 2);
-}, c = [], u = /* @__PURE__ */ r(
-  l,
-  o,
-  c,
-  !1,
-  null,
-  null
-);
-const g = u.exports;
-export {
-  g as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, openBlock as s, renderList as c, resolveComponent as l, resolveDirective as u, toDisplayString as d, withCtx as f, withDirectives as p } from "vue";
+//#region src/components/notice/Notice.vue
+var m = {
+	img: "img",
+	title: "title",
+	subtile: "title",
+	tag: "tag",
+	status: "status"
+}, h = {
+	name: "Notice",
+	props: {
+		finish: {
+			type: Boolean,
+			default: !1
+		},
+		option: {
+			type: Object,
+			default: () => ({})
+		},
+		data: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["page-change", "click"],
+	data() {
+		return {
+			page: 1,
+			loading: !1
+		};
+	},
+	computed: {
+		props() {
+			return this.option.props || m;
+		},
+		imgKey() {
+			return this.props.img || m.img;
+		},
+		titleKey() {
+			return this.props.title || m.title;
+		},
+		subtitleKey() {
+			return this.props.subtitle || m.subtitle;
+		},
+		tagKey() {
+			return this.props.tag || m.tag;
+		},
+		statusKey() {
+			return this.props.status || m.status;
+		}
+	},
+	methods: {
+		click(e) {
+			this.$emit("click", e);
+		},
+		handleClick() {
+			this.loading = !0, this.page++, this.$emit("page-change", this.page, () => {
+				this.loading = !1;
+			});
+		},
+		getType(e = 0) {
+			if (e === 0) return "info";
+			if (e === 1) return "";
+			if (e === 2) return "warning";
+			if (e === 3) return "danger";
+			if (e === 4) return "success";
+		}
+	}
+}, g = { class: "avue-notice" }, _ = ["onClick"], v = {
+	key: 0,
+	class: "avue-notice__img"
+}, y = ["src"], b = { class: "avue-notice__content" }, x = { class: "avue-notice__title" }, S = { class: "avue-notice__name" }, C = {
+	key: 0,
+	class: "avue-notice__tag"
+}, w = { class: "avue-notice__subtitle" };
+function T(e, m, h, T, E, D) {
+	let O = l("ElTag"), k = u("loading");
+	return s(), r("div", g, [(s(!0), r(t, null, c(h.data, (e, t) => (s(), r("div", {
+		key: t,
+		class: "avue-notice__item",
+		onClick: (t) => D.click(e)
+	}, [e[D.imgKey] ? (s(), r("div", v, [i("img", {
+		src: e[D.imgKey],
+		alt: ""
+	}, null, 8, y)])) : n("v-if", !0), i("div", b, [i("div", x, [i("span", S, d(e[D.titleKey]), 1), e[D.tagKey] ? (s(), r("span", C, [o(O, {
+		size: "small",
+		type: D.getType(e[D.statusKey])
+	}, {
+		default: f(() => [a(d(e[D.tagKey]), 1)]),
+		_: 2
+	}, 1032, ["type"])])) : n("v-if", !0)]), i("div", w, d(e[D.subtitleKey]), 1)])], 8, _))), 128)), h.finish ? n("v-if", !0) : p((s(), r("div", {
+		key: 0,
+		class: "avue-notice__more",
+		onClick: m[0] || (m[0] = (...e) => D.handleClick && D.handleClick(...e))
+	}, [...m[1] || (m[1] = [a("加载更多", -1)])])), [[k, !0]])]);
+}
+var E = /* @__PURE__ */ e(h, [["render", T]]);
+//#endregion
+export { E as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "4.0.16",
+  "version": "5.0.0-beta01",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
@@ -15,9 +15,8 @@
     "*.sass"
   ],
   "dependencies": {
-    "@tinymce/tinymce-vue": "3.2.8",
     "@wangeditor/editor": "^5.1.23",
-    "@wangeditor/editor-for-vue": "^1.0.2",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "@web-utils/core": "^5.0.4",
     "@web-utils/integrations": "^5.0.4",
     "@web-utils/vue": "^5.0.4",
@@ -30,6 +29,7 @@
     "dayjs": "^1.11.20",
     "diagram-js": "15.9.1",
     "echarts": "^6.0.0",
+    "element-plus": "^2.13.6",
     "highlight.js": "^11.11.1",
     "lodash-es": "^4.17.23",
     "min-dash": "^5.0.0",

package/page/index.mjs

@@ -1,26 +1,19 @@
-import { n as t } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "Page",
-  props: {
-    vertical: {
-      type: Boolean,
-      default: !0
-    },
-    horizontal: Boolean
-  }
-};
-var n = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "page flex-row flex-item", class: { vertical: e.vertical && !e.horizontal } }, [e._t("default")], 2);
-}, o = [], l = /* @__PURE__ */ t(
-  r,
-  n,
-  o,
-  !1,
-  null,
-  null
-);
-const _ = l.exports;
-export {
-  _ as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/Page.vue
+var a = {
+	name: "Page",
+	props: {
+		vertical: {
+			type: Boolean,
+			default: !0
+		},
+		horizontal: Boolean
+	}
 };
+function o(e, a, o, s, c, l) {
+	return r(), t("div", { class: n(["page flex-row flex-item", { vertical: o.vertical && !o.horizontal }]) }, [i(e.$slots, "default")], 2);
+}
+var s = /* @__PURE__ */ e(a, [["render", o]]);
+//#endregion
+export { s as default };

package/page-header/index.mjs

@@ -1,33 +1,27 @@
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  name: "PageHeader",
-  props: {
-    title: {
-      type: String,
-      default: "标题"
-    },
-    alignEnd: {
-      type: Boolean,
-      default: !0
-    }
-  }
-};
-var l = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "egd-header flex-row egd-page-header" }, [e._t("section-title", function() {
-    return [t("span", { staticClass: "section-title" }, [e._t("title", function() {
-      return [e._v(e._s(e.title))];
-    }, { title: e.title })], 2)];
-  }, { title: e.title }), t("div", { staticClass: "flex-row flex-item vertical-center" }, [t("div", { class: ["flex-row", "flex-item", "vertical-center", { "align-end": e.alignEnd }] }, [e._t("default")], 2)])], 2);
-}, r = [], i = /* @__PURE__ */ n(
-  a,
-  l,
-  r,
-  !1,
-  null,
-  null
-);
-const o = i.exports;
-export {
-  o as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/PageHeader.vue
+var c = {
+	name: "PageHeader",
+	props: {
+		title: {
+			type: String,
+			default: "标题"
+		},
+		alignEnd: {
+			type: Boolean,
+			default: !0
+		}
+	}
+}, l = { class: "egd-header flex-row egd-page-header" }, u = { class: "section-title" }, d = { class: "flex-row flex-item vertical-center" };
+function f(e, c, f, p, m, h) {
+	return a(), t("div", l, [o(e.$slots, "section-title", { title: f.title }, () => [n("span", u, [o(e.$slots, "title", { title: f.title }, () => [r(s(f.title), 1)])])]), n("div", d, [n("div", { class: i([
+		"flex-row",
+		"flex-item",
+		"vertical-center",
+		{ "align-end": f.alignEnd }
+	]) }, [o(e.$slots, "default")], 2)])]);
+}
+var p = /* @__PURE__ */ e(c, [["render", f]]);
+//#endregion
+export { p as default };

package/page-index/index.mjs

@@ -1,99 +1,121 @@
-import { findFirstMatchNode as r, treeToArray as n } from "@web-utils/core";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
-  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: {
-    async activeFirstMenu() {
-      if (n(this.menus).map((t) => t.path).filter((t) => t).includes(this.$route.path))
-        await this.setCurrentKey(this.$route.path);
-      else {
-        const t = r(this.menus, (e) => e.path);
-        t && (await this.$router.push({ path: t.path, query: t.query }), await this.setCurrentKey(t.path));
-      }
-    },
-    async onNodeClick(a) {
-      a.path && a.path.indexOf("/") > -1 && await this.$router.push({ path: a.path, query: a.query }), await this.setCurrentKey(a.key);
-    },
-    async setCurrentKey(a) {
-      var t;
-      await this.$nextTick(), (t = this.$refs.menuTree) == null || t.setCurrentKey(a);
-    },
-    async beforeRouteUpdate(a, t, e) {
-      if (a.path === this.schema) {
-        const s = r(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);
-    }
-  }
-};
-var h = function() {
-  var t = this, e = t._self._c;
-  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({ data: s, node: i }) {
-        return [t._t("tree-node", function() {
-          return [e("span", [e("i", { class: s.icon }), t._v(" " + t._s(s.label))])];
-        }, { data: s, node: i })];
-      } }], 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)]);
-}, o = [], p = /* @__PURE__ */ u(
-  d,
-  h,
-  o,
-  !1,
-  null,
-  null
-);
-const f = p.exports;
-export {
-  f as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode 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";
+import { findFirstMatchNode as p, treeToArray as m } from "@web-utils/core";
+//#region src/components/PageIndex.vue
+var h = {
+	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: {
+		async activeFirstMenu() {
+			if (m(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path)) await this.setCurrentKey(this.$route.path);
+			else {
+				let e = p(this.menus, (e) => e.path);
+				e && (await this.$router.push({
+					path: e.path,
+					query: e.query
+				}), await this.setCurrentKey(e.path));
+			}
+		},
+		async onNodeClick(e) {
+			e.path && e.path.indexOf("/") > -1 && await this.$router.push({
+				path: e.path,
+				query: e.query
+			}), await this.setCurrentKey(e.key);
+		},
+		async setCurrentKey(e) {
+			var t;
+			await this.$nextTick(), (t = this.$refs.menuTree) == null || t.setCurrentKey(e);
+		},
+		async beforeRouteUpdate(e, t, n) {
+			if (e.path === this.schema) {
+				let e = p(this.menus, (e) => e.path);
+				e ? (await n({
+					path: e.path,
+					query: e.query
+				}), await this.setCurrentKey(e.path)) : await n(!1);
+			} else await n(), await this.setCurrentKey(this.$route.path);
+		}
+	}
+}, g = { class: "egd-container" }, _ = { class: "egd-main" }, v = { class: "egd-header" }, y = { class: "section-title flex-not-shrink" }, b = { class: "page-index-content-empty" };
+function x(e, p, m, h, x, S) {
+	let C = u("ElTree");
+	return c(), n("div", g, [m.aside ? (c(), n("div", {
+		key: 0,
+		class: "egd-aside",
+		style: s({ width: m.asideWidth })
+	}, [t("侧栏"), l(e.$slots, "aside", {}, () => [r("div", _, [
+		l(e.$slots, "nav-top"),
+		r("div", v, [r("span", y, d(m.sectionTitle), 1)]),
+		t("菜单"),
+		l(e.$slots, "menu", {}, () => [a(C, {
+			ref: "menuTree",
+			data: m.menus,
+			"default-expand-all": "",
+			props: m.defaultProps,
+			"highlight-current": "",
+			"empty-text": "请配置菜单！",
+			"default-expanded-keys": m.currentTreeKey,
+			"node-key": "key",
+			onNodeClick: S.onNodeClick
+		}, {
+			default: f(({ data: t, node: n }) => [l(e.$slots, "tree-node", {
+				data: t,
+				node: n
+			}, () => [r("span", null, [r("i", { class: o(t.icon) }, null, 2), i(" " + d(t.label), 1)])])]),
+			_: 3
+		}, 8, [
+			"data",
+			"props",
+			"default-expanded-keys",
+			"onNodeClick"
+		])])
+	])])], 4)) : t("v-if", !0), r("div", {
+		class: "page-index-content",
+		style: s({ width: m.aside ? `calc(100% - ${m.asideWidth})` : "100%" })
+	}, [t("内容"), l(e.$slots, "default", {}, () => [r("div", b, d(m.tips), 1)])], 4)]);
+}
+var S = /* @__PURE__ */ e(h, [["render", x]]);
+//#endregion
+export { S as default };