@web-utils/component 4.0.16 → 5.0.0-beta01

package/chunks/FormSwitch.DTqdaFjv.mjs

@@ -0,0 +1,296 @@
+import { _ as e, g as t, o as n, t as r } from "./install.yLcn5MLL.mjs";
+import { t as i } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as a, r as o, t as s } from "./event.B4iwtUNO.mjs";
+import { F as c, M as l, O as u, R as d, j as f, k as p, n as m } from "./style.BmlGmjpO.mjs";
+import { i as h, n as ee, r as te, t as ne } from "./use-form-item.wsRjehHp.mjs";
+import { t as g } from "./use-aria.BW7nWOl1.mjs";
+import { g as _, o as v, t as y } from "./icon.CbS8-322.mjs";
+import { t as b } from "./validator.C4-z_t9p.mjs";
+import { d as x, n as S, u as C } from "./util.B3sjVZoZ.mjs";
+import { t as w } from "./form-input.D25eDRMq.mjs";
+import { computed as T, createBlock as E, createCommentVNode as D, createElementBlock as O, createElementVNode as k, createVNode as A, defineComponent as j, mergeProps as M, nextTick as N, normalizeClass as P, normalizeStyle as F, onMounted as I, openBlock as L, ref as re, renderSlot as R, resolveComponent as z, resolveDynamicComponent as B, shallowRef as V, toDisplayString as H, toHandlers as U, unref as W, watch as G, withCtx as K, withKeys as q, withModifiers as J } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/switch/src/switch.mjs
+var Y = f({
+	modelValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	loading: Boolean,
+	size: {
+		type: String,
+		validator: b
+	},
+	width: {
+		type: [String, Number],
+		default: ""
+	},
+	inlinePrompt: Boolean,
+	inactiveActionIcon: { type: v },
+	activeActionIcon: { type: v },
+	activeIcon: { type: v },
+	inactiveIcon: { type: v },
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: { type: l(Function) },
+	id: String,
+	tabindex: { type: [String, Number] },
+	...g(["ariaLabel"])
+}), X = {
+	[o]: (t) => c(t) || e(t) || d(t),
+	[s]: (t) => c(t) || e(t) || d(t),
+	[a]: (t) => c(t) || e(t) || d(t)
+}, ie = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"name",
+	"true-value",
+	"false-value",
+	"disabled",
+	"tabindex"
+], ae = ["aria-hidden"], oe = { key: 1 }, se = { key: 1 }, ce = ["aria-hidden"], Z = "ElSwitch", Q = C(r(/* @__PURE__ */ j({
+	name: Z,
+	__name: "switch",
+	props: Y,
+	emits: X,
+	setup(e, { expose: r, emit: i }) {
+		let l = e, d = i, { formItem: f } = ne(), g = h(), v = n("switch"), { inputId: b } = ee(l, { formItemContext: f }), x = te(T(() => {
+			if (l.loading) return !0;
+		})), S = re(l.modelValue !== !1), C = V(), w = T(() => [
+			v.b(),
+			v.m(g.value),
+			v.is("disabled", x.value),
+			v.is("checked", Y.value)
+		]), j = T(() => [
+			v.e("label"),
+			v.em("label", "left"),
+			v.is("active", !Y.value)
+		]), M = T(() => [
+			v.e("label"),
+			v.em("label", "right"),
+			v.is("active", Y.value)
+		]), z = T(() => ({ width: m(l.width) }));
+		G(() => l.modelValue, () => {
+			S.value = !0;
+		});
+		let U = T(() => S.value ? l.modelValue : !1), Y = T(() => U.value === l.activeValue);
+		[l.activeValue, l.inactiveValue].includes(U.value) || (d(o, l.inactiveValue), d(s, l.inactiveValue), d(a, l.inactiveValue)), G(Y, (e) => {
+			var t;
+			C.value.checked = e, l.validateEvent && (f == null || (t = f.validate) == null || t.call(f, "change").catch((e) => u(e)));
+		});
+		let X = () => {
+			let e = Y.value ? l.inactiveValue : l.activeValue;
+			d(o, e), d(s, e), d(a, e), N(() => {
+				C.value.checked = Y.value;
+			});
+		}, Q = () => {
+			if (x.value) return;
+			let { beforeChange: e } = l;
+			if (!e) {
+				X();
+				return;
+			}
+			let n = e();
+			[t(n), c(n)].includes(!0) || p(Z, "beforeChange must return type `Promise<boolean>` or `boolean`"), t(n) ? n.then((e) => {
+				e && X();
+			}).catch((e) => {
+				u(Z, `some error occurred: ${e}`);
+			}) : n && X();
+		};
+		return I(() => {
+			C.value.checked = Y.value;
+		}), r({
+			focus: () => {
+				var e, t;
+				(e = C.value) == null || (t = e.focus) == null || t.call(e);
+			},
+			checked: Y
+		}), (t, n) => (L(), O("div", {
+			class: P(w.value),
+			onClick: J(Q, ["prevent"])
+		}, [
+			k("input", {
+				id: W(b),
+				ref_key: "input",
+				ref: C,
+				class: P(W(v).e("input")),
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": Y.value,
+				"aria-disabled": W(x),
+				"aria-label": e.ariaLabel,
+				name: e.name,
+				"true-value": e.activeValue,
+				"false-value": e.inactiveValue,
+				disabled: W(x),
+				tabindex: e.tabindex,
+				onChange: X,
+				onKeydown: q(Q, ["enter"])
+			}, null, 42, ie),
+			!e.inlinePrompt && (e.inactiveIcon || e.inactiveText || t.$slots.inactive) ? (L(), O("span", {
+				key: 0,
+				class: P(j.value)
+			}, [R(t.$slots, "inactive", {}, () => [e.inactiveIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.inactiveIcon)))]),
+				_: 1
+			})) : D("v-if", !0), !e.inactiveIcon && e.inactiveText ? (L(), O("span", {
+				key: 1,
+				"aria-hidden": Y.value
+			}, H(e.inactiveText), 9, ae)) : D("v-if", !0)])], 2)) : D("v-if", !0),
+			k("span", {
+				class: P(W(v).e("core")),
+				style: F(z.value)
+			}, [e.inlinePrompt ? (L(), O("div", {
+				key: 0,
+				class: P(W(v).e("inner"))
+			}, [Y.value ? (L(), O("div", {
+				key: 1,
+				class: P(W(v).e("inner-wrapper"))
+			}, [R(t.$slots, "active", {}, () => [e.activeIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.activeIcon)))]),
+				_: 1
+			})) : D("v-if", !0), !e.activeIcon && e.activeText ? (L(), O("span", se, H(e.activeText), 1)) : D("v-if", !0)])], 2)) : (L(), O("div", {
+				key: 0,
+				class: P(W(v).e("inner-wrapper"))
+			}, [R(t.$slots, "inactive", {}, () => [e.inactiveIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.inactiveIcon)))]),
+				_: 1
+			})) : D("v-if", !0), !e.inactiveIcon && e.inactiveText ? (L(), O("span", oe, H(e.inactiveText), 1)) : D("v-if", !0)])], 2))], 2)) : D("v-if", !0), k("div", { class: P(W(v).e("action")) }, [e.loading ? (L(), E(W(y), {
+				key: 0,
+				class: P(W(v).is("loading"))
+			}, {
+				default: K(() => [A(W(_))]),
+				_: 1
+			}, 8, ["class"])) : Y.value ? R(t.$slots, "active-action", { key: 1 }, () => [e.activeActionIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.activeActionIcon)))]),
+				_: 1
+			})) : D("v-if", !0)]) : Y.value ? D("v-if", !0) : R(t.$slots, "inactive-action", { key: 2 }, () => [e.inactiveActionIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.inactiveActionIcon)))]),
+				_: 1
+			})) : D("v-if", !0)])], 2)], 6),
+			!e.inlinePrompt && (e.activeIcon || e.activeText || t.$slots.active) ? (L(), O("span", {
+				key: 1,
+				class: P(M.value)
+			}, [R(t.$slots, "active", {}, () => [e.activeIcon ? (L(), E(W(y), { key: 0 }, {
+				default: K(() => [(L(), E(B(e.activeIcon)))]),
+				_: 1
+			})) : D("v-if", !0), !e.activeIcon && e.activeText ? (L(), O("span", {
+				key: 1,
+				"aria-hidden": !Y.value
+			}, H(e.activeText), 9, ce)) : D("v-if", !0)])], 2)) : D("v-if", !0)
+		], 2));
+	}
+}))).filter((e) => ![
+	"value",
+	"placeholder",
+	"disabled"
+].includes(e)), le = {
+	name: "FormSwitch",
+	mixins: [w],
+	props: {
+		value: [
+			String,
+			Number,
+			Boolean
+		],
+		activeValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: "Y"
+		},
+		inactiveValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: "N"
+		}
+	},
+	computed: { inputProps() {
+		return S({
+			...x(this.$attrs),
+			...this.$props
+		}, Q);
+	} },
+	methods: { emitInput(e) {
+		this.$emit("input", e);
+	} }
+};
+function $(e, t, n, r, i, a) {
+	let o = z("ElSwitch"), s = z("FormItem");
+	return L(), E(s, M(e.formItemProps, {
+		rules: e.computeRules,
+		disabled: e.inputDisabled
+	}), {
+		default: K(() => [R(e.$slots, "default", {}, () => [A(o, M({
+			"active-value": n.activeValue,
+			"inactive-value": n.inactiveValue,
+			class: { "is-readonly": e.readonly },
+			value: n.value,
+			readonly: e.readonly,
+			disabled: e.inputDisabled,
+			placeholder: e.computePlaceholder
+		}, a.inputProps, U(e.listeners), { onInput: a.emitInput }), {
+			append: K(() => [R(e.$slots, "append")]),
+			_: 3
+		}, 16, [
+			"active-value",
+			"inactive-value",
+			"class",
+			"value",
+			"readonly",
+			"disabled",
+			"placeholder",
+			"onInput"
+		])])]),
+		error: K(({ error: t }) => [R(e.$slots, "error", { error: t })]),
+		label: K(() => [R(e.$slots, "label")]),
+		_: 3
+	}, 16, ["rules", "disabled"]);
+}
+var ue = /* @__PURE__ */ i(le, [["render", $]]);
+//#endregion
+export { ue as t };

package/chunks/FormTemp.DiI5EfgK.mjs

@@ -0,0 +1,139 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { A as t, C as n, E as r, S as i, T as a, f as o, h as s, u as c, w as l } from "./util.g-WQEec9.mjs";
+import { t as u } from "./slot.C6Ozd2e7.mjs";
+import { a as d, i as f } from "./dataformat.Bfr4nOcA.mjs";
+import { createBlock as p, createCommentVNode as m, createElementBlock as h, createSlots as g, guardReactiveProps as _, mergeProps as v, normalizeProps as y, openBlock as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toHandlers as w, withCtx as T, withKeys as E } from "vue";
+import { isBlank as D } from "@web-utils/core";
+import { formatDate as O } from "@web-utils/integrations/dayjs";
+//#region src/components/utils/detail.ts
+var k = (e = {}, n = {}, u = {}, d = []) => {
+	let f = e[n.prop], p = n.type, m = n.separator;
+	if (n.bind && (f = o(e, n.bind)), D(f)) f = "";
+	else {
+		let e = t.includes(n.type) && n.multiple, o = a.includes(n.type);
+		if ((["string", "number"].includes(n.dataType) || e || o) && !Array.isArray(f) && (f = `${f}`.split(m || ","), n.dataType === "number" && (f = i(f))), l.includes(p)) f = Array.isArray(f) ? f.join(m || " | ") : f.split(m || ",").join(m || " | ");
+		else if (p === "password") f = s(f, "*");
+		else if (r.includes(p) && n.format) {
+			let e = n.format.replace("dd", "DD").replace("yyyy", "YYYY"), t = O(Date.now(), "YYYY-MM-DD");
+			if (p.indexOf("range") !== -1) {
+				let r = f[0] || "", i = f[1] || "";
+				p === "timerange" && r.length <= 8 && i.length < 8 && (r = `${t} ${r}`, i = `${t} ${i}`), f = [O(r, e), O(i, e)].join(n.separator || "~");
+			} else p === "time" && f.length <= 8 && (f = `${t} ${f}`), f = O(f, e);
+		}
+		f = c(d, f, n.props || u.props);
+	}
+	return n.formatter && typeof n.formatter == "function" && (f = n.formatter(e, e[n.prop], f, n)), f;
+}, A = {
+	name: "FormTemp",
+	components: { FyUEditor: () => import("../fy-u-editor/index.mjs") },
+	mixins: [u],
+	props: {
+		value: [
+			String,
+			Object,
+			Number,
+			Boolean,
+			Array
+		],
+		columnSlot: {
+			type: Array,
+			default: () => []
+		},
+		tableData: {
+			type: Object,
+			default: () => ({})
+		},
+		enter: {
+			type: Boolean,
+			default: !1
+		},
+		type: { type: String },
+		propsHttp: {
+			type: Object,
+			default: () => ({})
+		},
+		props: { type: Object },
+		dic: { type: Array },
+		size: { type: String },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		column: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	computed: {
+		params() {
+			return this.column.params || {};
+		},
+		event() {
+			return this.column.event || {};
+		},
+		text: {
+			get() {
+				return this.value;
+			},
+			set(e) {
+				this.$emit("input", e), this.$emit("change", e);
+			}
+		}
+	},
+	methods: {
+		uploadFun: n,
+		getComponent: f,
+		getPlaceholder: d,
+		enterChange() {
+			typeof this.column.enter == "function" ? this.column.enter({
+				value: this.text,
+				column: this.column
+			}) : this.enter && this.$emit("enter");
+		}
+	}
+}, j = ["innerHTML"];
+function M(e, t, n, r, i, a) {
+	return b(), p(C(a.getComponent(n.column.type, n.column.component)), v(Object.assign(n.column, a.uploadFun(n.column)), {
+		ref: "temp",
+		modelValue: a.text,
+		"onUpdate:modelValue": t[0] || (t[0] = (e) => a.text = e),
+		column: Object.assign(n.column, a.params),
+		dic: n.dic,
+		disabled: n.column.disabled || n.disabled,
+		readonly: n.column.readonly || n.readonly,
+		placeholder: a.getPlaceholder(n.column),
+		props: n.column.props || n.props,
+		"props-http": n.column.propsHttp || n.propsHttp,
+		size: n.column.size || n.size,
+		"table-data": n.tableData,
+		type: n.type || n.column.type,
+		"column-slot": n.columnSlot
+	}, w(a.event), { onKeyup: E(a.enterChange, ["enter", "native"]) }), g({
+		default: T(() => [a.params.html ? (b(), h("span", {
+			key: 0,
+			innerHTML: a.params.html
+		}, null, 8, j)) : m("v-if", !0)]),
+		_: 2
+	}, [x(e.getSlotName(n.column, "T", e.$slots) ? [n.column] : [], (t) => ({
+		name: t,
+		fn: T((n) => [S(e.$slots, e.getSlotName(t, "T"), y(_(n)))])
+	})), x(n.columnSlot, (t) => ({
+		name: t,
+		fn: T((n) => [S(e.$slots, t, y(_(n)))])
+	}))]), 1040, [
+		"modelValue",
+		"column",
+		"dic",
+		"disabled",
+		"readonly",
+		"placeholder",
+		"props",
+		"props-http",
+		"size",
+		"table-data",
+		"type",
+		"column-slot",
+		"onKeyup"
+	]);
+}
+var N = /* @__PURE__ */ e(A, [["render", M]]);
+//#endregion
+export { k as n, N as t };