@sdata/web-vue 3.13.0 → 3.15.0

package/es/basic-crud-table/basic-crud-modal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
+import JsonForm from "../json-form/index.js";
+import Modal from "../modal/index.js";
+import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, openBlock, renderList, renderSlot, shallowRef, unref, useModel, useSlots, withCtx } from "vue";
+import { cloneDeep } from "es-toolkit";
+//#region components/basic-crud-table/basic-crud-modal.vue?vue&type=script&setup=true&lang.ts
+var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "BasicCrudModal" }), {}, {
+	__name: "basic-crud-modal",
+	props: /*@__PURE__*/ mergeModels({
+		modalProps: { default: () => ({}) },
+		modalFormProps: { default: () => ({ schemas: [] }) },
+		createApi: { type: Function },
+		updateApi: { type: Function },
+		detailApi: { type: Function },
+		valueTransformer: { type: Function },
+		beforeSubmit: { type: Function }
+	}, {
+		"visible": _objectSpread2({ type: Boolean }, { default: false }),
+		"visibleModifiers": {},
+		"model": { default: () => ({}) },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"success",
+		"close",
+		"error"
+	], ["update:visible", "update:model"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const visible = useModel(__props, "visible");
+		const model = useModel(__props, "model");
+		const slots = useSlots();
+		const formRef = shallowRef();
+		const type = shallowRef("create");
+		const editingRow = shallowRef();
+		const initialModel = shallowRef(cloneDeep(model.value));
+		const resolvedTitle = computed(() => type.value === "create" ? "创建" : "编辑");
+		const slotContext = computed(() => ({
+			type: type.value,
+			row: editingRow.value,
+			model: model.value
+		}));
+		const formSlotNames = computed(() => Object.keys(slots).filter((name) => !["title", "footer"].includes(name)));
+		function open(_x) {
+			return _open.apply(this, arguments);
+		}
+		function _open() {
+			_open = _asyncToGenerator(function* (row) {
+				var _formRef$value;
+				type.value = row ? "edit" : "create";
+				editingRow.value = row;
+				model.value = cloneDeep(initialModel.value);
+				if (row) try {
+					const detail = __props.detailApi ? yield __props.detailApi(row) : cloneDeep(_objectSpread2({}, row));
+					model.value = __props.valueTransformer ? __props.valueTransformer(detail) : detail;
+				} catch (error) {
+					emit("error", error);
+					return;
+				}
+				visible.value = true;
+				yield nextTick();
+				(_formRef$value = formRef.value) === null || _formRef$value === void 0 || _formRef$value.clearValidate();
+			});
+			return _open.apply(this, arguments);
+		}
+		function handleBeforeOk() {
+			return _handleBeforeOk.apply(this, arguments);
+		}
+		function _handleBeforeOk() {
+			_handleBeforeOk = _asyncToGenerator(function* () {
+				var _formRef$value2;
+				if (yield (_formRef$value2 = formRef.value) === null || _formRef$value2 === void 0 ? void 0 : _formRef$value2.validate()) return false;
+				const context = {
+					type: type.value,
+					row: editingRow.value,
+					model: model.value
+				};
+				if (__props.beforeSubmit && (yield __props.beforeSubmit(context)) === false) return false;
+				try {
+					const api = type.value === "create" ? __props.createApi : __props.updateApi;
+					emit("success", api ? yield api(model.value) : void 0, context);
+					return true;
+				} catch (error) {
+					emit("error", error);
+					return false;
+				}
+			});
+			return _handleBeforeOk.apply(this, arguments);
+		}
+		function handleClose() {
+			var _formRef$value3, _formRef$value4;
+			model.value = cloneDeep(initialModel.value);
+			editingRow.value = void 0;
+			type.value = "create";
+			(_formRef$value3 = formRef.value) === null || _formRef$value3 === void 0 || _formRef$value3.resetFields();
+			(_formRef$value4 = formRef.value) === null || _formRef$value4 === void 0 || _formRef$value4.clearValidate();
+			emit("close");
+		}
+		__expose({
+			open,
+			type: computed(() => type.value),
+			formRef
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Modal), mergeProps({
+				visible: visible.value,
+				"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
+			}, __props.modalProps, {
+				title: resolvedTitle.value,
+				"on-before-ok": handleBeforeOk,
+				onClose: handleClose
+			}), createSlots({
+				default: withCtx(() => [createVNode(unref(JsonForm), mergeProps({
+					ref_key: "formRef",
+					ref: formRef,
+					modelValue: model.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+				}, __props.modalFormProps), createSlots({ _: 2 }, [renderList(formSlotNames.value, (name) => {
+					return {
+						name,
+						fn: withCtx((data) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(_objectSpread2(_objectSpread2({}, data), slotContext.value))))])
+					};
+				})]), 1040, ["modelValue"])]),
+				_: 2
+			}, [_ctx.$slots.title ? {
+				name: "title",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotContext.value)))]),
+				key: "0"
+			} : void 0, _ctx.$slots.footer ? {
+				name: "footer",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotContext.value)))]),
+				key: "1"
+			} : void 0]), 1040, ["visible", "title"]);
+		};
+	}
+}));
+//#endregion
+export { basic_crud_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/basic-crud-table/basic-crud-table.js

@@ -0,0 +1,5 @@
+import basic_crud_table_vue_vue_type_script_setup_true_lang_default from "./basic-crud-table.vue_vue_type_script_setup_true_lang.js";
+//#region components/basic-crud-table/basic-crud-table.vue
+var basic_crud_table_default = basic_crud_table_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { basic_crud_table_default as default };