@web-utils/component 4.0.15 → 5.0.0-beta01

package/login/index.mjs

@@ -1,125 +1,252 @@
-import a from "element-ui/lib/button";
-import r from "element-ui/lib/form-item";
-import i from "element-ui/lib/input";
-import n from "element-ui/lib/tooltip";
-import p from "element-ui/lib/form";
-import { s as m } from "../chunks/util.DI42t5GU.mjs";
-import { isBlank as d } from "@web-utils/core";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = "发送验证码", c = "{{time}}s后重获取", h = {
-  name: "Login",
-  props: {
-    value: {
-      type: Object,
-      default: () => ({})
-    },
-    codesrc: {
-      type: String
-    },
-    option: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      text: l,
-      nowtime: "",
-      check: {},
-      flag: !1
-    };
-  },
-  computed: {
-    form: {
-      get() {
-        return this.value;
-      },
-      set(o) {
-        this.$emit("input", o), this.$emit("change", o);
-      }
-    },
-    labelWidth() {
-      return this.option.labelWidth || 80;
-    },
-    time() {
-      return this.option.time || 60;
-    },
-    isImg() {
-      return this.codeType === "img";
-    },
-    isPhone() {
-      return this.codeType === "phone";
-    },
-    codeType() {
-      return this.option.codeType || "img";
-    },
-    width() {
-      return this.option.width || "100%";
-    },
-    username() {
-      return this.column.username || {};
-    },
-    password() {
-      return this.column.password || {};
-    },
-    code() {
-      return this.column.code || {};
-    },
-    column() {
-      return this.option.column || {};
-    },
-    sendDisabled() {
-      return !d(this.check);
-    }
-  },
-  methods: {
-    setPx: m,
-    onSend() {
-      const o = () => {
-        this.nowtime = this.time, this.text = c.replace("{{time}}", this.nowtime), this.check = setInterval(() => {
-          this.nowtime--, this.nowtime === 0 ? (this.text = l, clearInterval(this.check), this.check = null) : this.text = c.replace("{{time}}", this.nowtime);
-        }, 1e3);
-      };
-      this.sendDisabled || this.$emit("send", o);
-    },
-    onRefresh() {
-      this.$emit("refresh");
-    },
-    onSubmit() {
-      const o = () => {
-        const e = {};
-        for (const t in this.form) {
-          let s = t;
-          this[t].prop && (s = this[t].prop), e[s] = this.form[t];
-        }
-        return e;
-      };
-      this.$refs.form.validate((e) => {
-        e && this.$emit("submit", o());
-      });
-    }
-  }
-};
-var f = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "avue-login", style: { width: e.setPx(e.width) } }, [t(p, { ref: "form", attrs: { model: e.form, "label-suffix": ":", "label-width": e.setPx(e.labelWidth) } }, [e.username.hide ? e._e() : t(r, { attrs: { label: e.username.label || "用户名", rules: e.username.rules, "label-width": e.setPx(e.username.labelWidth), prop: "username" } }, [t(n, { attrs: { content: e.username.tip, disabled: e.username.tip === void 0, placement: "top-start" } }, [t(i, { attrs: { size: "small", "prefix-icon": e.username.prefixIcon || "el-icon-user", placeholder: e.username.placeholder || "请输入用户名", autocomplete: e.username.autocomplete }, model: { value: e.form.username, callback: function(s) {
-    e.$set(e.form, "username", s);
-  }, expression: "form.username" } })], 1)], 1), e.password.hide ? e._e() : t(r, { attrs: { label: e.password.label || "密码", rules: e.password.rules, "label-width": e.setPx(e.password.labelWidth), prop: "password" } }, [t(n, { attrs: { content: e.password.tip, disabled: e.password.tip === void 0, placement: "top-start" } }, [t(i, { attrs: { type: "password", size: "small", "prefix-icon": e.password.prefixIcon || "el-icon-unlock", placeholder: e.password.placeholder || "请输入密码", "show-password": "", autocomplete: e.password.autocomplete }, model: { value: e.form.password, callback: function(s) {
-    e.$set(e.form, "password", s);
-  }, expression: "form.password" } })], 1)], 1), e.code.hide ? e._e() : t(r, { attrs: { label: e.code.label || "验证码", rules: e.code.rules, "label-width": e.setPx(e.code.labelWidth), prop: "code" } }, [t(n, { attrs: { content: e.code.tip, disabled: e.code.tip === void 0, placement: "top-start" } }, [t(i, { attrs: { size: "small", "prefix-icon": e.code.prefixIcon || "el-icon-c-scale-to-original", placeholder: e.code.placeholder || "请输入验证码", autocomplete: e.code.autocomplete }, scopedSlots: e._u([{ key: "append", fn: function() {
-    return [e.isPhone ? t(a, { staticClass: "avue-login__send", attrs: { type: "primary", disabled: e.sendDisabled }, on: { click: e.onSend } }, [e._v(" " + e._s(e.text) + " ")]) : e._e(), e.isImg ? t("span", [t("img", { attrs: { src: e.codesrc, alt: "", width: "80", height: "25" }, on: { click: e.onRefresh } })]) : e._e()];
-  }, proxy: !0 }], null, !1, 2861735427), model: { value: e.form.code, callback: function(s) {
-    e.$set(e.form, "code", s);
-  }, expression: "form.code" } })], 1)], 1), t(r, [t(a, { staticClass: "avue-login__submit", attrs: { type: "primary" }, on: { click: e.onSubmit } }, [e._v(" 登录 ")])], 1)], 1)], 1);
-}, _ = [], b = /* @__PURE__ */ u(
-  h,
-  f,
-  _,
-  !1,
-  null,
-  null
-);
-const T = b.exports;
-export {
-  T 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 { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
+import { isBlank as p } from "@web-utils/core";
+//#region src/components/login/Login.vue
+var m = "发送验证码", h = "{{time}}s后重获取", g = {
+	name: "Login",
+	props: {
+		modelValue: {
+			type: Object,
+			default: () => ({})
+		},
+		codesrc: { type: String },
+		option: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"refresh",
+		"send",
+		"submit",
+		"update:modelValue",
+		"change"
+	],
+	data() {
+		return {
+			text: m,
+			nowtime: "",
+			check: {},
+			flag: !1
+		};
+	},
+	computed: {
+		form: {
+			get() {
+				return this.modelValue;
+			},
+			set(e) {
+				this.$emit("update:modelValue", e), this.$emit("change", e);
+			}
+		},
+		labelWidth() {
+			return this.option.labelWidth || 80;
+		},
+		time() {
+			return this.option.time || 60;
+		},
+		isImg() {
+			return this.codeType === "img";
+		},
+		isPhone() {
+			return this.codeType === "phone";
+		},
+		codeType() {
+			return this.option.codeType || "img";
+		},
+		width() {
+			return this.option.width || "100%";
+		},
+		username() {
+			return this.column.username || {};
+		},
+		password() {
+			return this.column.password || {};
+		},
+		code() {
+			return this.column.code || {};
+		},
+		column() {
+			return this.option.column || {};
+		},
+		sendDisabled() {
+			return !p(this.check);
+		}
+	},
+	methods: {
+		setPx: t,
+		onSend() {
+			this.sendDisabled || this.$emit("send", () => {
+				this.nowtime = this.time, this.text = h.replace("{{time}}", this.nowtime), this.check = setInterval(() => {
+					this.nowtime--, this.nowtime === 0 ? (this.text = m, clearInterval(this.check), this.check = null) : this.text = h.replace("{{time}}", this.nowtime);
+				}, 1e3);
+			});
+		},
+		onRefresh() {
+			this.$emit("refresh");
+		},
+		onSubmit() {
+			let e = () => {
+				let e = {};
+				for (let t in this.form) {
+					let n = t;
+					this[t].prop && (n = this[t].prop), e[n] = this.form[t];
+				}
+				return e;
+			};
+			this.$refs.form.validate((t) => {
+				t && this.$emit("submit", e());
+			});
+		}
+	}
+}, _ = { key: 1 }, v = ["src"];
+function y(e, t, p, m, h, g) {
+	let y = u("ElInput"), b = u("ElTooltip"), x = u("ElFormItem"), S = u("ElButton"), C = u("ElForm");
+	return l(), i("div", {
+		class: "avue-login",
+		style: c({ width: g.setPx(g.width) })
+	}, [s(C, {
+		ref: "form",
+		model: g.form,
+		"label-suffix": ":",
+		"label-width": g.setPx(g.labelWidth)
+	}, {
+		default: f(() => [
+			g.username.hide ? r("v-if", !0) : (l(), n(x, {
+				key: 0,
+				label: g.username.label || "用户名",
+				rules: g.username.rules,
+				"label-width": g.setPx(g.username.labelWidth),
+				prop: "username"
+			}, {
+				default: f(() => [s(b, {
+					content: g.username.tip,
+					disabled: g.username.tip === void 0,
+					placement: "top-start"
+				}, {
+					default: f(() => [s(y, {
+						modelValue: g.form.username,
+						"onUpdate:modelValue": t[0] || (t[0] = (e) => g.form.username = e),
+						size: "small",
+						"prefix-icon": g.username.prefixIcon || "el-icon-user",
+						placeholder: g.username.placeholder || "请输入用户名",
+						autocomplete: g.username.autocomplete
+					}, null, 8, [
+						"modelValue",
+						"prefix-icon",
+						"placeholder",
+						"autocomplete"
+					])]),
+					_: 1
+				}, 8, ["content", "disabled"])]),
+				_: 1
+			}, 8, [
+				"label",
+				"rules",
+				"label-width"
+			])),
+			g.password.hide ? r("v-if", !0) : (l(), n(x, {
+				key: 1,
+				label: g.password.label || "密码",
+				rules: g.password.rules,
+				"label-width": g.setPx(g.password.labelWidth),
+				prop: "password"
+			}, {
+				default: f(() => [s(b, {
+					content: g.password.tip,
+					disabled: g.password.tip === void 0,
+					placement: "top-start"
+				}, {
+					default: f(() => [s(y, {
+						modelValue: g.form.password,
+						"onUpdate:modelValue": t[1] || (t[1] = (e) => g.form.password = e),
+						type: "password",
+						size: "small",
+						"prefix-icon": g.password.prefixIcon || "el-icon-unlock",
+						placeholder: g.password.placeholder || "请输入密码",
+						"show-password": "",
+						autocomplete: g.password.autocomplete
+					}, null, 8, [
+						"modelValue",
+						"prefix-icon",
+						"placeholder",
+						"autocomplete"
+					])]),
+					_: 1
+				}, 8, ["content", "disabled"])]),
+				_: 1
+			}, 8, [
+				"label",
+				"rules",
+				"label-width"
+			])),
+			g.code.hide ? r("v-if", !0) : (l(), n(x, {
+				key: 2,
+				label: g.code.label || "验证码",
+				rules: g.code.rules,
+				"label-width": g.setPx(g.code.labelWidth),
+				prop: "code"
+			}, {
+				default: f(() => [s(b, {
+					content: g.code.tip,
+					disabled: g.code.tip === void 0,
+					placement: "top-start"
+				}, {
+					default: f(() => [s(y, {
+						modelValue: g.form.code,
+						"onUpdate:modelValue": t[3] || (t[3] = (e) => g.form.code = e),
+						size: "small",
+						"prefix-icon": g.code.prefixIcon || "el-icon-c-scale-to-original",
+						placeholder: g.code.placeholder || "请输入验证码",
+						autocomplete: g.code.autocomplete
+					}, {
+						append: f(() => [g.isPhone ? (l(), n(S, {
+							key: 0,
+							type: "primary",
+							class: "avue-login__send",
+							disabled: g.sendDisabled,
+							onClick: g.onSend
+						}, {
+							default: f(() => [o(d(h.text), 1)]),
+							_: 1
+						}, 8, ["disabled", "onClick"])) : r("v-if", !0), g.isImg ? (l(), i("span", _, [a("img", {
+							src: p.codesrc,
+							alt: "",
+							width: "80",
+							height: "25",
+							onClick: t[2] || (t[2] = (...e) => g.onRefresh && g.onRefresh(...e))
+						}, null, 8, v)])) : r("v-if", !0)]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"prefix-icon",
+						"placeholder",
+						"autocomplete"
+					])]),
+					_: 1
+				}, 8, ["content", "disabled"])]),
+				_: 1
+			}, 8, [
+				"label",
+				"rules",
+				"label-width"
+			])),
+			s(x, null, {
+				default: f(() => [s(S, {
+					type: "primary",
+					class: "avue-login__submit",
+					onClick: g.onSubmit
+				}, {
+					default: f(() => [...t[4] || (t[4] = [o(" 登录 ", -1)])]),
+					_: 1
+				}, 8, ["onClick"])]),
+				_: 1
+			})
+		]),
+		_: 1
+	}, 8, ["model", "label-width"])], 4);
+}
+var b = /* @__PURE__ */ e(g, [["render", y]]);
+//#endregion
+export { b as default };

package/monaco-editor/index.mjs

@@ -1,7 +1,2 @@
-import "monaco-editor/esm/vs/editor/editor.api";
-import { M as i } from "../chunks/MonacoEditor.D31t4FTy.mjs";
-import "@web-utils/core";
-import "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-export {
-  i as default
-};
+import { t as e } from "../chunks/MonacoEditor.Bd5Kui-Y.mjs";
+export { e as default };

package/name-avatar/index.mjs

@@ -1,53 +1,61 @@
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  name: "NameAvatar",
-  props: {
-    num: [Number, String],
-    name: String,
-    square: Boolean,
-    fontColor: {
-      type: String,
-      default: "#fff"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#3696F2"
-    },
-    faceUrl: {
-      type: String,
-      default: ""
-    },
-    fontSize: {
-      type: String,
-      default: "12px"
-    },
-    size: {
-      type: String,
-      default: "40px"
-    }
-  },
-  computed: {
-    text() {
-      return this.num !== void 0 ? `+${this.num}` : this.name ? this.name.slice(-2) : "";
-    },
-    styles() {
-      const e = { "font-size": this.fontSize };
-      return this.fontColor && (e.color = this.fontColor), this.backgroundColor && (e.background = this.backgroundColor), e;
-    }
-  }
-};
-var s = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "name-avatar", class: t.square ? "square" : "round", style: { width: t.size, height: t.size } }, [t.faceUrl && !t.num ? a("img", { staticClass: "name-avatar-image", attrs: { src: t.faceUrl, alt: "" } }) : a("div", { staticClass: "name-avatar-text", style: t.styles }, [t._v(" " + t._s(t.text) + " ")])]);
-}, i = [], o = /* @__PURE__ */ r(
-  n,
-  s,
-  i,
-  !1,
-  null,
-  null
-);
-const f = o.exports;
-export {
-  f as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, normalizeClass as n, normalizeStyle as r, openBlock as i, toDisplayString as a } from "vue";
+//#region src/components/NameAvatar.vue
+var o = {
+	name: "NameAvatar",
+	props: {
+		num: [Number, String],
+		name: String,
+		square: Boolean,
+		fontColor: {
+			type: String,
+			default: "#fff"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#3696F2"
+		},
+		faceUrl: {
+			type: String,
+			default: ""
+		},
+		fontSize: {
+			type: String,
+			default: "12px"
+		},
+		size: {
+			type: String,
+			default: "40px"
+		}
+	},
+	computed: {
+		text() {
+			return this.num === void 0 ? this.name ? this.name.slice(-2) : "" : `+${this.num}`;
+		},
+		styles() {
+			let e = { "font-size": this.fontSize };
+			return this.fontColor && (e.color = this.fontColor), this.backgroundColor && (e.background = this.backgroundColor), e;
+		}
+	}
+}, s = ["src"];
+function c(e, o, c, l, u, d) {
+	return i(), t("div", {
+		class: n(["name-avatar", c.square ? "square" : "round"]),
+		style: r({
+			width: c.size,
+			height: c.size
+		})
+	}, [c.faceUrl && !c.num ? (i(), t("img", {
+		key: 0,
+		class: "name-avatar-image",
+		src: c.faceUrl,
+		alt: ""
+	}, null, 8, s)) : (i(), t("div", {
+		key: 1,
+		class: "name-avatar-text",
+		style: r(d.styles)
+	}, a(d.text), 5))], 6);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/nav-bar/index.mjs

@@ -1,32 +1,34 @@
-import e from "element-ui/lib/button";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  name: "NavBar",
-  props: {
-    onGoBack: Function,
-    showBack: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  methods: {
-    goBack() {
-      this.onGoBack ? this.onGoBack() : this.$router.back();
-    }
-  }
-};
-var r = function() {
-  var t = this, o = t._self._c;
-  return o("div", { staticClass: "nav-bar" }, [t.showBack ? o(e, { attrs: { type: "text", icon: "el-icon-arrow-left" }, on: { click: t.goBack } }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? o("div", { staticClass: "flex-item flex-row-column vertical-center" }, [t._t("right")], 2) : t._e()], 1);
-}, s = [], c = /* @__PURE__ */ a(
-  n,
-  r,
-  s,
-  !1,
-  null,
-  null
-);
-const f = c.exports;
-export {
-  f as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, openBlock as a, renderSlot as o, resolveComponent as s, withCtx as c } from "vue";
+//#region src/components/NavBar.vue
+var l = {
+	name: "NavBar",
+	props: {
+		onGoBack: Function,
+		showBack: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	methods: { goBack() {
+		this.onGoBack ? this.onGoBack() : this.$router.back();
+	} }
+}, u = { class: "nav-bar" }, d = {
+	key: 1,
+	class: "flex-item flex-row-column vertical-center"
 };
+function f(e, l, f, p, m, h) {
+	let g = s("ElButton");
+	return a(), r("div", u, [f.showBack ? (a(), t(g, {
+		key: 0,
+		type: "text",
+		icon: "el-icon-arrow-left",
+		onClick: h.goBack
+	}, {
+		default: c(() => [...l[0] || (l[0] = [i(" 返回 ", -1)])]),
+		_: 1
+	}, 8, ["onClick"])) : n("v-if", !0), e.$slots.right ? (a(), r("div", d, [o(e.$slots, "right")])) : n("v-if", !0)]);
+}
+var p = /* @__PURE__ */ e(l, [["render", f]]);
+//#endregion
+export { p as default };

package/not-implement/index.mjs

@@ -1,22 +1,10 @@
-import { n as e } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "NotImplement"
-};
-var r = function() {
-  var n = this;
-  return n._self._c, n._m(0);
-}, a = [function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "not-implement" }, [n("div", [n("i", { staticClass: "fa fa-wrench" }), t._v(" 建设中...")])]);
-}], _ = /* @__PURE__ */ e(
-  s,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const o = _.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, openBlock as i } from "vue";
+//#region src/components/not-implement/NotImplement.vue
+var a = { name: "NotImplement" }, o = { class: "not-implement" };
+function s(e, a, s, c, l, u) {
+	return i(), t("div", o, [...a[0] || (a[0] = [n("div", null, [n("i", { class: "fa fa-wrench" }), r(" 建设中...")], -1)])]);
+}
+var c = /* @__PURE__ */ e(a, [["render", s]]);
+//#endregion
+export { c as default };