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

package/chunks/tJ_t87kJ.mjs

@@ -0,0 +1,89 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { Fragment as t, createElementBlock as n, openBlock as r, renderList as i, renderSlot as a } from "vue";
+import o from "photoswipe";
+import "photoswipe/dist/photoswipe.css";
+//#region src/components/photo-swipe/index.ts
+function s(e) {
+	new o(e).init();
+}
+async function c(e, t, n = {
+	selector: "chat-image",
+	index: 0
+}) {
+	let r = e.target;
+	if (!(!r || r.classList.contains(n.selector) || r.tagName === "IMG")) return;
+	let i = t.querySelectorAll(n.selector === "img" ? n.selector : `.${n.selector}`), a = [...i].findIndex((e) => e === r);
+	a >= 0 && (n.index = a), s({
+		dataSource: await l(i),
+		index: a
+	});
+}
+async function l(e) {
+	let t = [];
+	for (let n = 0, r = e.length; n < r; n++) {
+		let r = e[n], i = r.getAttribute("data-src") || r.getAttribute("src"), a = {
+			src: i,
+			msrc: i,
+			alt: r.getAttribute("data-title") || r.getAttribute("alt"),
+			element: r
+		}, o = r.getAttribute("data-height"), s = r.getAttribute("data-width"), c = {
+			width: s,
+			height: o
+		};
+		!o && !s && (c = await u(r), r.setAttribute("data-height", c.height), r.setAttribute("data-width", c.width)), a.w = c.width, a.width = c.width, a.h = c.height, a.height = c.height, t.push(a);
+	}
+	return t;
+}
+function u(e) {
+	let t = e.getAttribute("data-src") || e.getAttribute("src"), n = e.getAttribute("data-height"), r = e.getAttribute("data-width");
+	return n && r ? {
+		width: r,
+		height: n
+	} : e.complete ? {
+		width: e.naturalWidth,
+		height: e.naturalHeight
+	} : new Promise((e) => {
+		let n = new Image();
+		n.src = t;
+		let r = {
+			width: 0,
+			height: 0
+		};
+		n.complete ? (r.width = n.width, r.height = n.height, e(r)) : (n.onload = () => {
+			r.width = n.width, r.height = n.height, e(r);
+		}, n.onerror = () => {
+			r.width = 0, r.height = 0, e(r);
+		});
+	});
+}
+//#endregion
+//#region src/components/photo-swipe/PhotoSwipe.vue
+var d = {
+	name: "PhotoSwipe",
+	props: {
+		urls: Array,
+		selector: {
+			type: String,
+			default: "img"
+		}
+	},
+	methods: { async preview(e) {
+		await c(e, this.$refs.wrapper, { selector: this.selector });
+	} }
+}, f = { ref: "wrapper" }, p = ["src"];
+function m(e, o, s, c, l, u) {
+	return r(), n("div", f, [a(e.$slots, "default", {
+		urls: s.urls,
+		preview: u.preview
+	}, () => [(r(!0), n(t, null, i(s.urls, (e) => (r(), n("img", {
+		key: e.src,
+		style: { cursor: "pointer" },
+		width: "100",
+		src: e.src,
+		alt: "",
+		onClick: o[0] || (o[0] = (...e) => u.preview && u.preview(...e))
+	}, null, 8, p))), 128))])], 512);
+}
+var h = /* @__PURE__ */ e(d, [["render", m]]);
+//#endregion
+export { h as t };

package/chunks/tzjUpVIj.mjs

@@ -0,0 +1,37 @@
+import { getDictLabel as e } from "../helper/dictionary.mjs";
+import { computed as t, createVNode as n, ref as r, watchEffect as i } from "vue";
+//#endregion
+//#region src/components/table/DictRender.vue
+var a = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(a, { attrs: o }) {
+		let s = r(null), c = t(() => a.row[a.column.property]);
+		return i(async () => {
+			if (a.dictType) s.value = await e(a.dictType, c.value, !0, {
+				options: !0,
+				treeDict: a.treeDict,
+				idAsValue: a.idAsValue,
+				labelAsValue: a.labelAsValue
+			});
+			else {
+				var t;
+				s.value = ((t = a.options) == null || (t = t.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : t.label) ?? `${c.value}`;
+			}
+		}), () => n("span", o, [s.value]);
+	}
+};
+//#endregion
+export { a as t };

package/chunks/wkrkYyvs.mjs

@@ -0,0 +1,17 @@
+import { n as e, t } from "./B7DACryk.mjs";
+import { createVNode as n, isVNode as r, mergeProps as i } from "vue";
+//#region src/components/flex/FlexColumn.vue?vue&type=script&lang.jsx
+function a(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+//#endregion
+//#region src/components/flex/FlexColumn.vue
+var o = {
+	name: "FlexColumn",
+	props: { ...e },
+	setup(e, { slots: r }) {
+		return () => n(t, i(e, { flexColumn: !0 }), a(r) ? r : { default: () => [r] });
+	}
+};
+//#endregion
+export { o as t };

package/chunks/xElkm-ja2.mjs

@@ -0,0 +1,75 @@
+import { createVNode as e, nextTick as t, onMounted as n, useTemplateRef as r, watch as i } from "vue";
+import a from "jsoneditor";
+import "jsoneditor/dist/jsoneditor.css";
+import "../json-editor/style.css";
+//#region src/components/json-editor/JsonEditor.vue?vue&type=script&lang.jsx
+var o = [
+	"tree",
+	"view",
+	"form"
+], s = {
+	name: "JsonEditor",
+	props: {
+		modelValue: [
+			String,
+			Boolean,
+			Object,
+			Array
+		],
+		expanded: Boolean,
+		mode: {
+			type: String,
+			default: "tree"
+		},
+		modes: {
+			type: Array,
+			default() {
+				return [
+					"tree",
+					"code",
+					"form",
+					"text",
+					"view"
+				];
+			}
+		}
+	},
+	emits: [
+		"mode-change",
+		"error",
+		"update:modelValue"
+	],
+	setup(s, { emit: c }) {
+		let l = r("editor"), u = !1, d, f = () => {
+			s.expanded && o.includes(s.mode) && d.expandAll();
+		}, p = (e) => {
+			d && d.set(e);
+		};
+		return i(() => s.modelValue, (e) => {
+			u || (p(e), f());
+		}, { immediate: !0 }), n(() => {
+			let e = {
+				mode: s.mode,
+				modes: s.modes,
+				onChange() {
+					try {
+						u = !0, c("update:modelValue", d.get()), t(() => {
+							u = !1;
+						});
+					} catch (e) {
+						c("error", e);
+					}
+				},
+				onModeChange(e) {
+					c("mode-change", e), o.includes(e) && f();
+				}
+			};
+			d = new a(l.value, e, s.modelValue);
+		}), () => e("div", {
+			ref: "editor",
+			class: "json-editor"
+		}, null);
+	}
+};
+//#endregion
+export { s as t };

package/code-mirror-editor/index.d.ts

@@ -0,0 +1,51 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formator: FunctionConstructor;
+    outputTranformer: FunctionConstructor;
+}>, {}, {}, {}, {
+    focus(): void;
+    change(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formator: FunctionConstructor;
+    outputTranformer: FunctionConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    mode: string;
+    theme: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/code-mirror-editor/index.mjs

@@ -0,0 +1,100 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+import i from "codemirror";
+import "codemirror/lib/codemirror.css";
+import "codemirror/theme/idea.css";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/addon/fold/foldgutter.css";
+import "codemirror/addon/fold/foldcode";
+import "codemirror/addon/fold/brace-fold";
+import "codemirror/addon/fold/comment-fold";
+import "codemirror/addon/fold/foldgutter";
+import "./style.css";
+//#region src/components/code-mirror/CodeMirrorEditor.vue
+var a = {
+	name: "CodeMirrorEditor",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "javascript"
+		},
+		theme: {
+			type: String,
+			default: "idea"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		formator: Function,
+		outputTranformer: Function
+	},
+	emits: ["update:modelValue"],
+	watch: { modelValue(e) {
+		if (this.formator) {
+			var t, n;
+			(t = this.editor) == null || t.setValue((n = this) == null ? void 0 : n.formator(e));
+		} else {
+			var r;
+			(r = this.editor) == null || r.setValue(e);
+		}
+	} },
+	mounted() {
+		if (this.editor = i.fromTextArea(this.$refs.editor, {
+			mode: this.mode,
+			theme: this.theme,
+			tabSize: 2,
+			indentUnit: 2,
+			lint: !0,
+			foldGutter: !0,
+			lineNumbers: !0,
+			smartIndent: !0,
+			readOnly: this.disabled,
+			lineWrapping: !0,
+			matchBrackets: !0
+		}), this.formator) {
+			var e;
+			this.editor.setValue((e = this) == null ? void 0 : e.formator(this.modelValue));
+		} else this.editor.setValue(this.modelValue);
+		this.editor.on("blur", this.change), this.editor.on("focus", this.focus), this.editor.setOption("extraKeys", { "Ctrl-Alt-L"(e) {
+			if (this.formator) {
+				var t;
+				e.setValue((t = this) == null ? void 0 : t.formator(e.getValue()), null, 1);
+			}
+		} });
+	},
+	beforeUnmount() {
+		var e, t;
+		(e = this.editor) == null || e.off("blur", this.change), (t = this.editor) == null || t.toTextArea();
+	},
+	methods: {
+		focus() {
+			var e, t;
+			(e = (t = this.elFormItem).clearValidate) == null || e.call(t);
+		},
+		change() {
+			if (this.outputTranformer) {
+				var e;
+				this.$emit("update:modelValue", this.outputTranformer((e = this.editor) == null ? void 0 : e.getValue()));
+			} else {
+				var t;
+				this.$emit("update:modelValue", (t = this.editor) == null ? void 0 : t.getValue());
+			}
+		}
+	}
+}, o = { class: "code-mirror-editor" }, s = { ref: "editor" };
+function c(e, i, a, c, l, u) {
+	return r(), t("div", o, [n("textarea", s, null, 512)]);
+}
+var l = /* @__PURE__ */ e(a, [["render", c]]);
+//#endregion
+export { l as default };

package/code-mirror-editor/style.css

@@ -0,0 +1 @@
+.code-mirror-editor{line-height:normal}.code-mirror-editor .CodeMirror{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.code-mirror-editor .CodeMirror.CodeMirror-focused{border-color:#e34e55}

package/confirm-button/index.d.ts

@@ -0,0 +1,123 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>> & Readonly<{}>, {
+    text: string;
+    stop: boolean;
+    prevent: boolean;
+    loadable: boolean;
+    loadingText: string;
+    confirmable: boolean;
+    confirmType: string;
+    confirmText: string;
+    confirmTitle: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | {
+    props: {
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: StringConstructor;
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        nativeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        plain: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: BooleanConstructor;
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/confirm-button/index.mjs

@@ -0,0 +1,35 @@
+import { t as e } from "../chunks/DdACGFy3.mjs";
+//#region src/components/button/ConfirmButton.vue
+var t = {
+	name: "ConfirmButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		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: "删除"
+		},
+		tag: {
+			type: String,
+			default: "ElButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };

package/confirmable/index.d.ts

@@ -0,0 +1,94 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>> & Readonly<{}>, {
+    text: string;
+    stop: boolean;
+    prevent: boolean;
+    loadable: boolean;
+    loadingText: string;
+    confirmable: boolean;
+    confirmType: string;
+    confirmText: string;
+    confirmTitle: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/confirmable/index.mjs

@@ -0,0 +1,8 @@
+import { t as e } from "../chunks/DdACGFy3.mjs";
+//#region src/components/button/Confirmable.vue
+var t = {
+	name: "Confirmable",
+	mixins: [e]
+};
+//#endregion
+export { t as default };