@web-utils/form-ui 1.0.0-beta24 → 1.0.0-beta25

package/awesome-button/index.mjs

@@ -1,49 +1,2 @@
-import { isFunction as e } from "@web-utils/core";
-import { h as t, ref as n, resolveComponent as r } from "vue";
-//#region src/components/button/AwesomeButton.vue
-var i = {
-	name: "AwesomeButton",
-	inheritAttrs: !1,
-	props: {
-		type: {
-			type: String,
-			default: "primary"
-		},
-		size: String,
-		icon: {
-			type: String,
-			default: ""
-		},
-		nativeType: {
-			type: String,
-			default: "button"
-		},
-		loading: Boolean,
-		disabled: Boolean,
-		plain: Boolean,
-		autofocus: Boolean,
-		round: Boolean,
-		text: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(i, { attrs: a, slots: o }) {
-		let s = r("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = n(!1), p = async (t) => {
-			if (f.value = !0, e(u)) try {
-				await u(t);
-			} catch (e) {
-				console.error(e);
-			}
-			f.value = !1;
-		};
-		return () => t(s, {
-			...d,
-			...l,
-			disabled: f.value,
-			onClick: p
-		}, { default: o.default || (() => c) });
-	}
-};
-//#endregion
-export { i as default };
+import { t as e } from "../chunks/iIcGTQmB.mjs";
+export { e as default };

package/base.css

@@ -1 +1 @@
-:root{--el-disabled-text-color:#606266}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}
+:root{--el-disabled-text-color:#606266;--border-color:#d7dae0}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}

package/chunks/0nMB8MZ0.mjs

@@ -0,0 +1,174 @@
+import { i as e, n as t, t as n } from "./Uhf6MK26.mjs";
+import { n as r, t as i } from "./DnWeeCd1.mjs";
+import { validatePhoneNum as a } from "@web-utils/core";
+import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
+import { ElInput as u } from "element-plus/es";
+//#region src/utils/form-validate.ts
+var d = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+function f(e, t, n) {
+	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+}
+//#endregion
+//#region src/components/form/props/input.ts
+var p = {
+	...r,
+	...i,
+	type: {
+		type: String,
+		default: "text"
+	},
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: [String, Number],
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !1
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 2
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	label: String,
+	inputmode: String,
+	countGraphemes: Function,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, m = {
+	readonly: !0,
+	prefixIcon: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, h = [
+	"click",
+	"blur",
+	"focus",
+	"change",
+	"input",
+	"clear",
+	"keydown",
+	"mouseleave",
+	"mouseenter",
+	"compositionstart",
+	"compositionupdate",
+	"compositionend"
+], g = (e) => r[e] === void 0 && m[e] !== !0, _ = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...p },
+	emits: {
+		...t,
+		click: null,
+		blur: null,
+		focus: null,
+		change: null,
+		input: null,
+		clear: null,
+		keydown: null,
+		mouseleave: null,
+		mouseenter: null,
+		compositionstart: null,
+		compositionupdate: null,
+		compositionend: null
+	},
+	setup(t, { emit: r, slots: i, attrs: p }) {
+		let m = l(t, "modelValue"), _ = `请输入正确的${t.label}！`, { render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: r,
+			slots: i,
+			attrs: p,
+			rules: o(() => {
+				if (!t.type || t.type === "textarea") return null;
+				let e = {
+					message: _,
+					trigger: "blur"
+				};
+				if (t.type === "email") e.validator = d;
+				else if (t.type === "idcard") e.validator = f;
+				else if (t.type === "phone") e.validator = a;
+				else return null;
+				return [e];
+			}),
+			events: h,
+			predicate: g
+		});
+		return () => v({ vNodes: s(u, c({ class: ["form-input", {
+			"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+			"el-input-cursor-pointer": t.picker && !b.value
+		}] }, x.value, {
+			modelValue: m.value,
+			"onUpdate:modelValue": (e) => m.value = e,
+			disabled: b.value,
+			placeholder: y.value,
+			readonly: t.readonly || t.picker,
+			"prefix-icon": n({ icon: t.picker ? "el-icon-search" : t.prefixIcon }),
+			"suffix-icon": n({ icon: t.suffixIcon })
+		}), {
+			prefix: i.prefix || t.prefix ? () => t.prefix : null,
+			suffix: i.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": i["password-icon"],
+			prepend: i.prepend || t.prepend ? () => t.prepend : null,
+			append: i.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { p as n, _ as t };

package/chunks/{DgJWblJ-.mjs → 1UkAGJ03.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElRate as o } from "element-plus/es";
 //#region src/components/form/props/rate.ts

package/chunks/{CwnhyemQ.mjs → 4G13cKOo.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 import { ElRadio as s, ElRadioButton as c, ElRadioGroup as l } from "element-plus/es";
 //#region src/components/form/props/radio-group.ts

package/chunks/{CnP5qx9A.mjs → B2PYq5pM.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { computed as r, createVNode as i, mergeProps as a } from "vue";
 import { ElDatePicker as o } from "element-plus/es";
 //#region src/components/form/props/date.ts

package/chunks/{B7Fo7eih.mjs → B8rugxZ0.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElSwitch as o } from "element-plus/es";
 //#region src/components/form/props/switch.ts

package/chunks/{B7x-U0mD.mjs → BM8sdTDJ.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElOption as o, ElSelect as s } from "element-plus/es";
 //#region src/components/form/props/select.ts

package/chunks/{3QpBKdDM.mjs → BYNkR7-j.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { computed as r, createVNode as i, isVNode as a, mergeProps as o } from "vue";
 import { ElCheckbox as s, ElCheckboxButton as c, ElCheckboxGroup as l } from "element-plus/es";
 //#region src/components/form/props/checkbox-group.ts

package/chunks/{CQwLIAVn.mjs → BdD1Rt-7.mjs}

@@ -1,6 +1,5 @@
-import { n as e } from "./ADvOhGAW.mjs";
-import { t } from "./C2hH5v6n.mjs";
-import { t as n } from "./CKW6E1o4.mjs";
+import { n as e } from "./Uhf6MK26.mjs";
+import { n as t, t as n } from "./0nMB8MZ0.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
 function s(e) {
@@ -11,15 +10,15 @@ function s(e) {
 var c = {
 	name: "FormInputEmail",
 	inheritAttrs: !1,
-	props: { ...n },
+	props: { ...t },
 	emits: { ...e },
-	setup(e, { slots: n, attrs: i }) {
+	setup(e, { slots: t, attrs: i }) {
 		let c = o(e, "modelValue");
-		return () => r(t, a(e, i, {
+		return () => r(n, a(e, i, {
 			modelValue: c.value,
 			"onUpdate:modelValue": (e) => c.value = e,
 			type: "email"
-		}), s(n) ? n : { default: () => [n] });
+		}), s(t) ? t : { default: () => [t] });
 	}
 };
 //#endregion

package/chunks/{3o0tA4s6.mjs → BowPVbJ7.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./ADvOhGAW.mjs";
-import { n } from "./mjEH6tHn.mjs";
+import { i as e, n as t } from "./Uhf6MK26.mjs";
+import { n } from "./DnWeeCd1.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElSlider as o } from "element-plus/es";
 //#region src/components/form/props/slide.ts

package/chunks/{DJTwM7o_.mjs → CAQ6-w1f.mjs}

@@ -1,6 +1,6 @@
-import { a as e } from "./BVLgLg_s.mjs";
-import { o as t, r as n } from "./ADvOhGAW.mjs";
-import { n as r } from "./mjEH6tHn.mjs";
+import { a as e } from "./BdHFJ9cK.mjs";
+import { o as t, r as n } from "./Uhf6MK26.mjs";
+import { n as r } from "./DnWeeCd1.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 import { ElImage as s } from "element-plus/es";
 //#region src/components/form/props/image.ts

package/chunks/{BhmGnR4F.mjs → CjeZ3uKX.mjs}

@@ -1,4 +1,4 @@
-import { a as e } from "./BVLgLg_s.mjs";
+import { a as e } from "./BdHFJ9cK.mjs";
 import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useTemplateRef as _, withCtx as v, withModifiers as y } from "vue";
 import { ElDialog as b } from "element-plus/es";
 //#region src/components/dialog/props.ts
@@ -150,23 +150,23 @@ var x = {
 				fullscreen: h(M),
 				style: { "--dialog-body-height": h(P) }
 			}), o({
-				header: v(() => [r(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), p(e.$slots, "header", {}, () => [a("div", T, m(e.title), 1), a("div", E, [e.showFullscreen || e.showFullScreen ? (d(), i("i", {
+				header: v(() => [p(e.$slots, "header", {}, () => [a("div", T, m(e.title), 1), a("div", E, [e.showFullscreen || e.showFullScreen ? (d(), i("i", {
 					key: 0,
 					class: u(["dialog-header-button", {
 						"el-icon-full-screen": !e.fullscreen,
 						"el-icon-copy-document": e.fullscreen
 					}]),
 					onClick: y(N, ["stop"])
-				}, null, 2)) : r("v-if", !0), e.showClose ? (d(), i("i", {
+				}, null, 2)) : r("", !0), e.showClose ? (d(), i("i", {
 					key: 1,
 					class: "dialog-header-button el-icon-close",
 					onClick: y(I, ["stop"])
-				})) : r("v-if", !0)])])]),
-				default: v(() => [r(" @slot 对话框的默认内容 "), p(e.$slots, "default")]),
+				})) : r("", !0)])])]),
+				default: v(() => [p(e.$slots, "default")]),
 				_: 2
 			}, [e.$slots.footer ? {
 				name: "footer",
-				fn: v(() => [r(" @slot Dialog 按钮操作区的内容 "), p(e.$slots, "footer", { close: I })]),
+				fn: v(() => [p(e.$slots, "footer", { close: I })]),
 				key: "0"
 			} : void 0]), 1040, [
 				"modelValue",

package/chunks/{Njpw648u.mjs → Ckur6g6N.mjs}

@@ -1,4 +1,4 @@
-import { n as e } from "./BVLgLg_s.mjs";
+import { n as e } from "./BdHFJ9cK.mjs";
 import { hasAuthority as t } from "../api/index.mjs";
 import { toolbarContextKey as n } from "../constants/index.mjs";
 import { t as r } from "./DOl--Hf9.mjs";