@kp-ui/lowcode-pc-v2 0.0.1

package/core/src/hooks/useField.js

@@ -0,0 +1,430 @@
+import { EVENT_TYPE, useEmitter } from "../utils/useEmitter.js";
+import { useI18n } from "../utils/i18n.js";
+import { deepClone } from "../utils/util.js";
+import { getEventParams } from "../components/property-editor/propertyRegister.js";
+import { useAppRef } from "./useAppRef.js";
+import { useFieldRules } from "./useFieldRules.js";
+import { computed, inject, onBeforeUnmount, onMounted, ref, toRaw, watch } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { useExecFunction } from "tmgc2-share";
+import { eq, get, isArray } from "lodash-es";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+//#region ../core/src/hooks/useField.ts
+/**
+* 表单字段 Hook，提供表单字段的通用功能
+*/
+function useField(widget) {
+	const formConfig = inject("formConfig", ref({}));
+	const formModel = inject("formData", ref({}));
+	const getReadMode = inject("getReadMode", () => false);
+	const isSubFormField = inject("isSubFormField", false);
+	const subFormRowIndex = inject("subFormRowIndex", ref(0));
+	const getSubFormName = inject("getSubFormName", () => "");
+	const designState = inject("designState", false);
+	const { registerToRefList, getInstance, getPageInstance, unregisterFromRefList } = useAppRef();
+	const { context, executeFunction, asyncExecuteFunction } = useExecFunction();
+	const { i18nt, i18n2t } = useI18n();
+	const { emitter } = useEmitter();
+	const fieldEditor = ref(null);
+	const oldFieldValue = ref(null);
+	const fieldReadonlyFlag = ref(false);
+	const loading = ref(false);
+	/** 获取属性名称 */
+	const getPropName = computed(() => {
+		var _widget$props2;
+		if (isSubFormField && !designState) {
+			var _widget$props;
+			return `${getSubFormName()}.${subFormRowIndex.value}.${((_widget$props = widget.props) === null || _widget$props === void 0 ? void 0 : _widget$props.name) || ""}`;
+		}
+		return ((_widget$props2 = widget.props) === null || _widget$props2 === void 0 ? void 0 : _widget$props2.name) || "";
+	});
+	/** 标签文本 */
+	const label = computed(() => {
+		var _widget$props$label, _widget$props3;
+		return (_widget$props$label = (_widget$props3 = widget.props) === null || _widget$props3 === void 0 ? void 0 : _widget$props3.label) !== null && _widget$props$label !== void 0 ? _widget$props$label : "";
+	});
+	/** 字段值 */
+	const fieldModel = computed({
+		get() {
+			return get((formModel === null || formModel === void 0 ? void 0 : formModel.value) || {}, getPropName.value);
+		},
+		set(value) {
+			syncUpdateFormModel(value);
+		}
+	});
+	const { rules, buildFieldRules, clearFieldRules, clearValidate } = useFieldRules({
+		widget,
+		getPropName,
+		getPageInstance,
+		designState
+	});
+	/** 子表单名称 */
+	const subFormName = computed(() => getSubFormName ? getSubFormName() : "");
+	/** 子表单数据 */
+	const subFormData = computed(() => formModel.value[subFormName.value]);
+	const isFieldWidget = computed(() => widget.category === "field");
+	/** 组件尺寸 */
+	const size = computed(() => {
+		var _widget$props4;
+		return ((_widget$props4 = widget.props) === null || _widget$props4 === void 0 ? void 0 : _widget$props4.size) || formConfig.value.size || "middle";
+	});
+	/** 是否只读模式 */
+	const isReadMode = computed(() => {
+		return getReadMode() || fieldReadonlyFlag.value;
+	});
+	/** 自定义类名 */
+	const customClass = computed(() => {
+		var _widget$props5;
+		return ((_widget$props5 = widget.props) === null || _widget$props5 === void 0 ? void 0 : _widget$props5.customClass) || [];
+	});
+	const dataSource = computed(() => {
+		return widget.dataSource;
+	});
+	/** 处理字段隐藏逻辑 */
+	const handleHidden = computed(() => {
+		var _widget$props$hidden, _widget$props6, _widget$events;
+		if (designState) return false;
+		const hidden = (_widget$props$hidden = (_widget$props6 = widget.props) === null || _widget$props6 === void 0 ? void 0 : _widget$props6.hidden) !== null && _widget$props$hidden !== void 0 ? _widget$props$hidden : false;
+		const onHidden = (_widget$events = widget.events) === null || _widget$events === void 0 ? void 0 : _widget$events.onHidden;
+		if (hidden) return true;
+		if (onHidden) try {
+			const result = executeFunction({ functionBody: onHidden });
+			return typeof result === "boolean" ? result : false;
+		} catch (_unused) {
+			return false;
+		}
+		return false;
+	});
+	/** 处理字段禁用逻辑 */
+	const handleDisabled = computed(() => {
+		var _widget$events2;
+		const { disabled } = widget.props || {};
+		const onDisabled = (_widget$events2 = widget.events) === null || _widget$events2 === void 0 ? void 0 : _widget$events2.onDisabled;
+		if (disabled) return true;
+		if (designState) return;
+		if (onDisabled) try {
+			const result = executeFunction({ functionBody: onDisabled });
+			return typeof result === "boolean" ? result : false;
+		} catch (_unused2) {
+			return false;
+		}
+		return false;
+	});
+	/** 执行组件事件函数 */
+	const executeWidgetEvent = function() {
+		var _ref = _asyncToGenerator(function* (eventName, params = {}) {
+			var _widget$events3;
+			if (designState) return;
+			const eventParams = getEventParams(eventName, widget.type);
+			const eventCode = (_widget$events3 = widget.events) === null || _widget$events3 === void 0 ? void 0 : _widget$events3[eventName];
+			if (eventCode) yield asyncExecuteFunction({
+				functionBody: eventCode,
+				params,
+				keys: eventParams
+			});
+		});
+		return function executeWidgetEvent(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	/** 处理挂载事件 */
+	const handleOnMounted = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (designState) return;
+			yield executeWidgetEvent("onMounted");
+		});
+		return function handleOnMounted() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	/** 处理变更事件 */
+	const handleOnChange = (val, oldVal, item = {}) => {
+		var _widget$events4;
+		if (designState) return;
+		executeFunction({
+			functionBody: ((_widget$events4 = widget.events) === null || _widget$events4 === void 0 ? void 0 : _widget$events4.onChange) || "",
+			params: {
+				value: val,
+				oldValue: oldVal,
+				subFormData: subFormData.value,
+				rowId: subFormRowIndex.value,
+				item
+			},
+			keys: [
+				"value",
+				"oldValue",
+				"subFormData",
+				"rowId",
+				"item"
+			]
+		});
+	};
+	/** 处理焦点事件 */
+	const handleFocusCustomEvent = (event) => {
+		var _widget$events5;
+		if (designState) return;
+		executeFunction({
+			functionBody: ((_widget$events5 = widget.events) === null || _widget$events5 === void 0 ? void 0 : _widget$events5.onFocus) || "",
+			params: { event },
+			keys: ["event"]
+		});
+	};
+	/** 处理失焦事件 */
+	const handleBlurCustomEvent = (event) => {
+		var _widget$events6;
+		if (designState) return;
+		executeFunction({
+			functionBody: ((_widget$events6 = widget.events) === null || _widget$events6 === void 0 ? void 0 : _widget$events6.onBlur) || "",
+			params: { event },
+			keys: ["event"]
+		});
+	};
+	/** 处理点击事件 */
+	const onClick = function() {
+		var _ref3 = _asyncToGenerator(function* () {
+			if (designState || handleDisabled.value) return;
+			yield executeWidgetEvent("onClick");
+		});
+		return function onClick() {
+			return _ref3.apply(this, arguments);
+		};
+	}();
+	/** 发送字段数据变更事件 */
+	const emitFieldDataChange = (newValue, oldValue) => {
+		if (newValue === null || newValue === void 0 ? void 0 : newValue.target) newValue = newValue.target.value;
+		if (!context.value) return;
+		emitter.emit(EVENT_TYPE.ON_FIELD_DATA_CHANGE, {
+			fieldName: widget.props.name,
+			value: newValue,
+			oldValue,
+			field: widget,
+			subFormName: subFormName.value,
+			subFormRowIndex: subFormRowIndex.value
+		});
+	};
+	/** 同步更新表单模型 */
+	const syncUpdateFormModel = (value) => {
+		if (designState) {
+			emitFieldDataChange(value, fieldModel.value);
+			return;
+		}
+		emitter.emit(EVENT_TYPE.ON_FIELD_VALIDATION, [getPropName.value]);
+		const oldValue = toRaw(fieldModel.value);
+		emitFieldDataChange(value, oldValue);
+		handleOnChange(value, oldValue);
+	};
+	/** 设置值 */
+	const setValue = (newValue, disableChangeEvent = false) => {
+		if (newValue === null || newValue === void 0 ? void 0 : newValue.target) newValue = newValue.target.value;
+		if (eq(fieldModel.value, newValue)) return;
+		const oldValue = deepClone(fieldModel.value);
+		if (widget.type === "file-upload") newValue = showFileList(newValue || []);
+		else if (widget.type === "code-editor") {
+			var _getFieldEditor;
+			(_getFieldEditor = getFieldEditor()) === null || _getFieldEditor === void 0 || _getFieldEditor.setValue(newValue);
+		}
+		fieldModel.value = newValue;
+		if (!disableChangeEvent) emitFieldDataChange(newValue, oldValue);
+	};
+	/** 获取值 */
+	const getValue = () => fieldModel.value;
+	/** 重置字段 */
+	const resetField = () => {
+		var _widget$props7;
+		setValue((_widget$props7 = widget.props) === null || _widget$props7 === void 0 ? void 0 : _widget$props7.defaultValue);
+	};
+	/** 刷新默认值 */
+	const refreshDefaultValue = () => {
+		var _widget$props8;
+		fieldModel.value = (_widget$props8 = widget.props) === null || _widget$props8 === void 0 ? void 0 : _widget$props8.defaultValue;
+	};
+	const setReadonly = (flag) => {
+		if (widget.props) widget.props.readonly = flag;
+	};
+	/** 设置禁用 */
+	const setDisabled = (flag) => {
+		if (widget.props) widget.props.disabled = flag;
+	};
+	/** 设置隐藏 */
+	const setHidden = (flag) => {
+		if (widget.props) widget.props.hidden = flag;
+		flag ? clearFieldRules() : buildFieldRules();
+	};
+	/** 设置必填 */
+	const setRequired = (flag) => {
+		if ("validation" in widget && widget.validation) widget.validation.required = flag;
+		buildFieldRules();
+		if (!designState && !flag) clearValidate();
+	};
+	/** 设置标签 */
+	const setLabel = (newLabel) => {
+		if (widget.props) widget.props.label = newLabel;
+	};
+	/** 设置只读模式 */
+	const setReadMode = (flag = true) => {
+		fieldReadonlyFlag.value = flag;
+	};
+	/** 添加 CSS 类 */
+	const addCssClass = (className) => {
+		if (!widget.props) widget.props = {};
+		if (!widget.props.customClass) widget.props.customClass = [className];
+		else widget.props.customClass.push(className);
+	};
+	/** 移除 CSS 类 */
+	const removeCssClass = (className) => {
+		var _widget$props9;
+		if (!((_widget$props9 = widget.props) === null || _widget$props9 === void 0 ? void 0 : _widget$props9.customClass)) return;
+		const idx = widget.props.customClass.indexOf(className);
+		if (idx > -1) widget.props.customClass.splice(idx, 1);
+	};
+	/** 获取字段编辑器 */
+	const getFieldEditor = () => fieldEditor.value;
+	/** 获取 DOM 元素 */
+	const getEl = () => {
+		var _fieldEditor$value;
+		return (_fieldEditor$value = fieldEditor.value) === null || _fieldEditor$value === void 0 ? void 0 : _fieldEditor$value.$el;
+	};
+	/** 获取 VForm 上下文 */
+	const getVfCtx = () => {
+		var _getPageInstance;
+		return ((_getPageInstance = getPageInstance()) === null || _getPageInstance === void 0 ? void 0 : _getPageInstance.vfCtx) || {};
+	};
+	/** 聚焦 */
+	const focus = () => {
+		var _fieldEditor$value2, _fieldEditor$value2$f;
+		(_fieldEditor$value2 = fieldEditor.value) === null || _fieldEditor$value2 === void 0 || (_fieldEditor$value2$f = _fieldEditor$value2.focus) === null || _fieldEditor$value2$f === void 0 || _fieldEditor$value2$f.call(_fieldEditor$value2);
+	};
+	/** 显示文件列表 */
+	const showFileList = (list) => {
+		if (typeof list === "string") try {
+			list = JSON.parse(list);
+		} catch (_unused3) {
+			return [];
+		}
+		if (!isArray(list)) return [];
+		return list.map((item, uid) => _objectSpread(_objectSpread({}, item), {}, {
+			name: item.fileName,
+			uid
+		}));
+	};
+	/** 初始化字段模型 */
+	const initFieldModel = () => {
+		let value;
+		if (isSubFormField) value = fieldModel.value;
+		else {
+			var _widget$props$default, _widget$props10;
+			value = (_widget$props$default = (_widget$props10 = widget.props) === null || _widget$props10 === void 0 ? void 0 : _widget$props10.defaultValue) !== null && _widget$props$default !== void 0 ? _widget$props$default : "";
+		}
+		emitFieldDataChange(toRaw(value), toRaw(fieldModel.value));
+	};
+	const getSubFormRowIndex = () => {
+		return subFormRowIndex.value;
+	};
+	watch(() => widget.validation, () => {
+		buildFieldRules();
+	}, { deep: true });
+	watch(() => {
+		var _widget$props11;
+		return (_widget$props11 = widget.props) === null || _widget$props11 === void 0 ? void 0 : _widget$props11.defaultValue;
+	}, (val) => {
+		syncUpdateFormModel(val);
+	});
+	onMounted(_asyncToGenerator(function* () {
+		if (isFieldWidget.value) initFieldModel();
+		yield registerToRefList();
+		yield handleOnMounted();
+		buildFieldRules();
+	}));
+	onBeforeUnmount(() => {
+		unregisterFromRefList();
+	});
+	return {
+		formModel,
+		context,
+		fieldEditor,
+		fieldModel,
+		oldFieldValue,
+		fieldReadonlyFlag,
+		loading,
+		rules,
+		customClass,
+		label,
+		size,
+		isReadMode,
+		handleHidden,
+		handleDisabled,
+		getPropName,
+		formConfig,
+		subFormName,
+		subFormData,
+		field: widget,
+		widget,
+		dataSource,
+		handleOnMounted,
+		handleOnChange,
+		handleFocusCustomEvent,
+		handleBlurCustomEvent,
+		onClick,
+		executeWidgetEvent,
+		executeFunction,
+		asyncExecuteFunction,
+		setValue,
+		getValue,
+		resetField,
+		refreshDefaultValue,
+		emitFieldDataChange,
+		syncUpdateFormModel,
+		buildFieldRules,
+		clearFieldRules,
+		clearValidate,
+		setReadonly,
+		setDisabled,
+		setHidden,
+		setRequired,
+		setLabel,
+		setReadMode,
+		addCssClass,
+		removeCssClass,
+		getPageInstance,
+		getFieldEditor,
+		getEl,
+		getVfCtx,
+		focus,
+		showFileList,
+		i18nt,
+		i18n2t,
+		designState,
+		isSubFormField,
+		subFormRowIndex,
+		defineExposed: {
+			widget,
+			field: widget,
+			fieldModel,
+			fieldEditor,
+			isReadMode,
+			formModel,
+			getSubFormRowIndex,
+			setValue,
+			getValue,
+			resetField,
+			setReadonly,
+			setDisabled,
+			setHidden,
+			setRequired,
+			setLabel,
+			setReadMode,
+			addCssClass,
+			removeCssClass,
+			clearValidate,
+			focus,
+			getEl,
+			getFieldEditor,
+			getPageInstance,
+			getInstance,
+			getVfCtx,
+			i18nt
+		}
+	};
+}
+//#endregion
+export { useField };

package/core/src/hooks/useFieldRules.js

@@ -0,0 +1,66 @@
+import { useI18n } from "../utils/i18n.js";
+import { ref, unref } from "vue";
+import { checkEmail, checkLetter, checkNoChinese, checkNumLetterV2, checkPhoneNumber, useExecFunction } from "tmgc2-share";
+//#region ../core/src/hooks/useFieldRules.ts
+function useFieldRules({ widget, getPropName, getPageInstance, designState }) {
+	const { executeFunction } = useExecFunction();
+	const { i18nt } = useI18n();
+	const rules = ref([]);
+	const rulesMap = ref({
+		letter: checkLetter,
+		letterAndNumber: checkNumLetterV2,
+		mobilePhone: checkPhoneNumber,
+		email: checkEmail,
+		noChinese: checkNoChinese
+	});
+	/** 构建字段规则 */
+	const buildFieldRules = () => {
+		var _widget$props, _widget$validation, _widget$validation2, _widget$validation5, _widget$validation6;
+		if (!("formItemFlag" in widget) || !widget.formItemFlag || ((_widget$props = widget.props) === null || _widget$props === void 0 ? void 0 : _widget$props.hidden)) return;
+		rules.value = [];
+		if ((_widget$validation = widget.validation) === null || _widget$validation === void 0 ? void 0 : _widget$validation.required) rules.value.push({
+			required: true,
+			trigger: ["blur"],
+			message: widget.validation.requiredHint || i18nt("render.hint.fieldRequired")
+		});
+		if ((_widget$validation2 = widget.validation) === null || _widget$validation2 === void 0 ? void 0 : _widget$validation2.validation) {
+			var _widget$validation3;
+			const rulesFn = unref(rulesMap)[(_widget$validation3 = widget.validation) === null || _widget$validation3 === void 0 ? void 0 : _widget$validation3.validation];
+			if (rulesFn) {
+				var _widget$validation4;
+				rules.value.push(rulesFn((_widget$validation4 = widget.validation) === null || _widget$validation4 === void 0 ? void 0 : _widget$validation4.validationHint));
+			}
+		}
+		(_widget$validation5 = widget.validation) === null || _widget$validation5 === void 0 || (_widget$validation5 = _widget$validation5.rules) === null || _widget$validation5 === void 0 || _widget$validation5.forEach((rule) => {
+			if (rule.type === "pattern" && rule.value) rules.value.push({
+				pattern: new RegExp(rule.value),
+				trigger: rule.trigger || ["blur", "change"],
+				message: rule.message
+			});
+			else if (rule.type === "custom") rules.value.push({
+				validator: () => executeFunction({ functionBody: rule.message }),
+				trigger: rule.trigger || ["blur"]
+			});
+		});
+		if ((_widget$validation6 = widget.validation) === null || _widget$validation6 === void 0 ? void 0 : _widget$validation6.rules) {}
+	};
+	/** 清除字段规则 */
+	const clearFieldRules = () => {
+		if (!("formItemFlag" in widget) || !widget.formItemFlag) return;
+		rules.value = [];
+	};
+	/** 清除校验提示 */
+	const clearValidate = () => {
+		var _getPageInstance;
+		if (designState) return;
+		(_getPageInstance = getPageInstance()) === null || _getPageInstance === void 0 || _getPageInstance.clearValidate(getPropName.value);
+	};
+	return {
+		buildFieldRules,
+		clearFieldRules,
+		clearValidate,
+		rules
+	};
+}
+//#endregion
+export { useFieldRules };

package/core/src/hooks/useLowcode.js

@@ -0,0 +1,144 @@
+import { ref } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { message } from "ant-design-vue";
+import { http, routerReloadStatus, useDataQueryApi, useRouteBackTab } from "tmgc2-share";
+import { cloneDeep } from "lodash-es";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+import { getLocat } from "@kp-ui/tool";
+//#region ../core/src/hooks/useLowcode.ts
+var defaultPageJson = {
+	widgetList: [],
+	formConfig: {}
+};
+var pageJsonCache = /* @__PURE__ */ new Map();
+var pageJsonRequestCache = /* @__PURE__ */ new Map();
+var normalizePageJson = (json) => _objectSpread(_objectSpread({}, defaultPageJson), json || {});
+var getCachedPageJson = (formCode, useDataQuery) => {
+	const cached = pageJsonCache.get(formCode);
+	if (cached) return Promise.resolve(cached);
+	const pending = pageJsonRequestCache.get(formCode);
+	if (pending) return pending;
+	const request = useDataQuery.dataQueryDetail({ code: formCode }, "FormDefinitionV2").then((res) => {
+		const data = res.data.object || {};
+		const cache = {
+			formId: data.formId,
+			json: normalizePageJson(JSON.parse(data.frontendDefinition || "{}"))
+		};
+		pageJsonCache.set(formCode, cache);
+		return cache;
+	}).finally(() => {
+		pageJsonRequestCache.delete(formCode);
+	});
+	pageJsonRequestCache.set(formCode, request);
+	return request;
+};
+var useLowcode = (options = {}) => {
+	const isLoading = ref(false);
+	const useDataQuery = useDataQueryApi();
+	const vfdRef = ref();
+	const formId = ref();
+	const formConfig = ref();
+	const { routeBackTab } = useRouteBackTab();
+	const getPageJson = function() {
+		var _ref = _asyncToGenerator(function* (formCode) {
+			let json = cloneDeep(defaultPageJson);
+			formCode = formCode || options.formCode || getLocat().formCode;
+			if (formCode) {
+				var _vfdRef$value;
+				(_vfdRef$value = vfdRef.value) === null || _vfdRef$value === void 0 || _vfdRef$value.setLoading(true);
+				try {
+					const cache = yield getCachedPageJson(formCode, useDataQuery);
+					json = cloneDeep(cache.json);
+					formId.value = cache.formId;
+				} finally {
+					var _vfdRef$value2;
+					(_vfdRef$value2 = vfdRef.value) === null || _vfdRef$value2 === void 0 || _vfdRef$value2.setLoading(false);
+				}
+			}
+			isLoading.value = false;
+			formConfig.value = json.formConfig;
+			vfdRef.value.setFormJson(json);
+			return json;
+		});
+		return function getPageJson(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	const getComponentJson = function() {
+		var _ref2 = _asyncToGenerator(function* (..._args) {
+			return getPageJson(options.formCode);
+		});
+		return function getComponentJson() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	const getFieldList = function() {
+		var _ref3 = _asyncToGenerator(function* (entityCode) {
+			isLoading.value = true;
+			const p = {
+				pageCode: "EntityPropertyFormItem",
+				conditions: [{
+					fieldCode: "entityCode",
+					type: "EQ",
+					value: entityCode
+				}],
+				requiredFields: [
+					"entityPropertyCode",
+					"entityPropertyName",
+					"valueType"
+				],
+				page: 1,
+				pageSize: null,
+				sorts: []
+			};
+			return yield useDataQuery.execute(p).then((res) => res.data.object.list);
+		});
+		return function getFieldList(_x2) {
+			return _ref3.apply(this, arguments);
+		};
+	}();
+	const fieldListApi = function() {
+		var _ref4 = _asyncToGenerator(function* () {
+			return (yield getFieldList()).map((item) => ({
+				showName: item.entityPropertyName,
+				fieldCode: item.entityPropertyCode
+			}));
+		});
+		return function fieldListApi() {
+			return _ref4.apply(this, arguments);
+		};
+	}();
+	const goBack = (reloadStatus = routerReloadStatus.view, cb) => {
+		routeBackTab(reloadStatus, cb);
+	};
+	return {
+		isLoading,
+		goBack,
+		formConfig,
+		vfdRef,
+		saveJsonApi: function() {
+			var _ref5 = _asyncToGenerator(function* (json) {
+				const { formCode } = getLocat();
+				const params = {
+					formCode,
+					formId: formId.value,
+					frontendDefinition: JSON.stringify(json)
+				};
+				yield http.post(`/api/tmgc2-mgt/formDefinition/formDefinitionV2/save`, params);
+				if (formCode) pageJsonCache.set(formCode, {
+					formId: formId.value,
+					json: normalizePageJson(cloneDeep(json))
+				});
+				message.success("保存成功");
+			});
+			return function saveJsonApi(_x3) {
+				return _ref5.apply(this, arguments);
+			};
+		}(),
+		getPageJson,
+		getComponentJson,
+		fieldListApi
+	};
+};
+//#endregion
+export { useLowcode };

package/core/src/hooks/usePagination.js

@@ -0,0 +1,23 @@
+import { ref } from "vue";
+//#region ../core/src/hooks/usePagination.ts
+function usePagination(defaultPageSize = 20) {
+	const pagination = ref({
+		current: 1,
+		pageSize: defaultPageSize,
+		totalPage: 0,
+		total: 0
+	});
+	const getPagination = () => pagination.value;
+	const setPagination = (pager) => {
+		if (pagination.value.current !== void 0) pagination.value.current = pager.current;
+		if (pagination.value.pageSize !== void 0) pagination.value.pageSize = pager.pageSize;
+		if (pagination.value.total !== void 0) pagination.value.total = pager.total;
+	};
+	return {
+		pagination,
+		getPagination,
+		setPagination
+	};
+}
+//#endregion
+export { usePagination };