@tmagic/form 1.7.6 → 1.7.8-beta.1

package/dist/es/FormDrawer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,176 @@
+import Form_default from "./Form.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watchEffect, withCtx } from "vue";
+import { TMagicButton, TMagicCol, TMagicDrawer, TMagicRow } from "@tmagic/design";
+//#region packages/form/src/FormDrawer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { style: { "min-height": "1px" } };
+var FormDrawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormDialog",
+	__name: "FormDrawer",
+	props: {
+		config: { default: () => [] },
+		values: { default: () => ({}) },
+		parentValues: {},
+		width: {},
+		labelWidth: {},
+		disabled: { type: Boolean },
+		closeOnPressEscape: {
+			type: Boolean,
+			default: true
+		},
+		title: {},
+		zIndex: {},
+		size: {},
+		confirmText: { default: "确定" },
+		inline: { type: Boolean },
+		labelPosition: {},
+		preventSubmitDefault: { type: Boolean },
+		beforeClose: {}
+	},
+	emits: [
+		"close",
+		"closed",
+		"submit",
+		"error",
+		"change",
+		"open",
+		"opened"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const drawer = ref();
+		const form = ref();
+		const drawerBody = ref();
+		const visible = ref(false);
+		const saveFetch = ref(false);
+		const bodyHeight = ref(0);
+		watchEffect(() => {
+			if (drawerBody.value) bodyHeight.value = drawerBody.value.clientHeight;
+		});
+		const submitHandler = async () => {
+			try {
+				const changeRecords = form.value?.changeRecords;
+				emit("submit", await form.value?.submitForm(), { changeRecords });
+			} catch (e) {
+				emit("error", e);
+			}
+		};
+		const changeHandler = (value, eventData) => {
+			emit("change", value, eventData);
+		};
+		const openHandler = () => {
+			emit("open");
+		};
+		const openedHandler = () => {
+			emit("opened");
+		};
+		const closeHandler = () => {
+			emit("close");
+		};
+		const closedHandler = () => {
+			emit("closed");
+		};
+		const show = () => {
+			visible.value = true;
+		};
+		const hide = () => {
+			visible.value = false;
+		};
+		/** 用于关闭 Drawer, 该方法会调用传入的 before-close 方法 */
+		const handleClose = () => {
+			drawer.value?.handleClose();
+		};
+		__expose({
+			form,
+			saveFetch,
+			bodyHeight,
+			show,
+			hide,
+			handleClose
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TMagicDrawer), {
+				class: "m-form-drawer",
+				ref_key: "drawer",
+				ref: drawer,
+				modelValue: visible.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+				title: __props.title,
+				"close-on-press-escape": __props.closeOnPressEscape,
+				"append-to-body": true,
+				"show-close": true,
+				"close-on-click-modal": true,
+				size: __props.width,
+				zIndex: __props.zIndex,
+				"before-close": __props.beforeClose,
+				onOpen: openHandler,
+				onOpened: openedHandler,
+				onClose: closeHandler,
+				onClosed: closedHandler
+			}, {
+				footer: withCtx(() => [createVNode(unref(TMagicRow), { class: "dialog-footer" }, {
+					default: withCtx(() => [createVNode(unref(TMagicCol), {
+						span: 12,
+						style: { "text-align": "left" }
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "left")])]),
+						_: 3
+					}), createVNode(unref(TMagicCol), { span: 12 }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createVNode(unref(TMagicButton), { onClick: handleClose }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("关闭", -1)])]),
+							_: 1
+						}), createVNode(unref(TMagicButton), {
+							type: "primary",
+							disabled: __props.disabled,
+							loading: saveFetch.value,
+							onClick: submitHandler
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText), 1)]),
+							_: 1
+						}, 8, ["disabled", "loading"])])]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				default: withCtx(() => [visible.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "drawerBody",
+					ref: drawerBody,
+					class: "m-drawer-body"
+				}, [createVNode(Form_default, {
+					ref_key: "form",
+					ref: form,
+					size: __props.size,
+					disabled: __props.disabled,
+					config: __props.config,
+					"init-values": __props.values,
+					"parent-values": __props.parentValues,
+					"label-width": __props.labelWidth,
+					"label-position": __props.labelPosition,
+					inline: __props.inline,
+					"prevent-submit-default": __props.preventSubmitDefault,
+					onChange: changeHandler
+				}, null, 8, [
+					"size",
+					"disabled",
+					"config",
+					"init-values",
+					"parent-values",
+					"label-width",
+					"label-position",
+					"inline",
+					"prevent-submit-default"
+				]), renderSlot(_ctx.$slots, "default")], 512)) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"title",
+				"close-on-press-escape",
+				"size",
+				"zIndex",
+				"before-close"
+			]);
+		};
+	}
+});
+//#endregion
+export { FormDrawer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/_virtual/_rolldown/runtime.js

@@ -0,0 +1,27 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
+export { __exportAll, __reExport };

package/dist/es/containers/Col.js

@@ -0,0 +1,5 @@
+import Col_vue_vue_type_script_setup_true_lang_default from "./Col.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/Col.vue
+var Col_default = Col_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Col_default as default };

package/dist/es/containers/Col.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { display } from "../utils/form.js";
+import Container_default from "./Container.js";
+import { computed, createBlock, createVNode, defineComponent, inject, openBlock, unref, vShow, withCtx, withDirectives } from "vue";
+import { TMagicCol } from "@tmagic/design";
+//#region packages/form/src/containers/Col.vue?vue&type=script&setup=true&lang.ts
+var Col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormCol",
+	__name: "Col",
+	props: {
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
+		config: {},
+		labelWidth: {},
+		expandMore: { type: Boolean },
+		span: {},
+		size: {},
+		prop: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change", "addDiffCount"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const mForm = inject("mForm");
+		const display$1 = computed(() => display(mForm, props.config.display, props));
+		const changeHandler = (v, eventData) => emit("change", v, eventData);
+		const onAddDiffCount = () => emit("addDiffCount");
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: __props.span }, {
+				default: withCtx(() => [createVNode(Container_default, {
+					model: __props.model,
+					lastValues: __props.lastValues,
+					"is-compare": __props.isCompare,
+					config: __props.config,
+					prop: __props.prop,
+					"label-width": __props.config.labelWidth || __props.labelWidth,
+					"expand-more": __props.expandMore,
+					size: __props.size,
+					disabled: __props.disabled,
+					onChange: changeHandler,
+					onAddDiffCount
+				}, null, 8, [
+					"model",
+					"lastValues",
+					"is-compare",
+					"config",
+					"prop",
+					"label-width",
+					"expand-more",
+					"size",
+					"disabled"
+				])]),
+				_: 1
+			}, 8, ["span"])), [[vShow, display$1.value && __props.config.type !== "hidden"]]);
+		};
+	}
+});
+//#endregion
+export { Col_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/containers/Container.js

@@ -0,0 +1,5 @@
+import Container_vue_vue_type_script_setup_true_lang_default from "./Container.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/containers/Container.vue
+var Container_default = Container_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Container_default as default };