@web-utils/component 4.0.16 → 5.0.0-beta01

package/tabs-view/index.mjs

@@ -1,104 +1,109 @@
-import { toStringArray as a } from "@web-utils/core";
-import { merge as n } from "@web-utils/integrations/lodash";
-import { processButtons as l } from "../configComponents.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = [
-  "back",
-  "create",
-  "save",
-  "withdraw",
-  "edit",
-  "submit",
-  "publish",
-  "agree",
-  "disagree",
-  "reject",
-  "finish",
-  "cancel",
-  "enable",
-  "exp",
-  "imp",
-  "del",
-  "disabled",
-  "reload",
-  "slot"
-], b = {
-  name: "TabsView",
-  props: {
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: Object,
-    embed: Boolean,
-    leftSide: Boolean,
-    tabs: {
-      type: Array,
-      default: () => []
-    },
-    defaultTab: String
-  },
-  data() {
-    return {
-      tab: null
-    };
-  },
-  computed: {
-    buttonSlots() {
-      return u.filter((r) => this.$scopedSlots[r]);
-    },
-    toolbarProps() {
-      var o, s;
-      const r = {}, t = n({}, this.toolbarAttrs, r);
-      let e = (t == null ? void 0 : t.buttons) || this.$parent.buttons;
-      return e = e || [], t.buttons = e, t.buttons = l(t.buttons), t.buttons = a(t.buttons), t.searchable = !!((s = (o = this.$scopedSlots)["search-form"]) != null && s.call(o)), t;
-    },
-    toolbarEventHandlers() {
-      if (this.toolbarListeners) {
-        const { exp: r, ...t } = this.toolbarListeners;
-        return t;
-      }
-      return null;
-    }
-  },
-  watch: {
-    tabs: {
-      immediate: !0,
-      handler(r) {
-        !this.defaultTab && (r == null ? void 0 : r.length) > 0 ? this.tab = r[0].value : this.tab = this.defaultTab;
-      }
-    }
-  }
-};
-var c = function() {
-  var t = this, e = t._self._c;
-  return e("div", { class: ["tabs-view", { embed: t.embed }] }, [e("div", { staticClass: "tabs-view-wrapper" }, [e("Toolbar", t._g(t._b({ staticStyle: { "border-bottom": "1px solid #eee" }, scopedSlots: t._u([{ key: "default", fn: function() {
-    return [t._t("toolbar-button")];
-  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
-    return [t._t("toolbar-left", function() {
-      return t._l(t.tabs, function(o) {
-        return e("ElTag", { key: o.value, staticStyle: { "margin-right": "14px", cursor: "pointer" }, attrs: { effect: o.value === t.tab ? "dark" : null, type: "primary" }, on: { click: function(s) {
-          t.tab = o.value;
-        } } }, [t._v(" " + t._s(o.label) + " ")]);
-      });
-    }), t._t("toolbar-left-append")];
-  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
-    return [t._t("toolbar-right")];
-  }, proxy: !0 }, t._l(t.buttonSlots, function(o) {
-    return { key: o, fn: function() {
-      return [t._t(o)];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", t.toolbarProps, !1), t.toolbarEventHandlers)), e("div", { staticClass: "tabs-view-content-wrapper" }, [e("div", { staticClass: "tabs-view-content" }, [t.leftSide ? e("div", { ref: "treeScroller", staticClass: "tabs-view-sidebar" }, [t._t("left")], 2) : t._e(), e("div", { staticClass: "tabs-view-right" }, [t._t("default", null, { tab: t.tab })], 2)])])], 1)]);
-}, f = [], d = /* @__PURE__ */ i(
-  b,
-  c,
-  f,
-  !1,
-  null,
-  null
-);
-const m = d.exports;
-export {
-  m as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { processButtons as t } from "../configComponents.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, withCtx as v } from "vue";
+import { toStringArray as y } from "@web-utils/core";
+import { merge as b } from "@web-utils/integrations/lodash";
+//#region src/components/form/TabsView.vue
+var x = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], S = {
+	name: "TabsView",
+	props: {
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: Object,
+		embed: Boolean,
+		leftSide: Boolean,
+		tabs: {
+			type: Array,
+			default: () => []
+		},
+		defaultTab: String
+	},
+	data() {
+		return { tab: null };
+	},
+	computed: {
+		buttonSlots() {
+			return x.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, n;
+			let r = b({}, this.toolbarAttrs, {}), i = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
+			return i = i || [], r.buttons = i, r.buttons = t(r.buttons), r.buttons = y(r.buttons), r.searchable = !!((e = (n = this.$slots)["search-form"]) != null && e.call(n)), r;
+		},
+		toolbarEventHandlers() {
+			if (this.toolbarListeners) {
+				let { exp: e, ...t } = this.toolbarListeners;
+				return t;
+			}
+			return null;
+		}
+	},
+	watch: { tabs: {
+		immediate: !0,
+		handler(e) {
+			!this.defaultTab && (e == null ? void 0 : e.length) > 0 ? this.tab = e[0].value : this.tab = this.defaultTab;
+		}
+	} }
+}, C = { class: "tabs-view-wrapper" }, w = { class: "tabs-view-content-wrapper" }, T = { class: "tabs-view-content" }, E = {
+	key: 0,
+	ref: "treeScroller",
+	class: "tabs-view-sidebar"
+}, D = { class: "tabs-view-right" };
+function O(e, t, y, b, x, S) {
+	let O = h("ElTag"), k = h("Toolbar");
+	return f(), a("div", { class: d(["tabs-view", { embed: y.embed }]) }, [o("div", C, [
+		i("顶部工具条"),
+		l(k, u(S.toolbarProps, { style: { "border-bottom": "1px solid #eee" } }, _(S.toolbarEventHandlers)), s({
+			default: v(() => [m(e.$slots, "toolbar-button")]),
+			"toolbar-left": v(() => [m(e.$slots, "toolbar-left", {}, () => [(f(!0), a(n, null, p(y.tabs, (e) => (f(), r(O, {
+				key: e.value,
+				effect: e.value === x.tab ? "dark" : null,
+				style: {
+					"margin-right": "14px",
+					cursor: "pointer"
+				},
+				type: "primary",
+				onClick: (t) => x.tab = e.value
+			}, {
+				default: v(() => [c(g(e.label), 1)]),
+				_: 2
+			}, 1032, ["effect", "onClick"]))), 128))]), m(e.$slots, "toolbar-left-append")]),
+			"toolbar-right": v(() => [m(e.$slots, "toolbar-right")]),
+			_: 2
+		}, [p(S.buttonSlots, (t) => ({
+			name: t,
+			fn: v(() => [m(e.$slots, t)])
+		}))]), 1040),
+		o("div", w, [o("div", T, [
+			i("侧栏"),
+			y.leftSide ? (f(), a("div", E, [m(e.$slots, "left")], 512)) : i("v-if", !0),
+			i("内容"),
+			o("div", D, [m(e.$slots, "default", { tab: x.tab })])
+		])])
+	])], 2);
+}
+var k = /* @__PURE__ */ e(S, [["render", O]]);
+//#endregion
+export { k as default };

package/tag-render/index.mjs

@@ -1,68 +1,80 @@
-import { hasOwn as r } from "@web-utils/core";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "TagRender",
-  inject: {
-    elFormItem: {
-      default: {}
-    }
-  },
-  props: {
-    enable: {
-      type: Boolean,
-      default: !0
-    },
-    count: {
-      type: Boolean,
-      default: !0
-    },
-    tags: {
-      type: Array,
-      default: () => []
-    },
-    transfer: {
-      type: Function,
-      default: null
-    }
-  },
-  computed: {
-    internalTags() {
-      return this.transfer ? this.tags.map((t) => {
-        const e = { ...t };
-        return this.transfer(e);
-      }) : this.tags;
-    }
-  },
-  watch: {
-    tags(t) {
-      var e, a;
-      this.elFormItem && t && t.length > 0 && ((a = (e = this.elFormItem).clearValidate) == null || a.call(e));
-    }
-  },
-  methods: {
-    getTagName(t) {
-      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
-    }
-  }
-};
-var o = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "tag-render" }, [e.tags && e.tags.length && e.tags[0] ? e._l(e.internalTags, function(s, n) {
-    return a("ElTag", { key: n, attrs: { closable: e.enable, size: "medium", "disable-transitions": "" }, on: { close: function(m) {
-      return e.$emit("close", e.tags[n], n);
-    } } }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
-  }) : e.enable ? e._e() : [a("span", { staticStyle: { "margin-left": "4px", color: "#b5b5b5", "line-height": "16px" } }, [e._v("无")])], e.enable ? a("ElButton", { staticClass: "add-tag", attrs: { size: "mini" }, on: { click: function(s) {
-    return e.$emit("add");
-  } } }, [e._v("+ 添加")]) : e._e(), e.count ? a("span", { staticClass: "tags-count" }, [e._v(e._s(e.tags.length && e.tags[0] ? e.tags.length : ""))]) : e._e()], 2);
-}, c = [], u = /* @__PURE__ */ l(
-  i,
-  o,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = u.exports;
-export {
-  _ as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, withCtx as u } from "vue";
+import { hasOwn as d } from "@web-utils/core";
+//#region src/components/TagRender.vue
+var f = {
+	name: "TagRender",
+	inject: { elFormItem: { default: {} } },
+	props: {
+		enable: {
+			type: Boolean,
+			default: !0
+		},
+		count: {
+			type: Boolean,
+			default: !0
+		},
+		tags: {
+			type: Array,
+			default: () => []
+		},
+		transfer: {
+			type: Function,
+			default: null
+		}
+	},
+	emits: ["close", "add"],
+	computed: { internalTags() {
+		return this.transfer ? this.tags.map((e) => {
+			let t = { ...e };
+			return this.transfer(t);
+		}) : this.tags;
+	} },
+	watch: { tags(e) {
+		if (this.elFormItem && e && e.length > 0) {
+			var t, n;
+			(t = (n = this.elFormItem).clearValidate) == null || t.call(n);
+		}
+	} },
+	methods: { getTagName(e) {
+		return d(e, "name") ? e.name : d(e, "label") ? e.label : e;
+	} }
+}, p = { class: "tag-render" }, m = {
+	key: 1,
+	style: {
+		"margin-left": "4px",
+		color: "#b5b5b5",
+		"line-height": "16px"
+	}
+}, h = {
+	key: 3,
+	class: "tags-count"
 };
+function g(e, d, f, g, _, v) {
+	let y = c("ElTag"), b = c("ElButton");
+	return o(), i("div", p, [
+		f.tags && f.tags.length && f.tags[0] ? (o(!0), i(t, { key: 0 }, s(v.internalTags, (t, r) => (o(), n(y, {
+			key: r,
+			closable: f.enable,
+			size: "medium",
+			"disable-transitions": "",
+			onClose: (t) => e.$emit("close", f.tags[r], r)
+		}, {
+			default: u(() => [a(l(v.getTagName(t)), 1)]),
+			_: 2
+		}, 1032, ["closable", "onClose"]))), 128)) : f.enable ? r("v-if", !0) : (o(), i("span", m, "无")),
+		f.enable ? (o(), n(b, {
+			key: 2,
+			class: "add-tag",
+			size: "mini",
+			onClick: d[0] || (d[0] = (t) => e.$emit("add"))
+		}, {
+			default: u(() => [...d[1] || (d[1] = [a("+ 添加", -1)])]),
+			_: 1
+		})) : r("v-if", !0),
+		f.count ? (o(), i("span", h, l(f.tags.length && f.tags[0] ? f.tags.length : ""), 1)) : r("v-if", !0)
+	]);
+}
+var _ = /* @__PURE__ */ e(f, [["render", g]]);
+//#endregion
+export { _ as default };

package/text-ellipsis/index.mjs

@@ -1,78 +1,95 @@
-import { s as l } from "../chunks/util.DqFv_pWg.mjs";
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const h = {
-  name: "TextEllipsis",
-  props: {
-    text: String,
-    height: Number,
-    width: Number,
-    isLimitHeight: {
-      type: Boolean,
-      default: !0
-    },
-    useTooltip: {
-      type: Boolean,
-      default: !1
-    },
-    placement: String
-  },
-  data() {
-    return {
-      keyIndex: 0,
-      oversize: !1,
-      isHide: !1
-    };
-  },
-  watch: {
-    isLimitHeight() {
-      this.init();
-    },
-    text() {
-      this.init();
-    },
-    height() {
-      this.init();
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    setPx: l,
-    init() {
-      this.oversize = !1, this.keyIndex += 1;
-      const i = this.$refs.more;
-      i.style.display = "none", this.isLimitHeight && this.limitShow();
-    },
-    limitShow() {
-      this.$nextTick(() => {
-        const i = this.$refs.text, t = this.$el, e = this.$refs.more;
-        let n = 1e3;
-        if (i)
-          if (t.offsetHeight > this.height) {
-            e.style.display = "inline-block";
-            let s = this.text;
-            for (; t.offsetHeight > this.height && n > 0; )
-              t.offsetHeight > this.height * 3 ? i.innerText = s = s.substring(0, Math.floor(s.length / 2)) : i.innerText = s = s.substring(0, s.length - 1), n--;
-            this.$emit("hide"), this.isHide = !0;
-          } else
-            this.$emit("show"), this.isHide = !1;
-      });
-    }
-  }
-};
-var r = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "avue-text-ellipsis", style: { width: t.setPx(t.width, "100%") } }, [t._t("before"), e("ElTooltip", { attrs: { content: t.text, disabled: !(t.useTooltip && t.isHide), placement: t.placement } }, [e("span", [e("span", { key: t.keyIndex, ref: "text", staticClass: "avue-text-ellipsis__text" }, [t._v(t._s(t.text))])])]), e("span", { ref: "more", staticClass: "avue-text-ellipsis__more" }, [t._t("more")], 2), t._t("after")], 2);
-}, a = [], f = /* @__PURE__ */ o(
-  h,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const d = f.exports;
-export {
-  d as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { x as t } from "../chunks/util.g-WQEec9.mjs";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveComponent as c, toDisplayString as l, vShow as u, withCtx as d, withDirectives as f } from "vue";
+//#region src/components/text-ellipsis/TextEllipsis.vue
+var p = {
+	name: "TextEllipsis",
+	props: {
+		text: String,
+		height: Number,
+		width: Number,
+		isLimitHeight: {
+			type: Boolean,
+			default: !0
+		},
+		useTooltip: {
+			type: Boolean,
+			default: !1
+		},
+		placement: String
+	},
+	emits: ["show", "hide"],
+	data() {
+		return {
+			keyIndex: 0,
+			oversize: !1,
+			isHide: !1
+		};
+	},
+	watch: {
+		isLimitHeight() {
+			this.init();
+		},
+		text() {
+			this.init();
+		},
+		height() {
+			this.init();
+		}
+	},
+	mounted() {
+		this.init();
+	},
+	methods: {
+		setPx: t,
+		init() {
+			this.oversize = !1, this.keyIndex += 1;
+			let e = this.$refs.more;
+			e.style.display = "none", this.isLimitHeight && this.limitShow();
+		},
+		limitShow() {
+			this.$nextTick(() => {
+				let e = this.$refs.text, t = this.$el, n = this.$refs.more, r = 1e3;
+				if (e) if (t.offsetHeight > this.height) {
+					n.style.display = "inline-block";
+					let i = this.text;
+					for (; t.offsetHeight > this.height && r > 0;) t.offsetHeight > this.height * 3 ? e.innerText = i = i.substring(0, Math.floor(i.length / 2)) : e.innerText = i = i.substring(0, i.length - 1), r--;
+					this.$emit("hide"), this.isHide = !0;
+				} else this.$emit("show"), this.isHide = !1;
+			});
+		}
+	}
+}, m = {
+	ref: "more",
+	class: "avue-text-ellipsis__more"
 };
+function h(e, t, p, h, g, _) {
+	let v = c("ElTooltip");
+	return o(), n("div", {
+		class: "avue-text-ellipsis",
+		style: a({ width: _.setPx(p.width, "100%") })
+	}, [
+		s(e.$slots, "before", { class: "avue-text-ellipsis__before" }),
+		i(v, {
+			content: p.text,
+			disabled: !(p.useTooltip && g.isHide),
+			placement: p.placement
+		}, {
+			default: d(() => [r("span", null, [(o(), n("span", {
+				ref: "text",
+				key: g.keyIndex,
+				class: "avue-text-ellipsis__text"
+			}, l(p.text), 1))])]),
+			_: 1
+		}, 8, [
+			"content",
+			"disabled",
+			"placement"
+		]),
+		r("span", m, [f(r("span", null, [s(e.$slots, "more")], 512), [[u, g.oversize]])], 512),
+		s(e.$slots, "after", { class: "avue-text-ellipsis__after" })
+	], 4);
+}
+var g = /* @__PURE__ */ e(p, [["render", h]]);
+//#endregion
+export { g as default };