@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/guide-steps/index.mjs

@@ -0,0 +1,78 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { ElStep as t, ElSteps as n } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as r, createBlock as i, createElementBlock as a, normalizeClass as o, openBlock as s, renderList as c, withCtx as l } from "vue";
+import "element-plus/es/components/steps/style/css";
+import "element-plus/es/components/step/style/css";
+import "./style.css";
+//#region src/components/GuideSteps.vue
+var u = {
+	name: "GuideSteps",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		steps: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { ready: [] };
+	},
+	watch: { steps: {
+		immediate: !0,
+		deep: !0,
+		handler(e) {
+			this.ready = e != null && e.length ? e.map(() => !1) : [];
+		}
+	} },
+	methods: {
+		activeStep(e) {
+			e !== 0 && !this.available(e) || this.$emit("update:modelValue", e);
+		},
+		setReady(e, t) {
+			e < this.ready.length && (this.ready[e] = t);
+		},
+		available(e) {
+			let t = !0;
+			if (e > 0 && e < this.ready.length) {
+				for (let n = 0; n < e; n++) if (!this.ready[n]) {
+					t = !1;
+					break;
+				}
+			}
+			return t;
+		}
+	}
+};
+function d(e, u, d, f, p, m) {
+	let h = t, g = n;
+	return s(), i(g, {
+		class: "guide-steps",
+		"align-center": ""
+	}, {
+		default: l(() => [(s(!0), a(r, null, c(d.steps, (e, t) => (s(), i(h, {
+			key: e.label,
+			class: o([{
+				"current important": d.modelValue === t,
+				disabled: !m.available(t),
+				available: !p.ready[t] && m.available(t)
+			}]),
+			status: p.ready[t] ? "success" : "",
+			title: e.label,
+			onClick: (e) => m.activeStep(t)
+		}, null, 8, [
+			"class",
+			"status",
+			"title",
+			"onClick"
+		]))), 128))]),
+		_: 1
+	});
+}
+var f = /* @__PURE__ */ e(u, [["render", d]]);
+//#endregion
+export { f as default };

package/guide-steps/style.css

@@ -0,0 +1 @@
+.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{border-width:1px!important;width:100%!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}

package/helper/avue.d.ts

@@ -0,0 +1,37 @@
+export interface CanvasConfigOptions {
+    text: string;
+    fontFamily: string;
+    color: string;
+    fontSize: number;
+    opacity: number;
+    bottom: number;
+    right: number;
+    ratio: number;
+}
+export interface QiniuConfigOptions {
+    AK?: string;
+    SK?: string;
+    scope?: string;
+    url?: string;
+    bucket?: string;
+    deadline?: number;
+}
+export interface AliConfigOptions {
+    region?: string;
+    endpoint?: string;
+    stsToken?: string;
+    accessKeyId?: string;
+    accessKeySecret?: string;
+    bucket?: string;
+}
+export interface AvueConfigOptions {
+    canvas?: CanvasConfigOptions;
+    qiniu?: QiniuConfigOptions;
+    ali?: AliConfigOptions;
+    calcHeight?: number;
+    menuType?: string;
+    modalAppendToBody?: boolean;
+    appendToBody?: boolean;
+}
+export declare const def: AvueConfigOptions;
+export declare const configAvue: (config: AvueConfigOptions) => void;

package/helper/avue.mjs

@@ -0,0 +1,40 @@
+import { mergeWith as e } from "@web-utils/integrations/lodash";
+//#region src/helper/avue.ts
+var t = {
+	calcHeight: 0,
+	menuType: "text",
+	modalAppendToBody: !0,
+	appendToBody: !0,
+	canvas: {
+		text: "avuejs.com",
+		fontFamily: "microsoft yahei",
+		color: "#999",
+		fontSize: 16,
+		opacity: 100,
+		bottom: 10,
+		right: 10,
+		ratio: 1
+	},
+	qiniu: {
+		AK: "",
+		SK: "",
+		scope: "",
+		url: "",
+		bucket: "https://upload.qiniup.com",
+		deadline: 1
+	},
+	ali: {
+		region: "",
+		endpoint: "",
+		stsToken: "",
+		accessKeyId: "",
+		accessKeySecret: "",
+		bucket: ""
+	}
+}, n = (n) => {
+	e(t, n, (e, t) => {
+		if (typeof t == "function") return t;
+	});
+};
+//#endregion
+export { n as configAvue, t as def };

package/helper/dictionary.d.ts

@@ -0,0 +1,29 @@
+import { DictItem } from '../api';
+export declare const clearDictCache: () => void;
+export type DictOption = {
+    options?: any;
+    treeDict?: boolean;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+};
+/**
+ * 获取字典
+ * @param type 字典类型
+ * @param cache 是否使用缓存
+ * @param api
+ * @param idAsValue
+ * @param labelAsValue
+ */
+export declare const getDictData: (type: string, cache?: boolean, { options, treeDict, idAsValue, labelAsValue }?: DictOption) => DictItem[] | readonly DictItem[] | Promise<DictItem[] | readonly DictItem[] | null>;
+/**
+ * 获取字典项
+ */
+export declare const getDictItem: (type: string, value: any, cache?: boolean, { treeDict, idAsValue, labelAsValue }?: DictOption) => Promise<any>;
+/**
+ * 获取字典项
+ */
+export declare const getDictLabel: (type: string, value: any, cache?: boolean, { treeDict, idAsValue, labelAsValue }?: DictOption) => Promise<any>;
+export declare const confirmOptions: readonly {
+    label: string;
+    value: string;
+}[];

package/helper/dictionary.mjs

@@ -0,0 +1,97 @@
+import { d as e, p as t } from "../chunks/ClVh1Lek.mjs";
+import { getDictTreeByType as n, remote as r } from "../api/index.mjs";
+//#region src/helper/dictionary.ts
+var i = {}, a = {}, o = {}, s = () => {
+	for (let e in i) delete i[e];
+	for (let e in a) delete a[e];
+}, c = (e, t = !0, { options: n, treeDict: r, idAsValue: a, labelAsValue: o } = {}) => {
+	let s = e;
+	r && (s = `${e}-${a}-${o}${n ? "-options" : ""}`);
+	let c = i[s];
+	return t && c ? c : r ? u(e, t, {
+		idAsValue: a,
+		labelAsValue: o
+	}) : l(e, t);
+}, l = (e, t = !0) => {
+	if (o[e]) return o[e];
+	let n = new Promise((n, s) => {
+		if (t && i[e]) n(i[e]);
+		else {
+			var c;
+			(c = r(e)) == null || c.then((r) => {
+				let s = r.data.data;
+				if (t) {
+					let t = {};
+					s.forEach(({ label: e, value: n }) => {
+						t[n] = Object.freeze({
+							label: e,
+							value: n
+						});
+					}), a[e] = t, s = Object.freeze(s), i[e] = s;
+				}
+				o[e] = null, n(s);
+			}).catch((t) => {
+				o[e] = null, s(t);
+			});
+		}
+	});
+	return o[e] = n, n;
+}, u = (r, s = !0, { idAsValue: c, labelAsValue: l } = {}) => {
+	let u = `${r}-${c}-${l}`;
+	if (o[u]) return o[u];
+	let d = new Promise((d, f) => {
+		if (s && i[u]) d(i[u]);
+		else {
+			var p;
+			(p = n(r, {
+				idAsValue: c,
+				labelAsValue: l
+			})) == null || p.then((n) => {
+				let r = n.data.data;
+				s && (i[u] = r, i[`${u}-options`] = t(r), a[u] = e(r)), o[u] = null, d(r);
+			}).catch((e) => {
+				o[u] = null, f(e);
+			});
+		}
+	});
+	return o[u] = d, d;
+}, d = async (e, n, r = !0, { treeDict: i, idAsValue: o, labelAsValue: s } = {}) => {
+	let l = e;
+	i && (l = `${e}-${o}-${s}`);
+	let u = a[l], d;
+	if (r && u) d = u[n];
+	else {
+		let u = await c(e, r, {
+			treeDict: i,
+			idAsValue: o,
+			labelAsValue: s
+		});
+		if (r) d = a[l][n];
+		else {
+			if (i && (u = t(u)), !u) return d;
+			for (let e = 0; e < u.length; e++) {
+				let t = u[e];
+				if (t.value === n) {
+					d = t;
+					break;
+				}
+			}
+		}
+	}
+	return d;
+}, f = async (e, t, n = !0, { treeDict: r, idAsValue: i, labelAsValue: a } = {}) => {
+	var o;
+	return ((o = await d(e, t, n, {
+		treeDict: r,
+		idAsValue: i,
+		labelAsValue: a
+	})) == null ? void 0 : o.label) || t || "";
+}, p = Object.freeze([{
+	label: "是",
+	value: "1"
+}, {
+	label: "否",
+	value: "0"
+}]);
+//#endregion
+export { s as clearDictCache, p as confirmOptions, c as getDictData, d as getDictItem, f as getDictLabel };

package/helper/form-item.d.ts

@@ -0,0 +1,17 @@
+import { Attrs } from 'vue';
+export declare const useRequired: (props: Record<string, any>) => globalThis.ComputedRef<boolean>;
+/**
+ *
+ * @param props
+ * @param param1
+ * @param param1.rules
+ * @returns {ComputedRef<{}>}
+ */
+export declare const useFormItemProps: (props: Record<string, any>, { rules, attrs, block, class: clas, messagePrefix, message }?: {
+    rules?: object[];
+    attrs?: Attrs;
+    class?: string;
+    block?: Readonly<Ref<any, any>>;
+    messagePrefix?: string;
+    message?: string;
+}) => ComputedRef<Record<string, any>>;

package/helper/form-item.mjs

@@ -0,0 +1,27 @@
+import { formItemProps as e } from "../props/form-item.mjs";
+import { colProps as t } from "../props/col.mjs";
+import { formHolderContextKey as n } from "../constants/index.mjs";
+import { computed as r, inject as i, unref as a } from "vue";
+import { isArray as o, isPlainObject as s, isString as c } from "@web-utils/core";
+//#region src/helper/form-item.ts
+var l = (e) => {
+	let t = i(n, null);
+	return r(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, u = (e, t) => {
+	c(t) ? e.push(t) : o(t) ? e.push(...t) : s(t) && e.push(t);
+}, d = (n, { rules: i, attrs: o, block: s, class: c, messagePrefix: d, message: f } = {}) => {
+	let p = l(n);
+	return r(() => {
+		let r = { message: f }, l = a(i);
+		Object.keys({
+			...e,
+			...t
+		}).forEach((e) => {
+			e === "rules" ? n[e] && l ? r[e] = [...n[e], ...l] : n[e] ? r[e] = n[e] : l && (r[e] = l) : e === "messagePrefix" ? r[e] = n.messagePrefix || d : e === "block" ? r[e] = (s == null ? void 0 : s.value) ?? n.block : r[e] = n[e];
+		});
+		let m = [];
+		return u(m, a(o == null ? void 0 : o.class)), u(m, a(c)), r.required = p.value, r.class = m, r.style = o == null ? void 0 : o.style, r;
+	});
+};
+//#endregion
+export { d as useFormItemProps, l as useRequired };

package/helper/input.d.ts

@@ -0,0 +1,49 @@
+import { Attrs } from 'vue';
+export declare const useDisabled: (props: Record<string, any>) => globalThis.ComputedRef<any>;
+export declare const inputEmits: {
+    /**
+     * 输入事件
+     */
+    "update:modelValue": null;
+};
+export declare const updateModelValue: (emit: (event: string, ...args: any[]) => void, value: any) => void;
+export declare const renderFormItem: (props: Record<string, any>, { vNodes, formItemProps, slots, disabled, ref }: {
+    disabled: ComputedRef<boolean>;
+    vNodes: VNode;
+    formItemProps: Record<string, any>;
+    slots: Readonly<any>;
+    ref?: string;
+}) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare const useInput: (props: Record<string, any>, { emit, slots, events, predicate, removeOn, attrs, block, class: clas, rules, messagePrefix, extraFormItemProps }: {
+    emit: (event: string, ...args: any[]) => void;
+    events: string[];
+    slots: Readonly<any>;
+    attrs: Attrs;
+    block?: boolean;
+    rules: object[];
+    class?: string;
+    messagePrefix?: string;
+    removeOn?: boolean;
+    predicate: (key: string) => boolean;
+    extraFormItemProps: Record<string, any>;
+}) => {
+    emitInput: (value: any) => void;
+    render: ({ vNodes }: {
+        vNodes: VNode;
+    }) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    placeholder: globalThis.ComputedRef<any>;
+    disabled: globalThis.ComputedRef<any>;
+    formItemProps: globalThis.ComputedRef<Record<string, any>>;
+    autoBind: globalThis.ComputedRef<Record<string, any>>;
+    inputProps: globalThis.ComputedRef<Record<string, any>>;
+    listeners: globalThis.ComputedRef<Record<string, any>>;
+    formItem: Readonly<globalThis.ShallowRef<unknown>>;
+    printing: globalThis.ComputedRef<boolean>;
+};
+export declare const FontIcon: (props: Record<string, any>) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null;

package/helper/input.mjs

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/_7MDfW_y.mjs";
+export { a as FontIcon, n as inputEmits, i as renderFormItem, t as updateModelValue, e as useDisabled, r as useInput };

package/helper/sub-table-plus.d.ts

@@ -0,0 +1,98 @@
+import { TableColumnCtx } from 'element-plus/es';
+export type InputType = 'input' | 'checkbox1' | 'inputPhoneNumber' | 'user' | 'department' | 'select' | 'datePicker' | 'cascader' | 'checkbox' | 'number';
+export type Align = 'left' | 'center' | 'right';
+export type Option = {
+    value?: string | number;
+    label?: string;
+    [key: string]: any;
+};
+/**
+ * 表格列配置类型定义
+ * 用于定义动态表格或表单的列属性和行为
+ */
+export type ColumnType = {
+    /** 列显示标签文本，如不设置则默认为 prop 的转换 */
+    label?: string;
+    /** 字段属性名，对应数据对象中的键名 */
+    prop: string;
+    /** 字段类型 */
+    type?: InputType;
+    /** 是否为必填字段 */
+    required?: boolean;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 是否设置默认值，为 true 时会根据 type 自动设置初始值 */
+    setVal?: boolean;
+    /** 字段对应的UI组件属性配置对象 */
+    attrs?: object;
+    /**
+     * 动态获取字段属性的函数
+     * @param row 当前行数据对象
+     * @returns 动态属性配置对象
+     */
+    getAttrs?: (row: object) => object;
+    /**
+     * 判断字段是否禁用的函数
+     * @param row 当前行数据对象
+     * @returns 是否禁用
+     */
+    isDisabled?: (row: object) => boolean;
+    /**
+     * 设置字段值的自定义函数
+     * @param row 当前行数据对象
+     * @param val 当前字段值
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    setValue?: (row: object, val: any, item: ColumnType, rows: object[]) => void;
+    /**
+     * 字段失去焦点时的回调函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    onBlur?: (row: object, item: ColumnType, rows: object[]) => void;
+    /**
+     * 动态获取字段类型的函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @returns 字段类型字符串
+     */
+    getType?: (row: object, item: ColumnType) => string;
+    /**
+     * 获取显示值
+     * @param row 当前行数据对象
+     * @param column 列对象
+     * @param item 当前列配置对象
+     * @returns 显示值
+     */
+    getVal?: (row: object, column: TableColumnCtx<object>, item: ColumnType) => any;
+    /** 是否单选,type 为 user, department 时有效 */
+    single?: boolean;
+    /** id 属性名,type 为 user 时有效 */
+    idProp?: string;
+    /** 部门类型,type 为 department 时有效 */
+    ouType?: string;
+    /** 开始时间属性名,type 为 datePicker 时有效 */
+    start?: string;
+    /** 结束时间属性名,type 为 datePicker 时有效 */
+    end?: string;
+    options?: Option[];
+    dictType?: string;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+    align?: Align;
+    width?: string;
+    clickable?: boolean;
+    showOverflowTooltip?: boolean;
+};
+/**
+ * 定义列
+ * @param column
+ */
+export declare const definColumn: (column: ColumnType) => ColumnType;
+/**
+ * 定义列
+ * @param columns
+ */
+export declare const defineColumns: (columns: ColumnType[]) => ColumnType[];

package/helper/sub-table-plus.mjs

@@ -0,0 +1,4 @@
+//#region src/helper/sub-table-plus.ts
+var e = (e) => e, t = (e) => e;
+//#endregion
+export { e as definColumn, t as defineColumns };

package/highlight-j-s/index.d.ts

@@ -0,0 +1,19 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    language: StringConstructor;
+    code: StringConstructor;
+    autodetect: BooleanConstructor;
+}>, {}, {
+    detectedLanguage: string;
+}, {
+    className(): string;
+    highlighted(): {};
+    ignoreIllegals(): true;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    language: StringConstructor;
+    code: StringConstructor;
+    autodetect: BooleanConstructor;
+}>> & Readonly<{}>, {
+    autodetect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/highlight-j-s/index.mjs

@@ -0,0 +1,52 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
+import { escapeHtml as a } from "@web-utils/core";
+import o from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark-reasonable.css";
+import "./style.css";
+//#region src/components/HighlightJS.vue
+var s = {
+	name: "HighlightJS",
+	props: {
+		language: String,
+		code: String,
+		autodetect: Boolean
+	},
+	data() {
+		return { detectedLanguage: "" };
+	},
+	computed: {
+		className() {
+			return this.detectedLanguage ? `hljs ${this.detectedLanguage}` : "";
+		},
+		highlighted() {
+			if (!this.language && !o.getLanguage(this.language)) return console.warn(`The language "${this.language}" you specified could not be found.`), {
+				language: "",
+				value: a(this.code)
+			};
+			let e = {};
+			return e = !this.language || this.autodetect ? o.highlightAuto(this.code) : o.highlight(this.code, {
+				language: this.language,
+				ignoreIllegals: this.ignoreIllegals
+			}), e;
+		},
+		ignoreIllegals() {
+			return !0;
+		}
+	},
+	watch: { "highlighted.language": {
+		immediate: !0,
+		handler(e) {
+			this.detectedLanguage = e;
+		}
+	} }
+}, c = { class: "highlight-js" }, l = ["innerHTML"];
+function u(e, a, o, s, u, d) {
+	return i(), t("pre", c, [n("code", {
+		class: r(d.className),
+		innerHTML: d.highlighted.value
+	}, null, 10, l)]);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };

package/highlight-j-s/style.css

@@ -0,0 +1 @@
+.highlight-js{height:100%;max-height:calc(80vh - 32px);margin:0;overflow:hidden auto}.highlight-js .hljs{white-space:pre-wrap;word-break:break-word;height:100%}.highlight-js .hljs *{font-family:Consolas,Monaco,monospace}

package/icon-temp/index.d.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    small: BooleanConstructor;
+    size: StringConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    small: BooleanConstructor;
+    size: StringConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    small: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/icon-temp/index.mjs

@@ -0,0 +1,28 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+import "./style.css";
+//#region src/components/avue/fy-from/crud/IconTemp.vue
+var o = {
+	name: "IconTemp",
+	props: {
+		small: Boolean,
+		size: String,
+		text: {
+			type: String,
+			default: ""
+		}
+	}
+}, s = {
+	key: 0,
+	"aria-hidden": "true"
+}, c = ["xlink:href"];
+function l(e, o, l, u, d, f) {
+	return a(), t("span", { class: r(["avue-icon", { "avue-icon--small": l.small }]) }, [l.text.includes("#") ? (a(), t("svg", s, [n("use", { "xlink:href": l.text }, null, 8, c)])) : (a(), t("i", {
+		key: 1,
+		class: r(l.text),
+		style: i({ fontSize: l.size })
+	}, null, 6))], 2);
+}
+var u = /* @__PURE__ */ e(o, [["render", l]]);
+//#endregion
+export { u as default };

package/icon-temp/style.css

@@ -0,0 +1 @@
+.avue-icon{justify-content:center;align-items:center;display:flex}.avue-icon svg,.avue-icon i{width:20px;height:20px;font-size:20px}.avue-icon--small svg,.avue-icon--small i{width:15px;height:15px;font-size:15px}

package/iframe-window/index.d.ts

@@ -0,0 +1,19 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    title: StringConstructor;
+    url: StringConstructor;
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    title: StringConstructor;
+    url: StringConstructor;
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/iframe-window/index.mjs

@@ -0,0 +1,38 @@
+import { t as e } from "../chunks/B24kbvxB.mjs";
+import { createBlock as t, createElementVNode as n, mergeModels as r, mergeProps as i, openBlock as a, useModel as o, withCtx as s } from "vue";
+import "./style.css";
+//#region src/components/iframe-window/IframeWindow.vue
+var c = ["src"], l = /* @__PURE__ */ Object.assign({ name: "IframeWindow" }, {
+	__name: "IframeWindow",
+	props: /* @__PURE__ */ r({
+		title: String,
+		url: String
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let l = o(r, "modelValue");
+		return (o, u) => {
+			let d = e;
+			return a(), t(d, i(o.$attrs, {
+				modelValue: l.value,
+				"onUpdate:modelValue": u[0] || (u[0] = (e) => l.value = e),
+				"destroy-on-close": "",
+				class: "iframe-window",
+				height: "60vh",
+				title: r.title,
+				"show-fullscreen": ""
+			}), {
+				default: s(() => [n("iframe", {
+					class: "iframe-window-iframe",
+					src: r.url
+				}, null, 8, c)]),
+				_: 1
+			}, 16, ["modelValue", "title"]);
+		};
+	}
+});
+//#endregion
+export { l as default };