@kp-ui/lowcode-pc-v2 0.0.9 → 0.0.10

package/assets/styles/style.css

@@ -445,25 +445,27 @@
 }
 .vf-box-widget .vf-box-content[data-v-d52cfec5] {
   min-height: 60px;
-}.collapse-container[data-v-198dcc4f] {
+}.collapse-container[data-v-72ccf79c] {
   display: flex;
   margin: 2px;
   width: 100%;
 }
-.collapse-container .form-widget-list[data-v-198dcc4f] {
+.collapse-container .form-widget-list[data-v-72ccf79c] {
   min-height: 28px;
 }
-.collapse-container[data-v-198dcc4f] .header-right .form-widget-list {
+.collapse-container[data-v-72ccf79c] .header-right .form-widget-list {
   min-width: 200px;
 }
-.tpf-collapse[data-v-198dcc4f] {
+.tpf-collapse[data-v-72ccf79c] {
   padding: 5px;
 }
-.tpf-collapse .collapse-right[data-v-198dcc4f] {
+.tpf-collapse .collapse-right[data-v-72ccf79c] {
   min-width: 200px;
   min-height: 30px;
+  display: flex;
+  justify-content: end;
 }
-.tpf-collapse[data-v-198dcc4f] .tpf-collapse-content-wrapper {
+.tpf-collapse[data-v-72ccf79c] .tpf-collapse-content-wrapper {
   overflow: hidden;
   background-color: #fff;
   padding: 16px;
@@ -476,7 +478,7 @@
 }
 .flex-container[data-v-4ac728a4] .ant-form-item {
   margin-bottom: 0;
-}.form-widget[data-v-4c8924c1] {
+}.form-widget[data-v-4231072f] {
   width: 100%;
   min-height: 60px;
 }.grid-cell[data-v-598209c1] {

package/core/src/components/common/render/usePageContext.js

@@ -4,7 +4,7 @@ import { generateId, insertCustomCssToHead, insertGlobalFunctionsToHtml, removeC
 import { useAppRef } from "../../../hooks/useAppRef.js";
 import { computed, nextTick, onMounted, ref, watch, watchEffect } from "vue";
 import { useExecFunction, useRef } from "tmgc2-share";
-import { cloneDeep, set } from "lodash-es";
+import { set } from "lodash-es";
 //#region ../core/src/components/common/render/usePageContext.ts
 /**
 * 创建表单上下文
@@ -156,13 +156,10 @@ var usePageContext = ({ props }) => {
 		formDataModel.value[field] = value;
 	};
 	const setVfCtx = (vfCtx) => {
-		formContextData.value = cloneDeep(vfCtx);
+		formContextData.value = vfCtx || {};
 	};
 	const addVfCtx = (vfCtx) => {
-		formContextData.value = cloneDeep({
-			...formContextData.value,
-			...vfCtx
-		});
+		Object.assign(formContextData.value, vfCtx);
 	};
 	const getVfCtx = () => {
 		return formContextData.value;

package/core/src/hooks/useWebMCP.js

@@ -1,12 +1,44 @@
 //#region ../core/src/hooks/useWebMCP.ts
-/**
-* WebMCP 规范注册 Hooks
-* @param context 低代码渲染上下文
-*/
+var LOWCODE_PAGE_SCHEMA_AGENT = {
+	name: "lowcode-page-schema",
+	displayName: "低代码页面 Schema",
+	description: "生成、校验、调整或解释独立可交付的 PC 低代码 page schema，并与当前 PC widget 契约保持一致。",
+	defaultPrompt: "使用 lowcode-page-schema agent 生成、校验或调整独立可交付的 PC 低代码页面 schema。优先通过 WebMCP 读取当前设计器状态；需要导入时使用 setPageJson 回写并再次读取确认。输出必须补齐 widgetList、formConfig、serveList、cssCode/html/custom-render 等完整结构，并遵守当前 PC widget 契约。",
+	capabilities: [
+		"getPageData",
+		"setPageData",
+		"getWidgetsInfo",
+		"getPageJson",
+		"setPageJson",
+		"getRuntimeState"
+	],
+	skill: {
+		name: "lowcode-page-schema",
+		path: "packages/lowcode-page-schema-skill/SKILL.md",
+		references: [
+			"packages/lowcode-page-schema-skill/references/webMCP.md",
+			"packages/lowcode-page-schema-skill/references/widget/index.md",
+			"packages/lowcode-page-schema-skill/scripts/widget-schemas.json"
+		]
+	}
+};
+var getDesignerJson = (context) => {
+	var _context$designer;
+	const designer = context === null || context === void 0 || (_context$designer = context.designer) === null || _context$designer === void 0 ? void 0 : _context$designer.value;
+	if (!designer) return null;
+	return {
+		widgetList: designer.widgetList,
+		formConfig: designer.formConfig
+	};
+};
 var useWebMCP = (context) => {
 	const registerWebMCPTools = () => {
-		window.__LOWCODE_MCP_TOOLS__ = {
+		var _existingTools$contex, _context$designer4;
+		const tools = {
 			context,
+			agent: LOWCODE_PAGE_SCHEMA_AGENT,
+			getAgentManifest: () => LOWCODE_PAGE_SCHEMA_AGENT,
+			getSkillInfo: () => LOWCODE_PAGE_SCHEMA_AGENT.skill,
 			getPageData: () => {
 				var _context$formDataMode;
 				return ((_context$formDataMode = context.formDataModel) === null || _context$formDataMode === void 0 ? void 0 : _context$formDataMode.value) || {};
@@ -24,13 +56,7 @@ var useWebMCP = (context) => {
 				return Array.from(((_context$widgetRefLis = context.widgetRefList) === null || _context$widgetRefLis === void 0 || (_context$widgetRefLis = _context$widgetRefLis.value) === null || _context$widgetRefLis === void 0 ? void 0 : _context$widgetRefLis.keys()) || []);
 			},
 			getPageJson: () => {
-				var _context$designer;
-				const designer = (_context$designer = context.designer) === null || _context$designer === void 0 ? void 0 : _context$designer.value;
-				if (designer) return {
-					widgetList: designer.widgetList,
-					formConfig: designer.formConfig
-				};
-				return null;
+				return getDesignerJson(context);
 			},
 			setPageJson: (formJson) => {
 				var _context$designer2;
@@ -41,8 +67,77 @@ var useWebMCP = (context) => {
 					return "表单 JSON 已导入";
 				}
 				return "导入失败：设计器上下文不存在";
+			},
+			getRuntimeState: () => {
+				var _context$formDataMode3, _context$widgetRefLis2, _context$designer3;
+				return {
+					agent: LOWCODE_PAGE_SCHEMA_AGENT,
+					pageJson: getDesignerJson(context),
+					pageData: ((_context$formDataMode3 = context.formDataModel) === null || _context$formDataMode3 === void 0 ? void 0 : _context$formDataMode3.value) || {},
+					widgets: Array.from(((_context$widgetRefLis2 = context.widgetRefList) === null || _context$widgetRefLis2 === void 0 || (_context$widgetRefLis2 = _context$widgetRefLis2.value) === null || _context$widgetRefLis2 === void 0 ? void 0 : _context$widgetRefLis2.keys()) || []),
+					hasDesigner: Boolean(context === null || context === void 0 || (_context$designer3 = context.designer) === null || _context$designer3 === void 0 ? void 0 : _context$designer3.value)
+				};
 			}
 		};
+		const agent = {
+			...LOWCODE_PAGE_SCHEMA_AGENT,
+			listTools: () => LOWCODE_PAGE_SCHEMA_AGENT.capabilities,
+			callTool: (method, ...args) => {
+				const currentTools = window.__LOWCODE_MCP_TOOLS__;
+				const tool = currentTools === null || currentTools === void 0 ? void 0 : currentTools[method];
+				if (typeof tool !== "function") throw new Error(`Web Agent tool is not available: ${method}`);
+				return tool(...args);
+			},
+			getRuntimeState: tools.getRuntimeState
+		};
+		const existingTools = window.__LOWCODE_MCP_TOOLS__;
+		const existingHasDesigner = Boolean(existingTools === null || existingTools === void 0 || (_existingTools$contex = existingTools.context) === null || _existingTools$contex === void 0 || (_existingTools$contex = _existingTools$contex.designer) === null || _existingTools$contex === void 0 ? void 0 : _existingTools$contex.value);
+		const currentHasDesigner = Boolean(context === null || context === void 0 || (_context$designer4 = context.designer) === null || _context$designer4 === void 0 ? void 0 : _context$designer4.value);
+		if (!existingTools || currentHasDesigner || !existingHasDesigner) {
+			window.__LOWCODE_MCP_TOOLS__ = tools;
+			window.__LOWCODE_WEB_AGENT__ = agent;
+		}
+		if (typeof document !== "undefined" && !window.__LOWCODE_MCP_DOM_BRIDGE__) {
+			window.__LOWCODE_MCP_DOM_BRIDGE__ = true;
+			const ensureBridgeNode = (id, create) => {
+				const existed = document.getElementById(id);
+				if (existed) return existed;
+				const node = create();
+				node.id = id;
+				node.style.cssText = "position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0.01;z-index:2147483647;";
+				document.body.appendChild(node);
+				return node;
+			};
+			const runBridgeRequest = () => {
+				const requestNode = document.getElementById("__LOWCODE_MCP_REQUEST__");
+				const responseNode = document.getElementById("__LOWCODE_MCP_RESPONSE__") || document.body.appendChild(Object.assign(document.createElement("script"), {
+					id: "__LOWCODE_MCP_RESPONSE__",
+					type: "application/json"
+				}));
+				try {
+					const request = JSON.parse((requestNode === null || requestNode === void 0 ? void 0 : requestNode.value) || (requestNode === null || requestNode === void 0 ? void 0 : requestNode.textContent) || "{}");
+					const currentTools = window.__LOWCODE_MCP_TOOLS__;
+					const method = currentTools === null || currentTools === void 0 ? void 0 : currentTools[request.method || ""];
+					if (typeof method !== "function") throw new Error(`WebMCP method is not available: ${request.method}`);
+					responseNode.textContent = JSON.stringify({
+						id: request.id,
+						ok: true,
+						result: method(...request.args || [])
+					});
+				} catch (error) {
+					responseNode.textContent = JSON.stringify({
+						ok: false,
+						error: (error === null || error === void 0 ? void 0 : error.message) || String(error)
+					});
+				}
+			};
+			ensureBridgeNode("__LOWCODE_MCP_REQUEST__", () => document.createElement("textarea"));
+			const button = ensureBridgeNode("__LOWCODE_MCP_TRIGGER__", () => document.createElement("button"));
+			button.setAttribute("type", "button");
+			button.setAttribute("aria-label", "WebMCP trigger");
+			button.onclick = runBridgeRequest;
+			document.addEventListener("__LOWCODE_MCP_REQUEST__", runBridgeRequest);
+		}
 	};
 	return { registerWebMCPTools };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode-pc-v2",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -15,6 +15,7 @@
     "ant-design-vue": "4.2.6",
     "query-string": "^6.14.1",
     "dayjs": "^1.11.7",
+    "@kp-ui/lowcode-page-schema-skill": "workspace:*",
     "@kp-ui/tool": "2.14.1",
     "tailwindcss": "3.4.9",
     "vue": "3.5.17",

package/src/widgets/containers/collapse/index-render.js

@@ -3,6 +3,6 @@ import index_render_vue_vue_type_script_setup_true_lang_default from "./index-re
 /* empty css                                                             */
 /* empty css                                                             */
 //#region src/widgets/containers/collapse/index-render.vue
-var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-198dcc4f"]]);
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-72ccf79c"]]);
 //#endregion
 export { index_render_default as default };

package/src/widgets/containers/form/index-render.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                             */
 //#region src/widgets/containers/form/index-render.vue
-var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4c8924c1"]]);
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4231072f"]]);
 //#endregion
 export { index_render_default as default };

package/src/widgets/containers/form/index-render.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,39 @@ var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	props: { widget: {} },
 	setup(__props, { expose: __expose }) {
 		const { fieldEditor, formModel, handleHidden, defineExposed } = useField(__props.widget);
-		__expose({ ...defineExposed });
+		const validate = (...args) => {
+			var _fieldEditor$value, _fieldEditor$value$va;
+			return (_fieldEditor$value = fieldEditor.value) === null || _fieldEditor$value === void 0 || (_fieldEditor$value$va = _fieldEditor$value.validate) === null || _fieldEditor$value$va === void 0 ? void 0 : _fieldEditor$value$va.call(_fieldEditor$value, ...args);
+		};
+		const validateFields = (...args) => {
+			var _fieldEditor$value2, _fieldEditor$value2$v;
+			return (_fieldEditor$value2 = fieldEditor.value) === null || _fieldEditor$value2 === void 0 || (_fieldEditor$value2$v = _fieldEditor$value2.validateFields) === null || _fieldEditor$value2$v === void 0 ? void 0 : _fieldEditor$value2$v.call(_fieldEditor$value2, ...args);
+		};
+		const resetFields = (...args) => {
+			var _fieldEditor$value3, _fieldEditor$value3$r;
+			return (_fieldEditor$value3 = fieldEditor.value) === null || _fieldEditor$value3 === void 0 || (_fieldEditor$value3$r = _fieldEditor$value3.resetFields) === null || _fieldEditor$value3$r === void 0 ? void 0 : _fieldEditor$value3$r.call(_fieldEditor$value3, ...args);
+		};
+		const clearValidate = (...args) => {
+			var _fieldEditor$value4, _fieldEditor$value4$c;
+			return (_fieldEditor$value4 = fieldEditor.value) === null || _fieldEditor$value4 === void 0 || (_fieldEditor$value4$c = _fieldEditor$value4.clearValidate) === null || _fieldEditor$value4$c === void 0 ? void 0 : _fieldEditor$value4$c.call(_fieldEditor$value4, ...args);
+		};
+		const scrollToField = (...args) => {
+			var _fieldEditor$value5, _fieldEditor$value5$s;
+			return (_fieldEditor$value5 = fieldEditor.value) === null || _fieldEditor$value5 === void 0 || (_fieldEditor$value5$s = _fieldEditor$value5.scrollToField) === null || _fieldEditor$value5$s === void 0 ? void 0 : _fieldEditor$value5$s.call(_fieldEditor$value5, ...args);
+		};
+		const getFieldsValue = (...args) => {
+			var _fieldEditor$value6, _fieldEditor$value6$g;
+			return (_fieldEditor$value6 = fieldEditor.value) === null || _fieldEditor$value6 === void 0 || (_fieldEditor$value6$g = _fieldEditor$value6.getFieldsValue) === null || _fieldEditor$value6$g === void 0 ? void 0 : _fieldEditor$value6$g.call(_fieldEditor$value6, ...args);
+		};
+		__expose({
+			...defineExposed,
+			validate,
+			validateFields,
+			resetFields,
+			clearValidate,
+			scrollToField,
+			getFieldsValue
+		});
 		return (_ctx, _cache) => {
 			const _component_a_form = resolveComponent("a-form");
 			return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {