@well-insight/ui 0.1.7 → 0.1.8

package/dist/config-provider/style.js

@@ -0,0 +1,6 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Button/styles.css'
+import '../components/Input/styles.css'
+import '../components/Space/styles.css'
+import '../components/ConfigProvider/styles.css'

package/dist/confirm-dialog/index.js

@@ -0,0 +1,149 @@
+import { t as e } from "../Icon-B6gOD07E.js";
+import { t } from "../Button-BZzV1X-d.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../useModalOverlay-Beo3CEAt.js";
+import { t as i } from "../asyncGuard-CPGT_TKu.js";
+import { t as a } from "../lastPointer-CRxcUqdd.js";
+import { c as o } from "../config-DWwce9jA.js";
+import { n as s } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, toRef as w, watch as T, withCtx as E, withModifiers as D } from "vue";
+//#region src/components/ConfirmDialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var O = ["aria-label"], k = { class: "wi-dialog__header wi-confirmdialog__header" }, A = { class: "wi-dialog__body wi-confirmdialog__message" }, j = {
+	key: 0,
+	class: "wi-dialog__type-icon",
+	"aria-hidden": "true"
+}, M = { class: "wi-confirmdialog__copy" }, N = { class: "wi-dialog__footer wi-confirmdialog__footer" }, P = /* @__PURE__ */ _({
+	__name: "ConfirmDialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		header: {},
+		message: {},
+		acceptLabel: {},
+		rejectLabel: {},
+		acceptSeverity: { default: void 0 },
+		type: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		beforeAccept: {},
+		beforeReject: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: [
+		"update:modelValue",
+		"accept",
+		"reject"
+	],
+	setup(_, { emit: P }) {
+		let F = _, I = P, L = o(), R = s(), z = x(null), B = u(() => n(F, L.value.appendTo)), V = u(() => F.header ?? R.value.confirm), H = u(() => F.acceptLabel ?? R.value.accept), U = u(() => F.rejectLabel ?? R.value.reject), W = x(a()), G = x(null), K = u(() => G.value != null || F.loading), q = u(() => {
+			let e = F.type;
+			return e === "warning" || e === "warn" ? "warn" : e;
+		}), J = u(() => {
+			switch (q.value) {
+				case "success": return "check-circle";
+				case "warn": return "warning";
+				case "error": return "x-circle";
+				case "info": return "info";
+				default: return;
+			}
+		}), Y = u(() => ({
+			"--wi-dialog-origin-x": `${W.value.x}px`,
+			"--wi-dialog-origin-y": `${W.value.y}px`
+		}));
+		function X() {
+			G.value = null, I("update:modelValue", !1);
+		}
+		async function Z() {
+			if (!G.value) {
+				G.value = "accept";
+				try {
+					if (!await i(F.beforeAccept)) return;
+					I("accept"), X();
+				} finally {
+					G.value === "accept" && (G.value = null);
+				}
+			}
+		}
+		async function Q() {
+			if (!G.value) {
+				G.value = "reject";
+				try {
+					if (!await i(F.beforeReject)) return;
+					I("reject"), X();
+				} finally {
+					G.value === "reject" && (G.value = null);
+				}
+			}
+		}
+		return T(() => F.modelValue, (e) => {
+			e && (W.value = a());
+		}), r({
+			open: w(F, "modelValue"),
+			container: z,
+			blockScroll: !0,
+			onEscape: () => {
+				Q();
+			}
+		}), (n, r) => (b(), d(c, {
+			to: B.value.to,
+			disabled: B.value.disabled
+		}, [g(l, { name: "wi-dialog" }, {
+			default: E(() => [_.modelValue ? (b(), p("div", {
+				key: 0,
+				class: "wi-dialog-backdrop wi-dialog-backdrop--center wi-dialog-backdrop--modal wi-confirmdialog-backdrop",
+				style: y(Y.value)
+			}, [m("div", {
+				class: "wi-dialog-zoom",
+				onClick: D(Q, ["self"])
+			}, [m("section", {
+				ref_key: "dialogElement",
+				ref: z,
+				class: v(["wi-dialog wi-confirmdialog", { [`wi-dialog--${q.value}`]: q.value }]),
+				role: "alertdialog",
+				"aria-modal": "true",
+				"aria-label": V.value,
+				tabindex: "-1"
+			}, [
+				m("header", k, [S(n.$slots, "header", {}, () => [m("h2", null, C(V.value), 1)])]),
+				m("div", A, [J.value ? (b(), p("span", j, [g(e, {
+					name: J.value,
+					size: "sm"
+				}, null, 8, ["name"])])) : f("", !0), m("div", M, [S(n.$slots, "default", {}, () => [h(C(_.message), 1)])])]),
+				m("footer", N, [S(n.$slots, "footer", {}, () => [g(t, {
+					label: U.value,
+					severity: "secondary",
+					disabled: K.value,
+					loading: G.value === "reject",
+					onClick: Q
+				}, null, 8, [
+					"label",
+					"disabled",
+					"loading"
+				]), g(t, {
+					label: H.value,
+					severity: _.acceptSeverity,
+					disabled: K.value && G.value !== "accept",
+					loading: _.loading || G.value === "accept",
+					onClick: Z
+				}, null, 8, [
+					"label",
+					"severity",
+					"disabled",
+					"loading"
+				])])])
+			], 10, O)])], 4)) : f("", !0)]),
+			_: 3
+		})], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+export { P as WiConfirmDialog };