@web-utils/component 4.0.15 → 5.0.0-beta01

package/tag-render/index.mjs

@@ -1,70 +1,80 @@
-import l from "element-ui/lib/button";
-import o from "element-ui/lib/tag";
-import { hasOwn as r } from "@web-utils/core";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const m = {
-  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, n;
-      this.elFormItem && t && t.length > 0 && ((n = (e = this.elFormItem).clearValidate) == null || n.call(e));
-    }
-  },
-  methods: {
-    getTagName(t) {
-      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
-    }
-  }
-};
-var c = function() {
-  var e = this, n = e._self._c;
-  return n("div", { staticClass: "tag-render" }, [e.tags && e.tags.length && e.tags[0] ? e._l(e.internalTags, function(s, a) {
-    return n(o, { key: a, attrs: { closable: e.enable, size: "medium", "disable-transitions": "" }, on: { close: function(f) {
-      return e.$emit("close", e.tags[a], a);
-    } } }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
-  }) : e.enable ? e._e() : [n("span", { staticStyle: { "margin-left": "4px", color: "#b5b5b5", "line-height": "16px" } }, [e._v("无")])], e.enable ? n(l, { staticClass: "add-tag", attrs: { size: "mini" }, on: { click: function(s) {
-    return e.$emit("add");
-  } } }, [e._v("+ 添加")]) : e._e(), e.count ? n("span", { staticClass: "tags-count" }, [e._v(e._s(e.tags.length && e.tags[0] ? e.tags.length : ""))]) : e._e()], 2);
-}, u = [], _ = /* @__PURE__ */ i(
-  m,
-  c,
-  u,
-  !1,
-  null,
-  null
-);
-const v = _.exports;
-export {
-  v 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,79 +1,95 @@
-import l from "element-ui/lib/tooltip";
-import { s as o } from "../chunks/util.DI42t5GU.mjs";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  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: o,
-    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 a = 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(l, { 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);
-}, f = [], m = /* @__PURE__ */ h(
-  r,
-  a,
-  f,
-  !1,
-  null,
-  null
-);
-const d = m.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 };

package/toolbar/index.mjs

@@ -1,255 +1,2 @@
-import m from "../toolbar-button/index.mjs";
-import { h as p } from "vue";
-import { copy as d, NOOP as y } from "@web-utils/core";
-import { hasAuthority as g, goBack as B } from "../configComponents.mjs";
-import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = {
-  back: {
-    label: "返回",
-    type: "primary",
-    icon: "el-icon-arrow-left"
-  },
-  cancel: {
-    label: "取消",
-    icon: "el-icon-close"
-  },
-  create: {
-    label: "新增",
-    type: "primary",
-    icon: "el-icon-plus"
-  },
-  save: {
-    label: "保存",
-    type: "primary",
-    icon: "el-icon-takeaway-box",
-    loadable: !0
-  },
-  withdraw: {
-    label: "提取",
-    type: "primary",
-    icon: "el-icon-refresh-left"
-  },
-  edit: {
-    label: "编辑",
-    type: "primary",
-    icon: "el-icon-edit-outline"
-  },
-  submit: {
-    label: "审批办理",
-    type: "primary",
-    icon: "el-icon-s-promotion"
-  },
-  publish: {
-    label: "发布",
-    type: "primary",
-    icon: "el-icon-s-promotion"
-  },
-  agree: {
-    label: "同意",
-    type: "primary",
-    icon: "el-icon-check"
-  },
-  disagree: {
-    label: "不同意",
-    type: "primary",
-    icon: "el-icon-close"
-  },
-  reject: {
-    label: "退回",
-    type: "primary",
-    icon: "el-icon-s-release"
-  },
-  finish: {
-    label: "完成",
-    type: "primary",
-    icon: "el-icon-circle-check"
-  },
-  enable: {
-    label: "启用",
-    type: "primary",
-    icon: "el-icon-circle-check"
-  },
-  exp: {
-    label: "导出",
-    type: "primary",
-    icon: "el-icon-download"
-  },
-  imp: {
-    label: "导入",
-    type: "primary",
-    icon: "el-icon-upload"
-  },
-  del: {
-    label: "删除",
-    type: "primary",
-    icon: "el-icon-delete"
-  },
-  print: {
-    label: "打印",
-    type: "primary",
-    icon: "el-icon-printer"
-  },
-  disabled: {
-    label: "禁用",
-    type: "primary",
-    icon: "el-icon-remove-outline"
-  },
-  reload: {
-    label: "刷新",
-    icon: "el-icon-refresh",
-    separateLine: !1,
-    circle: !0
-  },
-  settings: {
-    label: "设置",
-    icon: "el-icon-s-operation",
-    separateLine: !1,
-    circle: !0
-  },
-  search: {
-    label: "搜索",
-    icon: "el-icon-search",
-    separateLine: !1,
-    circle: !0
-  }
-}, S = {
-  name: "Toolbar",
-  provide() {
-    return {
-      toolbar: this
-    };
-  },
-  props: {
-    searchable: Boolean,
-    refreshable: Boolean,
-    buttons: {
-      type: Array,
-      default: () => ["back"]
-    },
-    back: Function,
-    cancel: Function,
-    emitter: {
-      type: String,
-      default: "self"
-    },
-    footer: Boolean,
-    label: Object
-  },
-  methods: {
-    goBack() {
-      const e = this.$route.path;
-      B(e);
-    },
-    createButton(e, {
-      label: h,
-      icon: i,
-      type: n,
-      separateLine: a = !0,
-      loadable: t,
-      circle: o,
-      onClick: s,
-      title: r
-    }) {
-      var b;
-      let l;
-      const c = ((b = this.label) == null ? void 0 : b[e]) || h;
-      return s ? l = s : ["back", "cancel"].includes(e) ? l = this.goBack : l = (f) => (this.$listeners[e] || y)(f), p(m, {
-        attrs: {
-          "separate-line": a,
-          icon: i,
-          title: r,
-          label: c,
-          loadable: t,
-          circle: o,
-          footer: this.footer,
-          type: n
-        },
-        on: {
-          click: l
-        }
-      });
-    },
-    getLeftButtons() {
-      var n, a;
-      const {
-        createButton: e
-      } = this, i = ((a = (n = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : a.call(n)) || this.buttons.flatMap((t) => {
-        var s, r, l, c;
-        const o = u[t];
-        return o ? ((r = (s = this.$scopedSlots)[t]) == null ? void 0 : r.call(s)) || e(t, o) : t === "slot" ? ((c = (l = this.$scopedSlots).default) == null ? void 0 : c.call(l, {
-          buttons: this.buttons,
-          footer: this.footer
-        })) ?? null : null;
-      });
-      return i == null ? void 0 : i.filter((t) => {
-        var o;
-        return (o = t == null ? void 0 : t.componentOptions) != null && o.propsData.privilege ? g(t.componentOptions.propsData.privilege) : !0;
-      });
-    },
-    getRightButtons() {
-      var n, a, t, o;
-      const e = (a = (n = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : a.call(n), i = [...((o = (t = this.$scopedSlots)["toolbar-right-button"]) == null ? void 0 : o.call(t)) || [], this.getRefreshButton(), this.getSettingsButton(), this.getSearchButton()];
-      if (process.env.NODE_ENV === "development" && this.$parent.toggleSearch) {
-        const {
-          createButton: s
-        } = this;
-        i.push(s("copyColumnWidth", {
-          label: "复制列宽",
-          title: "复制列宽",
-          icon: "el-icon-document-copy",
-          separateLine: !1,
-          circle: !0,
-          onClick: () => {
-            let r = Array.from(this.$el.parentNode.querySelectorAll(".el-table__header > colgroup > col"));
-            r = r.filter((l, c) => c > 1 && c < r.length - 1).map((l) => `width="${l.getAttribute("width")}"`).join(`
-`), d(r, () => {
-              this.$message.success("复制成功");
-            });
-          }
-        }));
-      }
-      return e || i;
-    },
-    getSearchButton() {
-      const {
-        createButton: e
-      } = this;
-      return this.searchable ? e("search", u.search) : null;
-    },
-    getRefreshButton() {
-      const {
-        createButton: e
-      } = this;
-      return this.refreshable ? e("reload", u.reload) : null;
-    },
-    getSettingsButton() {
-      const {
-        createButton: e
-      } = this;
-      return this.refreshable ? e("settings", u.settings) : null;
-    }
-  },
-  render() {
-    return this.footer ? p("div", {
-      class: "footer-bar"
-    }, [this.getLeftButtons()]) : p("div", {
-      class: "toolbar"
-    }, [p("div", {
-      class: "toolbar-left"
-    }, [this.getLeftButtons()]), p("div", {
-      class: "toolbar-right"
-    }, [this.getRightButtons()])]);
-  }
-}, $ = null, v = null;
-var L = /* @__PURE__ */ _(
-  S,
-  $,
-  v,
-  !1,
-  null,
-  null
-);
-const j = L.exports;
-export {
-  j as default
-};
+import { t as e } from "../chunks/Toolbar.DHuXJAoG.mjs";
+export { e as default };