@web-utils/component 4.0.15 → 5.0.0-beta01

package/skeleton/index.mjs

@@ -1,54 +1,51 @@
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = "avue-skeleton", r = {
-  name: "Skeleton",
-  props: {
-    loading: {
-      type: Boolean,
-      default: !0
-    },
-    avatar: Boolean,
-    active: {
-      type: Boolean,
-      default: !0
-    },
-    block: Boolean,
-    number: {
-      type: Number,
-      default: 1
-    },
-    rows: {
-      type: Number,
-      default: 3
-    }
-  },
-  computed: {
-    styleName() {
-      return this.block ? {
-        width: "100%"
-      } : {};
-    },
-    className() {
-      const { active: a } = this;
-      return { [`${o}__loading`]: a };
-    }
-  }
-};
-var i = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "avue-skeleton" }, [e.loading ? e._l(e.number, function(u, s) {
-    return t("div", { key: s, staticClass: "avue-skeleton__item" }, [t("div", { staticClass: "avue-skeleton__header" }, [e.avatar ? t("span", { staticClass: "avue-skeleton__vatar'),className]" }) : e._e()]), t("div", { staticClass: "avue-skeleton__content" }, [t("h3", { class: ["avue-skeleton__title", e.className] }), t("div", { staticClass: "avue-skeleton__list" }, e._l(e.rows, function(v, l) {
-      return t("p", { key: l, class: ["avue-skeleton__li", e.className], style: e.styleName });
-    }), 0)])]);
-  }) : t("div", [e._t("default")], 2)], 2);
-}, _ = [], c = /* @__PURE__ */ n(
-  r,
-  i,
-  _,
-  !1,
-  null,
-  null
-);
-const d = c.exports;
-export {
-  d 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, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, renderSlot as l } from "vue";
+//#region src/components/skeleton/Skeleton.vue
+var u = "avue-skeleton", d = {
+	name: "Skeleton",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		avatar: Boolean,
+		active: {
+			type: Boolean,
+			default: !0
+		},
+		block: Boolean,
+		number: {
+			type: Number,
+			default: 1
+		},
+		rows: {
+			type: Number,
+			default: 3
+		}
+	},
+	computed: {
+		styleName() {
+			return this.block ? { width: "100%" } : {};
+		},
+		className() {
+			let { active: e } = this;
+			return { [`${u}__loading`]: e };
+		}
+	}
+}, f = { class: "avue-skeleton" }, p = { class: "avue-skeleton__header" }, m = {
+	key: 0,
+	class: "avue-skeleton__vatar'),className]"
+}, h = { class: "avue-skeleton__content" }, g = { class: "avue-skeleton__list" }, _ = { key: 1 };
+function v(e, u, d, v, y, b) {
+	return s(), r("div", f, [d.loading ? (s(!0), r(t, { key: 0 }, c(d.number, (e, l) => (s(), r("div", {
+		key: l,
+		class: "avue-skeleton__item"
+	}, [i("div", p, [d.avatar ? (s(), r("span", m)) : n("v-if", !0)]), i("div", h, [i("h3", { class: a(["avue-skeleton__title", b.className]) }, null, 2), i("div", g, [(s(!0), r(t, null, c(d.rows, (e, t) => (s(), r("p", {
+		key: t,
+		class: a(["avue-skeleton__li", b.className]),
+		style: o(b.styleName)
+	}, null, 6))), 128))])])]))), 128)) : (s(), r("div", _, [l(e.$slots, "default")]))]);
+}
+var y = /* @__PURE__ */ e(d, [["render", v]]);
+//#endregion
+export { y as default };

package/skeleton-panel/index.mjs

@@ -1,39 +1,34 @@
-import o from "element-ui/lib/tabs";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "SkeletonPanel"
-}, r = /* @__PURE__ */ Object.assign(s, {
-  props: {
-    flexColumn: Boolean,
-    flexRow: Boolean,
-    hideLeft: Boolean,
-    useTab: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(n) {
-    return { __sfc: !0 };
-  }
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveComponent as c, withCtx as l } from "vue";
+//#region src/components/SkeletonPanel.vue
+var u = { class: "skeleton-panel" }, d = {
+	key: 0,
+	class: "skeleton-panel-left"
+}, f = /* @__PURE__ */ Object.assign({ name: "SkeletonPanel" }, {
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		hideLeft: Boolean,
+		useTab: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(f) {
+		return (p, m) => {
+			let h = c("ElTabs");
+			return o(), n("div", u, [f.hideLeft ? t("v-if", !0) : (o(), n("div", d, [f.useTab ? (o(), e(h, {
+				key: 0,
+				"tab-position": "top",
+				stretch: ""
+			}, {
+				default: l(() => [s(p.$slots, "left", {}, () => [m[0] || (m[0] = i("请添加内容", -1))])]),
+				_: 3
+			})) : s(p.$slots, "left", { key: 1 }, () => [m[1] || (m[1] = i("请添加内容", -1))])])), r("div", { class: a(["skeleton-panel-right", {
+				"flex-column": f.flexColumn,
+				"flex-row": f.flexRow
+			}]) }, [s(p.$slots, "default", {}, () => [m[2] || (m[2] = i("请添加内容", -1))])], 2)]);
+		};
+	}
 });
-var _ = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { staticClass: "skeleton-panel" }, [e.hideLeft ? e._e() : t("div", { staticClass: "skeleton-panel-left" }, [e.useTab ? t(o, { attrs: { "tab-position": "top", stretch: "" } }, [e._t("left", function() {
-    return [e._v("请添加内容")];
-  })], 2) : e._t("left", function() {
-    return [e._v("请添加内容")];
-  })], 2), t("div", { class: ["skeleton-panel-right", { "flex-column": e.flexColumn, "flex-row": e.flexRow }] }, [e._t("default", function() {
-    return [e._v("请添加内容")];
-  })], 2)]);
-}, a = [], f = /* @__PURE__ */ l(
-  r,
-  _,
-  a,
-  !1,
-  null,
-  null
-);
-const i = f.exports;
-export {
-  i as default
-};
+//#endregion
+export { f as default };

package/split-pane/index.mjs

@@ -1,197 +1,3 @@
-import l from "../resize-observer/index.mjs";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import "../resize-observer/style.css";
-const p = {
-  name: "Trigger",
-  props: {
-    mode: String,
-    showIcon: Boolean,
-    line: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      prefix: "egd-split-trigger"
-    };
-  },
-  computed: {
-    isVertical() {
-      return this.mode === "vertical";
-    },
-    classes() {
-      return [
-        this.prefix,
-        this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
-        this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
-      ];
-    },
-    barConClasses() {
-      return [`${this.prefix}-bar-con`, this.isVertical ? "vertical" : "horizontal"];
-    }
-  }
-};
-var u = function() {
-  var t = this, s = t._self._c;
-  return s("div", { class: t.classes }, [t.showIcon ? s("div", { class: t.barConClasses }, t._m(0), 0) : t._e()]);
-}, c = [function() {
-  var e = this, t = e._self._c;
-  return e._l(8, function(s) {
-    return t("i", { key: `trigger-${s}`, class: `${e.prefix}-bar` });
-  });
-}], d = /* @__PURE__ */ h(
-  p,
-  u,
-  c,
-  !1,
-  null,
-  null
-);
-const r = d.exports;
-function g(e, t) {
-  for (let s = 0; s < t.length; s++)
-    if (e === t[s])
-      return !0;
-  return !1;
-}
-const a = (function() {
-  return document.addEventListener ? function(e, t, s) {
-    e && t && s && e.addEventListener(t, s, !1);
-  } : function(e, t, s) {
-    e && t && s && e.attachEvent(`on${t}`, s);
-  };
-})(), f = (function() {
-  return document.removeEventListener ? function(e, t, s) {
-    e && t && e.removeEventListener(t, s, !1);
-  } : function(e, t, s) {
-    e && t && e.detachEvent(`on${t}`, s);
-  };
-})(), m = {
-  name: "SplitPane",
-  components: {
-    Trigger: r,
-    ResizeObserver: l
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: 0.5
-    },
-    mode: {
-      validator(e) {
-        return g(e, ["horizontal", "vertical"]);
-      },
-      default: "horizontal"
-    },
-    hideLeft: Boolean,
-    triggerSize: {
-      type: Number,
-      default: 6
-    },
-    min: {
-      type: [Number, String],
-      default: "40px"
-    },
-    max: {
-      type: [Number, String],
-      default: "40px"
-    }
-  },
-  /**
-   * Events
-   * @on-move-start
-   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
-   * @on-move-end
-   */
-  data() {
-    return {
-      prefix: "egd-split",
-      offset: 0,
-      oldOffset: 0,
-      isMoving: !1
-    };
-  },
-  computed: {
-    wrapperClasses() {
-      return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
-    },
-    isHorizontal() {
-      return this.mode === "horizontal";
-    },
-    anotherOffset() {
-      return 100 - this.offset;
-    },
-    valueIsPx() {
-      return typeof this.value == "string";
-    },
-    offsetSize() {
-      return this.isHorizontal ? "offsetWidth" : "offsetHeight";
-    },
-    computedMin() {
-      return this.getComputedThresholdValue("min");
-    },
-    computedMax() {
-      return this.getComputedThresholdValue("max");
-    }
-  },
-  watch: {
-    value: "resetOffset"
-  },
-  async mounted() {
-    await this.$nextTick(), this.resetOffset();
-  },
-  methods: {
-    resetOffset() {
-      this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 1e4 / 100;
-    },
-    px2percent(e, t) {
-      return parseFloat(e) / parseFloat(t);
-    },
-    getComputedThresholdValue(e) {
-      const t = this.$refs.outerWrapper[this.offsetSize];
-      return this.valueIsPx ? typeof this[e] == "string" ? this[e] : t * this[e] : typeof this[e] == "string" ? this.px2percent(this[e], t) : this[e];
-    },
-    getMin(e, t) {
-      return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(e, t);
-    },
-    getMax(e, t) {
-      return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
-    },
-    getAnotherOffset(e) {
-      let t = 0;
-      return this.valueIsPx ? t = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : t = 1 - e, t;
-    },
-    handleMove(e) {
-      const s = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
-      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
-      const n = this.getAnotherOffset(i);
-      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", e);
-    },
-    handleUp() {
-      this.isMoving = !1, f(window, "mousemove", this.handleMove), f(window, "mouseup", this.handleUp), this.$emit("on-move-end");
-    },
-    handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, a(window, "mousemove", this.handleMove), a(window, "mouseup", this.handleUp), this.$emit("on-move-start");
-    }
-  }
-};
-var x = function() {
-  var t = this, s = t._self._c;
-  return s("div", { ref: "outerWrapper", class: t.wrapperClasses }, [t.isHorizontal ? s("div", { class: `${t.prefix}-horizontal` }, [t.hideLeft ? s("div", { class: [`${t.prefix}-pane`, "right-pane"], staticStyle: { left: "0" } }, [t._t("right")], 2) : [s("div", { class: [`${t.prefix}-pane`, "left-pane"], style: { right: `${t.anotherOffset}%` } }, [t._t("left")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, width: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
-    return [s(r, { attrs: { mode: "vertical" } })];
-  })], 2), s("div", { class: [`${t.prefix}-pane`, "right-pane"], style: { left: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("right")], 2)]], 2) : s("div", { class: `${t.prefix}-vertical` }, [s("div", { class: [`${t.prefix}-pane`, "top-pane"], style: { bottom: `${t.anotherOffset}%` } }, [t._t("top")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, height: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
-    return [s(r, { attrs: { mode: "horizontal" } })];
-  })], 2), s("div", { class: [`${t.prefix}-pane`, "bottom-pane"], style: { top: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("bottom")], 2)]), s(l, { on: { notify: t.resetOffset } })], 1);
-}, v = [], $ = /* @__PURE__ */ h(
-  m,
-  x,
-  v,
-  !1,
-  null,
-  null
-);
-const O = $.exports;
-export {
-  O as default
-};
+import "../resize-observer/index.mjs";
+import { t as e } from "../chunks/SplitPane.Dw96M0Yf.mjs";
+export { e as default };

package/stateful/index.mjs

@@ -1,74 +1,70 @@
-import { n as A } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const g = {
-  name: "Stateful",
-  functional: !0,
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    draft: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    doing: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    overdue: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    error: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    done: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    closed: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    type: {
-      type: String,
-      validator: (e) => ["doing", "overdue", "error", "done", "closed"].indexOf(e) > -1
-    },
-    status: {
-      type: [String, Number]
-    },
-    size: {
-      type: String
-    }
-  },
-  render(e, { props: i, data: u, children: y }) {
-    const { draft: t, doing: a, overdue: n, error: o, done: s, closed: l, status: r, tag: c, size: d, type: f } = i, p = {
-      draft: Array.isArray(t) ? t.includes(r) : t,
-      doing: Array.isArray(a) ? a.includes(r) : a,
-      overdue: Array.isArray(n) ? n.includes(r) : n,
-      error: Array.isArray(o) ? o.includes(r) : o,
-      done: Array.isArray(s) ? s.includes(r) : s,
-      closed: Array.isArray(l) ? l.includes(r) : l
-    };
-    return e(c, u, [
-      e("span", {
-        style: { width: d, height: d },
-        class: ["stateful", f, p]
-      }),
-      y
-    ]);
-  }
-}, _ = null, m = null;
-var v = /* @__PURE__ */ A(
-  g,
-  _,
-  m,
-  !1,
-  null,
-  null
-);
-const S = v.exports;
-export {
-  S as default
+//#region src/components/Stateful.vue
+var e = {
+	name: "Stateful",
+	functional: !0,
+	props: {
+		tag: {
+			type: String,
+			default: "div"
+		},
+		draft: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		doing: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		overdue: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		error: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		done: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		closed: {
+			type: [Array, Boolean],
+			default: () => []
+		},
+		type: {
+			type: String,
+			validator: (e) => [
+				"doing",
+				"overdue",
+				"error",
+				"done",
+				"closed"
+			].indexOf(e) > -1
+		},
+		status: { type: [String, Number] },
+		size: { type: String }
+	},
+	render(e, { props: t, data: n, children: r }) {
+		let { draft: i, doing: a, overdue: o, error: s, done: c, closed: l, status: u, tag: d, size: f, type: p } = t, m = {
+			draft: Array.isArray(i) ? i.includes(u) : i,
+			doing: Array.isArray(a) ? a.includes(u) : a,
+			overdue: Array.isArray(o) ? o.includes(u) : o,
+			error: Array.isArray(s) ? s.includes(u) : s,
+			done: Array.isArray(c) ? c.includes(u) : c,
+			closed: Array.isArray(l) ? l.includes(u) : l
+		};
+		return e(d, n, [e("span", {
+			style: {
+				width: f,
+				height: f
+			},
+			class: [
+				"stateful",
+				p,
+				m
+			]
+		}), r]);
+	}
 };
+//#endregion
+export { e as default };

package/static-pageable-table/index.mjs

@@ -1,66 +1,72 @@
-import r from "element-ui/lib/pagination";
-import s from "element-ui/lib/table";
-import { chunk as o } from "@web-utils/integrations/lodash";
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "StaticPageableTable",
-  props: {
-    rows: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      page: {
-        total: 0,
-        page: 1,
-        limit: 25
-      },
-      records: []
-    };
-  },
-  computed: {
-    observer() {
-      return {
-        page: this.page.page,
-        rows: this.rows
-      };
-    }
-  },
-  watch: {
-    rows() {
-      this.page.page = 1;
-    },
-    observer: {
-      immediate: !0,
-      handler() {
-        this.page.total = this.rows.length, this.fetchData();
-      }
-    }
-  },
-  methods: {
-    fetchData() {
-      this.records = o(this.rows, this.page.limit)[this.page.page - 1];
-    }
-  }
-};
-var p = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "static-pageable-table" }, [t(s, e._g(e._b({ attrs: { size: "mini", data: e.records } }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
-    return [e._v("请添加表格列")];
-  })], 2), t(r, { attrs: { "current-page": e.page.page, "hide-on-single-page": !0, "page-size": e.page.limit, total: e.page.total, background: "", layout: "total, prev, pager, next" }, on: { "current-change": (a) => {
-    e.page.page = a;
-  } } })], 1);
-}, l = [], g = /* @__PURE__ */ n(
-  i,
-  p,
-  l,
-  !1,
-  null,
-  null
-);
-const d = g.exports;
-export {
-  d as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, mergeProps as a, openBlock as o, renderSlot as s, resolveComponent as c, toHandlers as l, withCtx as u } from "vue";
+import { chunk as d } from "@web-utils/integrations/lodash";
+//#region src/components/StaticPageableTable.vue
+var f = {
+	name: "StaticPageableTable",
+	props: { rows: {
+		type: Array,
+		default: () => []
+	} },
+	data() {
+		return {
+			page: {
+				total: 0,
+				page: 1,
+				limit: 25
+			},
+			records: []
+		};
+	},
+	computed: { observer() {
+		return {
+			page: this.page.page,
+			rows: this.rows
+		};
+	} },
+	watch: {
+		rows() {
+			this.page.page = 1;
+		},
+		observer: {
+			immediate: !0,
+			handler() {
+				this.page.total = this.rows.length, this.fetchData();
+			}
+		}
+	},
+	methods: { fetchData() {
+		this.records = d(this.rows, this.page.limit)[this.page.page - 1];
+	} }
+}, p = { class: "static-pageable-table" };
+function m(e, d, f, m, h, g) {
+	let _ = c("ElTable"), v = c("ElPagination");
+	return o(), n("div", p, [
+		t("   height=\"auto\"  "),
+		i(_, a({
+			size: "mini",
+			data: h.records
+		}, e.$attrs, l(e.$listeners)), {
+			default: u(() => [s(e.$slots, "default", {}, () => [d[1] || (d[1] = r("请添加表格列", -1))])]),
+			_: 3
+		}, 16, ["data"]),
+		i(v, {
+			"current-page": h.page.page,
+			"hide-on-single-page": !0,
+			"page-size": h.page.limit,
+			total: h.page.total,
+			background: "",
+			layout: "total, prev, pager, next",
+			onCurrentChange: d[0] || (d[0] = (e) => {
+				h.page.page = e;
+			})
+		}, null, 8, [
+			"current-page",
+			"page-size",
+			"total"
+		])
+	]);
+}
+var h = /* @__PURE__ */ e(f, [["render", m]]);
+//#endregion
+export { h as default };