@kdesigner/amis-vue 0.0.0-alpha.1

package/dist/index.cjs

@@ -0,0 +1,1037 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let _kdesigner_core = require("@kdesigner/core");
+let _kdesigner_shared = require("@kdesigner/shared");
+let vue = require("vue");
+let amis = require("amis");
+let react = require("react");
+react = __toESM(react, 1);
+let veaury = require("veaury");
+let vue_router = require("vue-router");
+let copy_to_clipboard = require("copy-to-clipboard");
+copy_to_clipboard = __toESM(copy_to_clipboard, 1);
+let react_dom_client = require("react-dom/client");
+require("moment/locale/zh-cn");
+let js_yaml = require("js-yaml");
+js_yaml = __toESM(js_yaml);
+let amis_core = require("amis-core");
+require("@kdesigner/amis-extensions/style.css");
+require("@kdesigner/components/style");
+//#region src/editor/AmisPageEditor.vue?vue&type=script&lang.ts
+var AmisPageEditor_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
+	props: {
+		schema: Object,
+		rollbackPageSource: Function,
+		getPageSource: {
+			type: Function,
+			required: true
+		},
+		savePageSource: {
+			type: Function,
+			required: true
+		}
+	},
+	emits: ["exit"],
+	setup(props, { emit }) {
+		const editorRef = (0, vue.ref)(null);
+		let fetched = false;
+		let editorInited = false;
+		const { savePageSource, rollbackPageSource, getPageSource } = props;
+		function pushSchema(schema) {
+			postMsg({
+				type: "setSchema",
+				data: schema
+			});
+		}
+		/** 首次初始化：有 schema 直接推；否则自行拉取（宿主已去掉前置 loading） */
+		function applyInitialSchema() {
+			if (fetched) return;
+			if (props.schema != null) {
+				fetched = true;
+				pushSchema(props.schema);
+				return;
+			}
+			fetched = true;
+			getPageSource(true).then((page) => {
+				pushSchema(page);
+			}).catch((e) => {
+				fetched = false;
+				postMsg({
+					type: "toast",
+					level: "error",
+					message: e.message || e.toString()
+				});
+			});
+		}
+		function handleEvent(event) {
+			if (event.data == "amis-editor-inited") {
+				editorInited = true;
+				applyInitialSchema();
+			} else if (event.data === "amis-editor-reload") {
+				fetched = false;
+				startFetch();
+			} else if (event.data === "amis-editor-exit") emit("exit");
+			else if (event.data === "amis-editor-rollback") {
+				if (rollbackPageSource) rollbackPageSource().then(() => {
+					postMsg({
+						type: "toast",
+						level: "info",
+						message: "回滚成功"
+					});
+				}).catch((e) => {
+					postMsg({
+						type: "toast",
+						level: "error",
+						message: e.message || e.toString()
+					});
+				}).then(() => {
+					fetched = false;
+					return startFetch();
+				});
+			} else if ((0, _kdesigner_shared.isString)(event.data) && event.data.startsWith("{")) {
+				var data = JSON.parse(event.data);
+				if (data.type == "save") savePageSource(data.data).then(() => {
+					postMsg({
+						type: "toast",
+						message: "保存成功"
+					});
+				}).catch((e) => {
+					postMsg({
+						type: "toast",
+						level: "error",
+						message: e.message || e.toString()
+					});
+				});
+				else if (data.type == "ajaxFetch") (0, _kdesigner_core.ajaxFetch)(data.data).then((result) => {
+					postMsg({
+						type: "ajaxComplete",
+						reqId: data.reqId,
+						result
+					});
+				});
+			} else console.log("unknown-message", event.data);
+		}
+		function postMsg(msg) {
+			const frame = editorRef.value;
+			if (!frame) return;
+			const str = (0, _kdesigner_shared.isString)(msg) ? msg : JSON.stringify(msg);
+			frame.contentWindow.postMessage(str, "*");
+		}
+		function startFetch() {
+			if (!editorRef.value) return;
+			fetched = true;
+			return getPageSource(true).then((page) => {
+				postMsg({
+					type: "toast",
+					level: "info",
+					message: "页面加载成功"
+				});
+				postMsg({
+					type: "setSchema",
+					data: page
+				});
+			}).catch((e) => {
+				postMsg({
+					type: "toast",
+					level: "error",
+					message: e.message || e.toString()
+				});
+				throw e;
+			});
+		}
+		window.addEventListener("message", handleEvent);
+		(0, vue.watch)(() => props.schema, (schema) => {
+			if (!editorInited || schema == null) return;
+			fetched = true;
+			pushSchema(schema);
+		});
+		(0, vue.onUnmounted)(() => {
+			console.log("editor unmounted");
+			window.removeEventListener("message", handleEvent);
+		});
+		return { editorRef };
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/editor/AmisPageEditor.vue
+const _hoisted_1$3 = {
+	style: {
+		"width": "100%",
+		"height": "100%",
+		"border": "none"
+	},
+	ref: "editorRef",
+	src: "/amis-editor/index.html"
+};
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", _hoisted_1$3, null, 512);
+}
+var AmisPageEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AmisPageEditor_vue_vue_type_script_lang_default, [["render", _sfc_render$3]]);
+//#endregion
+//#region src/editor/XuiPageEditor.vue
+var XuiPageEditor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "XuiPageEditor",
+	props: {
+		rollbackPageSource: Function,
+		getPageSource: {
+			type: Function,
+			required: true
+		},
+		savePageSource: {
+			type: Function,
+			required: true
+		}
+	},
+	emits: ["exit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { getPageSource } = props;
+		const { useI18n } = (0, _kdesigner_core.useAdapter)();
+		const emit = __emit;
+		function handleExit() {
+			emit("exit");
+		}
+		const componentType = (0, vue.shallowRef)((0, vue.markRaw)(AmisPageEditor_default));
+		const schemaRef = (0, vue.shallowRef)();
+		(0, vue.watchEffect)(() => {
+			getPageSource(false).then((schema) => {
+				if (!schema) schema = {};
+				schemaRef.value = (0, vue.markRaw)(schema);
+				const schemaTypeName = schema["xui:schema-type"];
+				if (!schemaTypeName) {
+					componentType.value = (0, vue.markRaw)(AmisPageEditor_default);
+					return;
+				}
+				const schemaType = (0, _kdesigner_core.getSchemaProcessorType)(schemaTypeName);
+				if (!schemaType) {
+					const { t } = useI18n();
+					(0, _kdesigner_core.useAdapter)().notify("error", t("nop.err.unknown-schema-type"));
+					throw new Error("nop.err.unknown-schema-type");
+				}
+				componentType.value = (0, vue.markRaw)(schemaType.editorComponentType);
+			});
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(componentType.value), (0, vue.mergeProps)(props, {
+				schema: schemaRef.value,
+				onExit: handleExit
+			}), null, 16, ["schema"]);
+		};
+	}
+});
+//#endregion
+//#region src/editor/XuiPageEditorDialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = {
+	key: 0,
+	class: "page-editor-root",
+	role: "dialog",
+	"aria-modal": "true"
+};
+//#endregion
+//#region src/editor/XuiPageEditorDialog.vue
+var XuiPageEditorDialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "XuiPageEditorDialog",
+	props: {
+		modelValue: Boolean,
+		rollbackPageSource: Function,
+		getPageSource: {
+			type: Function,
+			required: true
+		},
+		savePageSource: {
+			type: Function,
+			required: true
+		}
+	},
+	emits: ["update:modelValue", "exit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		let prevBodyOverflow = "";
+		(0, vue.watch)(() => props.modelValue, (open) => {
+			if (open) {
+				prevBodyOverflow = document.body.style.overflow;
+				document.body.style.overflow = "hidden";
+			} else document.body.style.overflow = prevBodyOverflow;
+		});
+		(0, vue.onUnmounted)(() => {
+			document.body.style.overflow = prevBodyOverflow;
+		});
+		function handleEditorExit() {
+			emit("update:modelValue", false);
+			emit("exit");
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)(" 自绘全屏层：不依赖 element-plus 样式（宿主常未引入） "), ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: "body" }, [__props.modelValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$2, [(0, vue.createVNode)(XuiPageEditor_default, {
+				savePageSource: __props.savePageSource,
+				rollbackPageSource: __props.rollbackPageSource,
+				getPageSource: __props.getPageSource,
+				onExit: handleEditorExit
+			}, null, 8, [
+				"savePageSource",
+				"rollbackPageSource",
+				"getPageSource"
+			])])) : (0, vue.createCommentVNode)("v-if", true)]))], 2112);
+		};
+	}
+});
+//#endregion
+//#region src/editor/XuiLoading.vue
+const _sfc_main = {};
+const _hoisted_1$1 = {
+	class: "app-loading",
+	role: "status",
+	"aria-live": "polite",
+	"aria-label": "Loading"
+};
+function _sfc_render$2(_ctx, _cache) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("div", { class: "app-loading-spinner" }, null, -1)])]);
+}
+var XuiLoading_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render$2], ["__scopeId", "data-v-a382f6ec"]]);
+//#endregion
+//#region src/runtime/env.ts
+function createEnv(page) {
+	const { debug } = (0, _kdesigner_core.useDebug)();
+	const adapter = (0, _kdesigner_core.useAdapter)();
+	const env = {
+		session: page.id,
+		affixOffsetTop: 0,
+		fetcher(options) {
+			(0, _kdesigner_core.providePage)(page);
+			options._page = page;
+			return (0, _kdesigner_core.ajaxFetch)(options);
+		},
+		jumpTo(to, _action, _ctx) {
+			const router = adapter.useRouter();
+			return (0, _kdesigner_core.default_jumpTo)(router, to);
+		},
+		isCancel: _kdesigner_core.isCancel,
+		isCurrentUrl: _kdesigner_core.default_isCurrentUrl,
+		updateLocation(to, replace) {
+			(0, _kdesigner_core.default_updateLocation)(to, !!replace);
+		},
+		notify: adapter.notify,
+		enableAMISDebug: debug.value,
+		alert: adapter.alert,
+		confirm: adapter.confirm,
+		copy: (contents, options) => {
+			if (options === void 0) options = {};
+			const { t } = adapter.useI18n();
+			const ret = (0, copy_to_clipboard.default)(contents, options);
+			if (ret && (!options || options.shutup !== true)) amis.toast.info(t("Copy To Clipboard"));
+			return ret;
+		}
+	};
+	env._page = page;
+	page.env = env;
+	return env;
+}
+//#endregion
+//#region src/runtime/react-adapter.ts
+function defineReactPageComponent(builder) {
+	return (0, vue.defineComponent)({
+		props: {
+			schema: Object,
+			data: Object,
+			registerPage: Function,
+			actions: Object
+		},
+		setup(props) {
+			const domRef = (0, vue.ref)();
+			let root;
+			const options = builder({ actions: props.actions });
+			const page = (0, _kdesigner_core.createPage)(options);
+			props.registerPage?.(page);
+			function destroyPage() {
+				if (root) {
+					root.unmount();
+					options.onDestroyPage?.(page);
+					root = void 0;
+				}
+			}
+			function renderPage() {
+				const schema = (0, _kdesigner_shared.deepClone)(props.schema);
+				root = (0, react_dom_client.createRoot)(domRef.value);
+				const r = root;
+				Promise.resolve(options.onRenderPage(schema, props.data, page)).then((v) => r.render(v));
+			}
+			(0, vue.watchEffect)(() => {
+				destroyPage();
+				if (props.schema && domRef.value) renderPage();
+			});
+			(0, vue.onBeforeUnmount)(() => {
+				destroyPage();
+				return { domRef };
+			});
+			return () => (0, vue.h)("div", {
+				ref: domRef,
+				style: {
+					width: "100%",
+					height: "100%"
+				},
+				class: "nop-page"
+			});
+		}
+	});
+}
+//#endregion
+//#region src/page/AmisSchemaPage.ts
+var AmisSchemaPage_default = defineReactPageComponent((props) => {
+	let amisScoped;
+	const route = (0, vue_router.useRoute)();
+	return {
+		actions: props.actions,
+		getComponent(name) {
+			return get_component(name);
+		},
+		getScopedStore(name) {
+			return get_component(name)?.props?.store;
+		},
+		getState(name) {
+			return get_root_store().get(name);
+		},
+		setState(name, value) {
+			get_root_store().set(name, value);
+		},
+		onDestroyPage(page) {
+			(0, amis.clearStoresCache)(page.id);
+		},
+		async onRenderPage(schema, data, page) {
+			const env = createEnv(page);
+			const locale = (0, _kdesigner_core.useAdapter)().useLocale();
+			let globalScopeData = {};
+			try {
+				globalScopeData = await _kdesigner_core.UserApis.LoginApi__getLoginUserInfo();
+			} catch (e) {
+				console.error(e);
+			}
+			const opts = {
+				data: {
+					...data,
+					globalScopeData,
+					route: {
+						meta: route.meta,
+						path: route.path,
+						name: route.name,
+						query: route.query,
+						params: route.params,
+						fullPath: route.fullPath,
+						hash: route.hash
+					}
+				},
+				onConfirm: page.getAction("ok") || function() {},
+				onClose: function(b) {
+					if (b) page.getAction("ok")?.();
+					else page.getAction("cancel")?.();
+				},
+				scopeRef: (scoped) => {
+					amisScoped = scoped;
+				},
+				locale,
+				theme: "cxd"
+			};
+			(0, amis.setDefaultLocale)(locale);
+			schema = await (0, _kdesigner_core.transformPageJson)(schema.__baseUrl, schema);
+			await (0, _kdesigner_core.bindActions)(schema.__baseUrl, schema, page);
+			return (0, amis.render)(schema, opts, env);
+		}
+	};
+	function get_root() {
+		return amisScoped?.getComponents()[0];
+	}
+	function get_root_store() {
+		return get_root()?.context.store;
+	}
+	function get_component(name) {
+		if (name[0] == "#") {
+			const pos = name.indexOf(".");
+			if (pos < 0) return get_root()?.context.getComponentById(name.substring(1));
+			else return get_root()?.context.getComponentById(name.substring(1)).getComponentByName(name.substring(pos + 1));
+		} else return get_root()?.context.getComponentByName(name);
+	}
+});
+//#endregion
+//#region src/page/XuiSchemaPage.vue?vue&type=script&lang.ts
+/**
+* 嵌入到vue中的amis页面。每个AmisSchemaPage都对应一个ReactRooot。schema发生变化时会重新创建react组件
+*/
+var XuiSchemaPage_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
+	props: {
+		schema: Object,
+		data: Object,
+		registerPage: Function,
+		actions: Object
+	},
+	setup(props) {
+		const { useI18n } = (0, _kdesigner_core.useAdapter)();
+		let componentType = (0, vue.ref)((0, vue.markRaw)(AmisSchemaPage_default));
+		(0, vue.watchEffect)(() => {
+			const schemaTypeName = props.schema?.["xui:schema-type"];
+			if (!schemaTypeName) componentType.value = (0, vue.markRaw)(AmisSchemaPage_default);
+			else {
+				const schemaType = (0, _kdesigner_core.getSchemaProcessorType)(schemaTypeName);
+				if (!schemaType) {
+					const { t } = useI18n();
+					(0, _kdesigner_core.useAdapter)().notify("error", t("nop.err.unknown-schema-type"));
+					throw new Error("nop.err.unknown-schema-type");
+				}
+				componentType.value = (0, vue.markRaw)(schemaType.componentType);
+			}
+		});
+		return { componentType };
+	}
+});
+//#endregion
+//#region src/page/XuiSchemaPage.vue
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.componentType), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$props)), null, 16);
+}
+var XuiSchemaPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(XuiSchemaPage_vue_vue_type_script_lang_default, [["render", _sfc_render$1]]);
+//#endregion
+//#region src/debug/debugger.ts
+var debugger_default = {
+	type: "page",
+	"xui:schema": "amis",
+	body: {
+		type: "form",
+		title: null,
+		actions: [
+			{
+				label: "Cancel",
+				type: "action",
+				actionType: "ajax",
+				level: "default",
+				api: {
+					url: "action://cancel",
+					messages: { success: "_" }
+				}
+			},
+			{
+				label: "Apply",
+				type: "action",
+				actionType: "ajax",
+				level: "success",
+				api: "action://change"
+			},
+			{
+				label: "Yaml/JSON",
+				type: "action",
+				actionType: "ajax",
+				level: "primary",
+				api: "action://toggleYaml"
+			},
+			{
+				label: "Submit",
+				type: "action",
+				actionType: "ajax",
+				level: "primary",
+				api: "action://ok"
+			}
+		],
+		body: [{
+			type: "editor",
+			name: "schema",
+			placeholder: "{}",
+			visibleOn: "this.lang !='yaml'"
+		}, {
+			type: "yaml-editor",
+			name: "schema",
+			placeholder: {},
+			visibleOn: "this.lang == 'yaml'"
+		}]
+	}
+};
+//#endregion
+//#region src/debug/XuiDebugger.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "schema-modal-panel" };
+const _hoisted_2 = { class: "schema-modal-body" };
+const POSITION_KEY = "kdesigner:xui-debugger-pos";
+//#endregion
+//#region src/debug/XuiDebugger.vue
+var XuiDebugger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "XuiDebugger",
+	props: {
+		path: {
+			type: String,
+			required: true
+		},
+		schema: Object
+	},
+	emits: ["update:schema", "rebuild"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const schemaVisible = (0, vue.ref)(false);
+		const designerVisible = (0, vue.ref)(false);
+		const dragging = (0, vue.ref)(false);
+		const pos = (0, vue.ref)(null);
+		let prevBodyOverflow = "";
+		const positionStyle = (0, vue.computed)(() => {
+			if (!pos.value) return void 0;
+			return {
+				left: `${pos.value.left}px`,
+				top: `${pos.value.top}px`,
+				right: "auto"
+			};
+		});
+		(0, vue.onMounted)(() => {
+			try {
+				const raw = sessionStorage.getItem(POSITION_KEY);
+				if (!raw) return;
+				const parsed = JSON.parse(raw);
+				if (Number.isFinite(parsed.left) && Number.isFinite(parsed.top)) pos.value = clampPos(parsed.left, parsed.top);
+			} catch {}
+		});
+		(0, vue.onUnmounted)(() => {
+			restoreBodyScroll();
+		});
+		(0, vue.watch)(schemaVisible, (open) => {
+			if (open) lockBodyScroll();
+			else restoreBodyScroll();
+		});
+		function lockBodyScroll() {
+			prevBodyOverflow = document.body.style.overflow;
+			document.body.style.overflow = "hidden";
+		}
+		function restoreBodyScroll() {
+			document.body.style.overflow = prevBodyOverflow;
+		}
+		function clampPos(left, top) {
+			const maxLeft = Math.max(8, window.innerWidth - 100);
+			const maxTop = Math.max(8, window.innerHeight - 48);
+			return {
+				left: Math.min(Math.max(8, left), maxLeft),
+				top: Math.min(Math.max(8, top), maxTop)
+			};
+		}
+		/** 仅手柄可拖；S/V 保持正常 click，避免 pointer capture 吞事件 */
+		function onPointerDown(e) {
+			if (e.button !== 0 && e.pointerType === "mouse") return;
+			e.preventDefault();
+			const handle = e.currentTarget;
+			const panel = handle.closest(".page-debugger");
+			if (!panel) return;
+			const rect = panel.getBoundingClientRect();
+			const startX = e.clientX;
+			const startY = e.clientY;
+			const originLeft = rect.left;
+			const originTop = rect.top;
+			dragging.value = true;
+			handle.setPointerCapture(e.pointerId);
+			const onMove = (ev) => {
+				pos.value = clampPos(originLeft + (ev.clientX - startX), originTop + (ev.clientY - startY));
+			};
+			const onUp = (ev) => {
+				dragging.value = false;
+				handle.releasePointerCapture(ev.pointerId);
+				handle.removeEventListener("pointermove", onMove);
+				handle.removeEventListener("pointerup", onUp);
+				handle.removeEventListener("pointercancel", onUp);
+				if (pos.value) try {
+					sessionStorage.setItem(POSITION_KEY, JSON.stringify(pos.value));
+				} catch {}
+			};
+			handle.addEventListener("pointermove", onMove);
+			handle.addEventListener("pointerup", onUp);
+			handle.addEventListener("pointercancel", onUp);
+		}
+		const schemaData = (0, vue.shallowRef)({
+			schema: "",
+			lang: "json"
+		});
+		const { PageProvider__getPageSource, PageProvider__rollbackPageSource, PageProvider__savePageSource } = _kdesigner_core.PageApis;
+		function getPageSource(silent) {
+			return PageProvider__getPageSource(props.path, silent);
+		}
+		function savePageSource(data) {
+			(0, _kdesigner_core.deletePageCache)(props.path);
+			PageProvider__savePageSource(props.path, data, true);
+		}
+		function rollbackPageSource() {
+			PageProvider__rollbackPageSource(props.path, true);
+		}
+		function openSchemaEditor() {
+			schemaData.value = {
+				schema: js_yaml.default.dump(props.schema),
+				lang: "yaml"
+			};
+			schemaVisible.value = true;
+		}
+		const schemaActions = {
+			ok: handleOk,
+			cancel: handleCancel,
+			change: handleChange,
+			rebuild: handleRebuild,
+			toggleYaml: handleToggleYaml
+		};
+		function handleChange(options) {
+			const data = options.data;
+			let json = schemaData.value.lang == "yaml" ? js_yaml.default.load(data.schema) : JSON.parse(data.schema);
+			emit("update:schema", json);
+		}
+		function handleOk(data) {
+			handleChange(data);
+			schemaVisible.value = false;
+		}
+		function handleCancel() {
+			schemaVisible.value = false;
+		}
+		function handleRebuild() {
+			emit("rebuild");
+		}
+		function handleToggleYaml(options) {
+			let schema = options.data.schema;
+			if (options.data.lang == "yaml") schemaData.value = {
+				lang: "json",
+				schema: JSON.stringify(js_yaml.default.load(schema), null, "  ")
+			};
+			else schemaData.value = {
+				lang: "yaml",
+				schema: js_yaml.default.dump(JSON.parse(schema))
+			};
+		}
+		function openXuiPageEditor() {
+			designerVisible.value = true;
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
+				(0, vue.createElementVNode)("span", {
+					class: (0, vue.normalizeClass)(["page-debugger", { "is-dragging": dragging.value }]),
+					style: (0, vue.normalizeStyle)(positionStyle.value)
+				}, [
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "debug-handle",
+						title: "拖动",
+						"aria-label": "拖动调试工具",
+						onPointerdown: onPointerDown
+					}, " ⋮⋮ ", 32),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "debug-btn",
+						title: "Schema Json Editor",
+						onClick: openSchemaEditor
+					}, " S "),
+					__props.path ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+						key: 0,
+						type: "button",
+						class: "debug-btn",
+						title: "Page Visual Designer",
+						onClick: openXuiPageEditor
+					}, " V ")) : (0, vue.createCommentVNode)("v-if", true)
+				], 6),
+				(0, vue.createCommentVNode)(" 自绘浮层：宿主未必引入 element-plus 样式，el-dialog 会掉进文档流撑高页面 "),
+				((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: "body" }, [schemaVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: "schema-modal-root",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": "Page Schema",
+					onKeydown: (0, vue.withKeys)(handleCancel, ["esc"])
+				}, [(0, vue.createElementVNode)("div", {
+					class: "schema-modal-mask",
+					onClick: handleCancel
+				}), (0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("header", { class: "schema-modal-header" }, [_cache[1] || (_cache[1] = (0, vue.createElementVNode)("h2", { class: "schema-modal-title" }, "Page Schema", -1)), (0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "schema-modal-close",
+					"aria-label": "关闭",
+					onClick: handleCancel
+				}, " × ")]), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createVNode)((0, vue.unref)(AmisSchemaPage_default), {
+					schema: (0, vue.unref)(debugger_default),
+					actions: schemaActions,
+					data: schemaData.value
+				}, null, 8, ["schema", "data"])])])], 32)) : (0, vue.createCommentVNode)("v-if", true)])),
+				(0, vue.createVNode)(XuiPageEditorDialog_default, {
+					modelValue: designerVisible.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => designerVisible.value = $event),
+					savePageSource,
+					rollbackPageSource,
+					getPageSource
+				}, null, 8, ["modelValue"])
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/page/XuiPage.vue?vue&type=script&lang.ts
+/**
+* 在AmisSchemaPage的基础上增加AmisDebugger调试功能，以及根据path动态加载schema的功能
+*/
+var XuiPage_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
+	name: "amis-page",
+	props: {
+		path: {
+			type: String,
+			required: true
+		},
+		data: Object,
+		config: Object,
+		registerPage: Function,
+		actions: Object
+	},
+	components: {
+		XuiDebugger: XuiDebugger_default,
+		XuiSchemaPage: XuiSchemaPage_default
+	},
+	setup(props) {
+		const { getPage } = (0, _kdesigner_core.useAdapter)();
+		let pageSchema = (0, vue.shallowRef)();
+		function registerPage(p) {
+			props.registerPage?.(p);
+		}
+		(0, vue.watchEffect)(() => {
+			getPage(props.path).then((res) => {
+				res.__baseUrl = props.path;
+				updateSchema(res);
+			});
+		});
+		function updateSchema(value) {
+			pageSchema.value = value;
+		}
+		function rebuild() {
+			pageSchema.value = (0, _kdesigner_shared.deepClone)(pageSchema.value);
+		}
+		const { debug } = (0, _kdesigner_core.useDebug)();
+		return {
+			pageSchema,
+			updateSchema,
+			rebuild,
+			registerPage,
+			debug,
+			actions: { ...props.actions },
+			data: props.data
+		};
+	}
+});
+//#endregion
+//#region src/page/XuiPage.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_xui_debugger = (0, vue.resolveComponent)("xui-debugger");
+	const _component_XuiSchemaPage = (0, vue.resolveComponent)("XuiSchemaPage");
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [_ctx.debug ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_xui_debugger, {
+		key: 0,
+		path: _ctx.path,
+		schema: _ctx.pageSchema,
+		"onUpdate:schema": _ctx.updateSchema,
+		onRebuild: _ctx.rebuild
+	}, null, 8, [
+		"path",
+		"schema",
+		"onUpdate:schema",
+		"onRebuild"
+	])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)(_component_XuiSchemaPage, {
+		schema: _ctx.pageSchema,
+		registerPage: _ctx.registerPage,
+		action: _ctx.actions,
+		data: _ctx.data
+	}, null, 8, [
+		"schema",
+		"registerPage",
+		"action",
+		"data"
+	])], 64);
+}
+var XuiPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(XuiPage_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+//#region src/toast/AmisToast.vue
+var AmisToast_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "AmisToast",
+	setup(__props) {
+		const domRef = (0, vue.ref)();
+		let root;
+		(0, vue.onMounted)(() => {
+			root = (0, react_dom_client.createRoot)(domRef.value);
+			root.render((0, react.createElement)(react.Fragment, {}, (0, react.createElement)(amis.ToastComponent, { position: "top-right" })));
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			if (root) {
+				root.unmount();
+				root = void 0;
+			}
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				ref_key: "domRef",
+				ref: domRef
+			}, null, 512);
+		};
+	}
+});
+//#endregion
+//#region src/runtime/AmisVueComponent.ts
+var VueControl = class extends react.default.Component {
+	constructor(props) {
+		super(props);
+		const { resolveVueComponent } = (0, _kdesigner_core.useAdapter)();
+		const name = props.vueComponent || props.componentName;
+		const resolved = typeof name === "string" && name ? resolveVueComponent(name) : name;
+		if (!resolved) {
+			this.missingComponentName = String(name || "unknown");
+			this.vueComponent = null;
+			console.error(`[amis-vue] Vue component not registered: ${this.missingComponentName}`);
+			return;
+		}
+		this.vueComponent = (0, veaury.applyPureVueInReact)(resolved);
+	}
+	doAction(action, _data, _throwErrors) {
+		const { resetValue, onChange } = this.props;
+		const actionType = action?.actionType;
+		if (actionType === "clear") onChange(void 0);
+		else if (actionType === "reset") onChange(resetValue);
+	}
+	async dispatchChangeEvent(eventData = {}) {
+		const { dispatchEvent, data, onChange } = this.props;
+		if ((await dispatchEvent("change", (0, amis_core.createObject)(data, { value: eventData })))?.prevented) return;
+		onChange?.(eventData);
+	}
+	render() {
+		if (!this.vueComponent) return react.default.createElement("div", {
+			className: "cxd-Form-label",
+			style: {
+				color: "var(--colors-error-5, #ff4d4f)",
+				padding: "4px 0"
+			}
+		}, `Vue 组件未注册: ${this.missingComponentName}`);
+		let { props, value, env, store } = this.props;
+		if (props) {
+			props = { ...props };
+			for (const key of Object.keys(props)) if (typeof props[key] === "string") props[key] = (0, amis_core.resolveVariableAndFilter)(props[key], this.props.data, "| raw");
+		}
+		const mergedProps = {
+			env,
+			store,
+			...props,
+			value,
+			"onUpdate:value": (value) => this.dispatchChangeEvent(value)
+		};
+		return react.default.createElement(this.vueComponent, mergedProps);
+	}
+};
+var VueRenderer = class extends VueControl {
+	constructor(props) {
+		super(props);
+		const scoped = this.context;
+		if (scoped) scoped.registerComponent(this);
+	}
+	componentWillUnmount() {
+		const scoped = this.context;
+		if (scoped) scoped.unRegisterComponent(this);
+	}
+};
+VueRenderer.contextType = amis.ScopedContext;
+(0, amis.Renderer)({
+	type: "vue-renderer",
+	autoVar: false
+})(VueRenderer);
+var VueFormItem = class extends VueControl {};
+(0, amis.FormItem)({
+	type: "vue-form-item",
+	autoVar: false
+})(VueFormItem);
+//#endregion
+//#region src/lib.ts
+var lib_exports = /* @__PURE__ */ __exportAll({
+	AmisPageEditor: () => AmisPageEditor_default,
+	AmisSchemaPage: () => AmisSchemaPage_default,
+	AmisToast: () => AmisToast_default,
+	AmisVueComponent: () => VueControl,
+	XuiLoading: () => XuiLoading_default,
+	XuiPage: () => XuiPage_default,
+	XuiPageEditor: () => XuiPageEditor_default,
+	XuiSchemaPage: () => XuiSchemaPage_default,
+	createEnv: () => createEnv,
+	defineReactPageComponent: () => defineReactPageComponent
+});
+__reExport(lib_exports, require("@kdesigner/core"));
+__reExport(lib_exports, require("@kdesigner/components"));
+__reExport(lib_exports, require("@kdesigner/amis-extensions"));
+__reExport(/* @__PURE__ */ __exportAll({
+	AmisPageEditor: () => AmisPageEditor_default,
+	AmisSchemaPage: () => AmisSchemaPage_default,
+	AmisToast: () => AmisToast_default,
+	AmisVueComponent: () => VueControl,
+	XuiLoading: () => XuiLoading_default,
+	XuiPage: () => XuiPage_default,
+	XuiPageEditor: () => XuiPageEditor_default,
+	XuiSchemaPage: () => XuiSchemaPage_default,
+	createEnv: () => createEnv,
+	defineReactPageComponent: () => defineReactPageComponent
+}), lib_exports);
+lib_exports.registerModule?.("@kdesigner/amis-vue", lib_exports);
+//#endregion
+exports.AmisPageEditor = AmisPageEditor_default;
+exports.AmisSchemaPage = AmisSchemaPage_default;
+exports.AmisToast = AmisToast_default;
+exports.AmisVueComponent = VueControl;
+exports.XuiLoading = XuiLoading_default;
+exports.XuiPage = XuiPage_default;
+exports.XuiPageEditor = XuiPageEditor_default;
+exports.XuiSchemaPage = XuiSchemaPage_default;
+exports.createEnv = createEnv;
+exports.defineReactPageComponent = defineReactPageComponent;
+Object.keys(_kdesigner_core).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _kdesigner_core[k];
+		}
+	});
+});
+var _kdesigner_components = require("@kdesigner/components");
+Object.keys(_kdesigner_components).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _kdesigner_components[k];
+		}
+	});
+});
+var _kdesigner_amis_extensions = require("@kdesigner/amis-extensions");
+Object.keys(_kdesigner_amis_extensions).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _kdesigner_amis_extensions[k];
+		}
+	});
+});
+
+//# sourceMappingURL=index.cjs.map