@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

package/form-time-select/index.d.ts

@@ -0,0 +1,319 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    includeEndTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    end: {
+        type: StringConstructor;
+        default: string;
+    };
+    step: {
+        type: StringConstructor;
+        default: string;
+    };
+    minTime: StringConstructor;
+    maxTime: StringConstructor;
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyValues: ArrayConstructor;
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    includeEndTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    end: {
+        type: StringConstructor;
+        default: string;
+    };
+    step: {
+        type: StringConstructor;
+        default: string;
+    };
+    minTime: StringConstructor;
+    maxTime: StringConstructor;
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyValues: ArrayConstructor;
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: string;
+    disabled: boolean;
+    push: number;
+    col: boolean;
+    span: number;
+    tag: string;
+    offset: number;
+    required: boolean;
+    wrapCol: boolean;
+    block: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    pull: number;
+    wrapFormItem: boolean;
+    clearable: boolean;
+    popperClass: string;
+    effect: string;
+    editable: boolean;
+    format: string;
+    start: string;
+    end: string;
+    step: string;
+    includeEndTime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-time-select/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/DUjgfS7g.mjs";
+export { e as default };

package/form-view/index.mjs

@@ -2,7 +2,7 @@
 var e = /* @__PURE__ */ Object.assign({ name: "FormView" }, {
 	__name: "FormView",
 	setup(e) {
-		return (e, t) => null;
+		return () => {};
 	}
 });
 //#endregion

package/helper/dictionary.d.ts

@@ -0,0 +1,15 @@
+import { DictItem } from '../api';
+export declare const clearDictCache: () => void;
+export type DictOption = {
+    options?: any;
+    treeDict?: boolean;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+};
+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 { l as e, s as t } from "../chunks/cmuHpsX6.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`] = e(r), a[u] = t(r)), o[u] = null, d(r);
+			}).catch((e) => {
+				o[u] = null, f(e);
+			});
+		}
+	});
+	return o[u] = d, d;
+}, d = async (t, n, r = !0, { treeDict: i, idAsValue: o, labelAsValue: s } = {}) => {
+	let l = t;
+	i && (l = `${t}-${o}-${s}`);
+	let u = a[l], d;
+	if (r && u) d = u[n];
+	else {
+		let u = await c(t, r, {
+			treeDict: i,
+			idAsValue: o,
+			labelAsValue: s
+		});
+		if (r) d = a[l][n];
+		else {
+			if (i && (u = e(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/hook/useDictionary.d.ts

@@ -0,0 +1,60 @@
+import { DictItem } from '../api';
+export declare const useDictionary: (props: Record<string, any>) => {
+    dictItems: globalThis.Ref<{
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null, DictItem[] | readonly DictItem[] | {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null>;
+};

package/hook/useDictionary.mjs

@@ -0,0 +1,15 @@
+import { getDictData as e } from "../helper/dictionary.mjs";
+import { ref as t, watchEffect as n } from "vue";
+//#region src/hook/useDictionary.ts
+var r = (r) => {
+	let i = t([]);
+	return n(async () => {
+		r.dictType ? i.value = await e(r.dictType, !0, {
+			treeDict: r.treeDict,
+			idAsValue: r.idAsValue,
+			labelAsValue: r.labelAsValue
+		}) : i.value = [];
+	}), { dictItems: i };
+};
+//#endregion
+export { r as useDictionary };

package/hook/useVisibilityChange.d.ts

@@ -0,0 +1,4 @@
+export declare const useVisibilityChange: ({ onPageHidden, onPageVisible }?: {
+    onPageHidden?: () => void;
+    onPageVisible?: () => void;
+}) => void;

package/hook/useVisibilityChange.mjs

@@ -0,0 +1,14 @@
+import { onBeforeMount as e, onBeforeUnmount as t } from "vue";
+//#region src/hook/useVisibilityChange.ts
+var n = ({ onPageHidden: n, onPageVisible: r } = {}) => {
+	let i = () => {
+		document.hidden ? n == null || n() : r == null || r();
+	};
+	e(() => {
+		document.addEventListener("visibilitychange", i);
+	}), t(() => {
+		document.removeEventListener("visibilitychange", i);
+	});
+};
+//#endregion
+export { n as useVisibilityChange };

package/iframe-window/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    title?: string | undefined;
+    url?: string | undefined;
+    $props: {
+        readonly title?: string | undefined;
+        readonly url?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/iframe-window/index.mjs

@@ -0,0 +1,37 @@
+import { t as e } from "../chunks/DASUt7ot.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";
+//#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 };

package/iframe-window/style.css

@@ -0,0 +1 @@
+.iframe-window.el-dialog .el-dialog__body{position:relative}.iframe-window .iframe-window-iframe{border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}