@web-utils/component 4.0.16 → 5.0.0-beta02

package/data-table-picker/index.mjs

@@ -1,72 +1,120 @@
-import { f as i } from "../chunks/index.B2TRddqf.mjs";
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = {
-  name: "DataTablePicker",
-  props: {
-    visible: Boolean,
-    api: Function,
-    columns: Array,
-    title: String,
-    width: {
-      type: String,
-      default: "60vw"
-    },
-    height: {
-      type: String,
-      default: null
-    },
-    model: {
-      type: Object,
-      default: () => {
-      }
-    },
-    multiple: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      selectedRows: [],
-      currentRow: null
-    };
-  },
-  methods: {
-    filterTableColumnProperties: i,
-    selectionChange(t) {
-      this.selectedRows = t;
-    },
-    currentChange(t) {
-      this.currentRow = t;
-    },
-    toggleRowSelection(t) {
-      this.$refs.pageableTable.$refs.table.toggleRowSelection(t);
-    },
-    close() {
-      this.$refs.dialog.hide();
-    },
-    confirm() {
-      var t;
-      this.multiple ? (t = this.selectedRows) != null && t.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
-    }
-  }
-};
-var r = function() {
-  var e = this, l = e._self._c;
-  return l("ElementDialog", { ref: "dialog", attrs: { visible: e.visible, title: e.title, width: e.width, height: e.height, embed: "", "flex-column": "" }, on: { close: e.close }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("search-form"), l("PageableTable", { ref: "pageableTable", staticStyle: { height: "60vh" }, attrs: { "highlight-current-row": "", "hide-on-single-page": "", model: e.model, columns: e.columns, api: e.api, "row-class-name": "pointer", multiple: e.multiple }, on: { "selection-change": e.selectionChange, "row-click": e.toggleRowSelection, "current-change": e.currentChange } }, [e._t("default")], 2)];
-  }, proxy: !0 }, { key: "footer", fn: function() {
-    return [l("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.confirm } }, [e._v(" 确 定 ")]), l("ElButton", { attrs: { size: "mini" }, on: { click: e.close } }, [e._v(" 关 闭 ")])];
-  }, proxy: !0 }], null, !0) });
-}, s = [], a = /* @__PURE__ */ n(
-  o,
-  r,
-  s,
-  !1,
-  null,
-  null
-);
-const h = a.exports;
-export {
-  h as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { r as t } from "../chunks/util.Ce4MHRmD.mjs";
+import { createBlock as n, createTextVNode as r, createVNode as i, openBlock as a, renderSlot as o, resolveComponent as s, withCtx as c } from "vue";
+//#region src/components/DataTablePicker.vue
+var l = {
+	name: "DataTablePicker",
+	props: {
+		visible: Boolean,
+		api: Function,
+		columns: Array,
+		title: String,
+		width: {
+			type: String,
+			default: "60vw"
+		},
+		height: {
+			type: String,
+			default: null
+		},
+		model: {
+			type: Object,
+			default: () => {}
+		},
+		multiple: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["confirm"],
+	data() {
+		return {
+			selectedRows: [],
+			currentRow: null
+		};
+	},
+	methods: {
+		filterTableColumnProperties: t,
+		selectionChange(e) {
+			this.selectedRows = e;
+		},
+		currentChange(e) {
+			this.currentRow = e;
+		},
+		toggleRowSelection(e) {
+			this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+		},
+		close() {
+			this.$refs.dialog.hide();
+		},
+		confirm() {
+			if (this.multiple) {
+				var e;
+				(e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择");
+			} else this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
+		}
+	}
 };
+function u(e, t, l, u, d, f) {
+	let p = s("PageableTable"), m = s("ElButton"), h = s("ElementDialog");
+	return a(), n(h, {
+		ref: "dialog",
+		visible: l.visible,
+		title: l.title,
+		width: l.width,
+		height: l.height,
+		embed: "",
+		"flex-column": "",
+		onClose: f.close
+	}, {
+		default: c(() => [o(e.$slots, "search-form"), i(p, {
+			ref: "pageableTable",
+			"highlight-current-row": "",
+			"hide-on-single-page": "",
+			style: { height: "60vh" },
+			model: l.model,
+			columns: l.columns,
+			api: l.api,
+			"row-class-name": "pointer",
+			multiple: l.multiple,
+			onSelectionChange: f.selectionChange,
+			onRowClick: f.toggleRowSelection,
+			onCurrentChange: f.currentChange
+		}, {
+			default: c(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"model",
+			"columns",
+			"api",
+			"multiple",
+			"onSelectionChange",
+			"onRowClick",
+			"onCurrentChange"
+		])]),
+		footer: c(() => [i(m, {
+			size: "default",
+			type: "primary",
+			onClick: f.confirm
+		}, {
+			default: c(() => [...t[0] || (t[0] = [r(" 确 定 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), i(m, {
+			size: "default",
+			onClick: f.close
+		}, {
+			default: c(() => [...t[1] || (t[1] = [r(" 关 闭 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])]),
+		_: 3
+	}, 8, [
+		"visible",
+		"title",
+		"width",
+		"height",
+		"onClose"
+	]);
+}
+var d = /* @__PURE__ */ e(l, [["render", u]]);
+//#endregion
+export { d as default };

package/data-tabs/index.mjs

@@ -1,44 +1,67 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "DataTabs",
-  props: {
-    option: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  computed: {
-    animation() {
-      return this.option.animation;
-    },
-    decimals() {
-      return this.option.decimals || 0;
-    },
-    span() {
-      return this.option.span || 8;
-    },
-    data() {
-      return this.option.data || [];
-    }
-  }
-};
-var e = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "avue-data-tabs" }, [a("ElRow", { attrs: { span: 24 } }, t._l(t.data, function(s, n) {
-    return a("ElCol", { key: n, attrs: { md: t.span, xs: 24, sm: 12 } }, [a("div", { staticClass: "item", style: { background: s.color } }, [a("a", { attrs: { href: s.href, target: s.target }, on: { click: function(d) {
-      s.click && s.click(s);
-    } } }, [a("div", { staticClass: "item-header" }, [a("p", [t._v(t._s(s.title))]), a("span", [t._v(t._s(s.subtitle))])]), a("div", { staticClass: "item-body" }, [a("CountUp", { staticClass: "h2", attrs: { decimals: s.decimals || t.decimals, animation: s.animation || t.animation, end: s.count } })], 1), a("div", { staticClass: "item-footer" }, [a("span", [t._v(t._s(s.allcount))]), a("p", [t._v(t._s(s.text))])]), a("p", { staticClass: "item-tip" }, [t._v(t._s(s.key))])])])]);
-  }), 1)], 1);
-}, r = [], c = /* @__PURE__ */ o(
-  i,
-  e,
-  r,
-  !1,
-  null,
-  null
-);
-const _ = c.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, createVNode as a, normalizeStyle as o, openBlock as s, renderList as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/components/data/tabs/DataTabs.vue
+var f = {
+	name: "DataTabs",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		animation() {
+			return this.option.animation;
+		},
+		decimals() {
+			return this.option.decimals || 0;
+		},
+		span() {
+			return this.option.span || 8;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, p = { class: "avue-data-tabs" }, m = [
+	"href",
+	"target",
+	"onClick"
+], h = { class: "item-header" }, g = { class: "item-body" }, _ = { class: "item-footer" }, v = { class: "item-tip" };
+function y(e, f, y, b, x, S) {
+	let C = l("CountUp"), w = l("ElCol"), T = l("ElRow");
+	return s(), r("div", p, [a(T, { span: 24 }, {
+		default: d(() => [(s(!0), r(t, null, c(S.data, (e, t) => (s(), n(w, {
+			key: t,
+			md: S.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: d(() => [i("div", {
+				class: "item",
+				style: o({ background: e.color })
+			}, [i("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [
+				i("div", h, [i("p", null, u(e.title), 1), i("span", null, u(e.subtitle), 1)]),
+				i("div", g, [a(C, {
+					class: "h2",
+					decimals: e.decimals || S.decimals,
+					animation: e.animation || S.animation,
+					end: e.count
+				}, null, 8, [
+					"decimals",
+					"animation",
+					"end"
+				])]),
+				i("div", _, [i("span", null, u(e.allcount), 1), i("p", null, u(e.text), 1)]),
+				i("p", v, u(e.key), 1)
+			], 8, m)], 4)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var b = /* @__PURE__ */ e(f, [["render", y]]);
+//#endregion
+export { b as default };

package/data-tabs/style.css

@@ -1 +1 @@
-.avue-data-tabs .item{box-sizing:border-box;color:#fff;border-radius:4px;height:160px;margin:15px;padding:12px;position:relative;overflow:hidden}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{background:#ffffff4d;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:0;right:0}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:60px}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{opacity:.1;border:2px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;position:absolute;bottom:10px;right:10px;transform:rotate(-40deg)}
+.avue-data-tabs{width:100%}.avue-data-tabs .item{box-sizing:border-box;color:#fff;border-radius:4px;height:160px;margin:15px;padding:12px;position:relative;overflow:hidden}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{background:#ffffff4d;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:0;right:0}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:60px}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{opacity:.1;border:2px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;position:absolute;bottom:10px;right:10px;transform:rotate(-40deg)}

package/dialog-form/index.mjs

@@ -1,89 +1,145 @@
-import { isEmpty as a } from "@web-utils/core";
-import { d as l } from "../chunks/util.DqFv_pWg.mjs";
-import n from "vue";
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "DialogForm",
-  data() {
-    return {
-      opt: {},
-      disabled: !1,
-      callback: null,
-      visible: !1,
-      dialog: {
-        closeOnClickModal: !1
-      },
-      isDrawer: !1,
-      option: {
-        submitText: "提交",
-        emptyText: "关闭",
-        submitIcon: "el-icon-check",
-        emptyIcon: "el-icon-close",
-        column: []
-      },
-      data: {}
-    };
-  },
-  computed: {
-    dialogType() {
-      return this.isDrawer ? "ElDrawer" : "ElementDialog";
-    },
-    menuPosition() {
-      return this.opt.menuPosition || "center";
-    }
-  },
-  methods: {
-    isEmpty: a,
-    deepClone: l,
-    submit() {
-      this.$refs.form.submit();
-    },
-    reset() {
-      this.$refs.form.resetForm();
-    },
-    beforeClose(t) {
-      t(), this.close();
-    },
-    show(t) {
-      this.opt = t, this.callback = t.callback;
-      const e = this.deepClone(t);
-      ["callback", "option", "data"].forEach((o) => delete e[o]), this.dialog = Object.assign(this.dialog, e), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, t.option), this.data = t.data, this.visible = !0;
-    },
-    close() {
-      const t = () => {
-        this.visible = !1, this.$destroy(), this.$el.remove();
-      };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(t) : t();
-    },
-    handleSubmit(t, e) {
-      var o;
-      (o = this.callback) == null || o.call(this, { data: t, close: this.close, done: e });
-    }
-  }
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { a as t } from "../chunks/util.g-WQEec9.mjs";
+import { createApp as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, resolveComponent as d, resolveDynamicComponent as f, toDisplayString as p, withCtx as m } from "vue";
+import { isEmpty as h } from "@web-utils/core";
+//#region src/components/dialog-form/DialogForm.vue
+var g = {
+	name: "DialogForm",
+	data() {
+		return {
+			opt: {},
+			disabled: !1,
+			callback: null,
+			visible: !1,
+			dialog: { closeOnClickModal: !1 },
+			isDrawer: !1,
+			option: {
+				submitText: "提交",
+				emptyText: "关闭",
+				submitIcon: "el-icon-check",
+				emptyIcon: "el-icon-close",
+				column: []
+			},
+			data: {}
+		};
+	},
+	computed: {
+		dialogType() {
+			return this.isDrawer ? "ElDrawer" : "ElementDialog";
+		},
+		menuPosition() {
+			return this.opt.menuPosition || "center";
+		}
+	},
+	methods: {
+		isEmpty: h,
+		deepClone: t,
+		submit() {
+			this.$refs.form.submit();
+		},
+		reset() {
+			this.$refs.form.resetForm();
+		},
+		beforeClose(e) {
+			e(), this.close();
+		},
+		show(e) {
+			this.opt = e, this.callback = e.callback;
+			let t = this.deepClone(e);
+			[
+				"callback",
+				"option",
+				"data"
+			].forEach((e) => delete t[e]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+		},
+		close() {
+			let e = () => {
+				this.visible = !1, this.$destroy(), this.$el.remove();
+			};
+			typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+		},
+		handleSubmit(e, t) {
+			var n;
+			(n = this.callback) == null || n.call(this, {
+				data: e,
+				close: this.close,
+				done: t
+			});
+		}
+	}
 };
-i.showForm = (t) => {
-  const e = n.extend(i), o = new e().$mount();
-  return document.body.appendChild(o.$el), o.show(t), o;
-};
-const c = i;
-var d = function() {
-  var e = this, o = e._self._c;
-  return e._self._setupProxy, o(e.dialogType, e._b({ tag: "Component", staticClass: "dialog-form", attrs: { visible: e.visible, "destroy-on-close": "", "before-close": e.beforeClose }, on: { "update:visible": function(s) {
-    e.visible = s;
-  } } }, "Component", e.dialog, !1), [o("FyForm", { ref: "form", attrs: { option: { ...e.deepClone(e.option), menuBtn: !1 }, status: e.disabled }, on: { "update:status": function(s) {
-    e.disabled = s;
-  }, submit: e.handleSubmit, "reset-change": e.close }, model: { value: e.data, callback: function(s) {
-    e.data = s;
-  }, expression: "data" } }), e.isEmpty(e.option.menuBtn, !0) ? o("span", { staticClass: "avue-dialog__footer", class: `avue-dialog__footer--${e.menuPosition}` }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", { attrs: { size: e.$AVUE.size, icon: e.option.submitIcon, loading: e.disabled, type: "primary" }, on: { click: e.submit } }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", { attrs: { disabled: e.disabled, size: e.$AVUE.size, icon: e.option.emptyIcon }, on: { click: e.reset } }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
-}, m = [], u = /* @__PURE__ */ r(
-  c,
-  d,
-  m,
-  !1,
-  null,
-  null
-);
-const _ = u.exports;
-export {
-  _ as default
+g.showForm = (e) => {
+	let t = n(g), r = document.createElement("div");
+	document.body.appendChild(r);
+	let i = t.mount(r);
+	return i.show(e), i.onUnmount(() => {
+		document.body.removeChild(r);
+	}), i;
 };
+var _ = g;
+function v(e, t, n, h, g, _) {
+	let v = d("FyForm"), y = d("ElButton");
+	return u(), r(f(e.dialogType), c({
+		visible: e.visible,
+		"onUpdate:visible": t[2] || (t[2] = (t) => e.visible = t),
+		"destroy-on-close": "",
+		class: "dialog-form",
+		"before-close": e.beforeClose
+	}, e.dialog), {
+		default: m(() => [s(v, {
+			ref: "form",
+			modelValue: e.data,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.data = t),
+			status: e.disabled,
+			"onUpdate:status": t[1] || (t[1] = (t) => e.disabled = t),
+			option: {
+				...e.deepClone(e.option),
+				menuBtn: !1
+			},
+			onSubmit: e.handleSubmit,
+			onResetChange: e.close
+		}, null, 8, [
+			"modelValue",
+			"status",
+			"option",
+			"onSubmit",
+			"onResetChange"
+		]), e.isEmpty(e.option.menuBtn, !0) ? (u(), a("span", {
+			key: 0,
+			class: l(["avue-dialog__footer", `avue-dialog__footer--${e.menuPosition}`])
+		}, [e.isEmpty(e.option.submitBtn, !0) ? (u(), r(y, {
+			key: 0,
+			size: e.$AVUE.size,
+			icon: e.option.submitIcon,
+			loading: e.disabled,
+			type: "primary",
+			onClick: e.submit
+		}, {
+			default: m(() => [o(p(e.option.submitText), 1)]),
+			_: 1
+		}, 8, [
+			"size",
+			"icon",
+			"loading",
+			"onClick"
+		])) : i("v-if", !0), e.isEmpty(e.option.emptyBtn, !0) ? (u(), r(y, {
+			key: 1,
+			disabled: e.disabled,
+			size: e.$AVUE.size,
+			icon: e.option.emptyIcon,
+			onClick: e.reset
+		}, {
+			default: m(() => [o(p(e.option.emptyText), 1)]),
+			_: 1
+		}, 8, [
+			"disabled",
+			"size",
+			"icon",
+			"onClick"
+		])) : i("v-if", !0)], 2)) : i("v-if", !0)]),
+		_: 1
+	}, 16, ["visible", "before-close"]);
+}
+var y = /* @__PURE__ */ e(_, [["render", v]]);
+//#endregion
+export { y as default };