@tmagic/editor 1.8.0-beta.8 → 1.8.0-beta.9

package/dist/es/fields/StyleSetter/icons/flex-direction/Column.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1)])]);
 }
-var Column_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Column_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Column_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/ColumnReverse.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1)])]);
 }
-var ColumnReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var ColumnReverse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { ColumnReverse_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/Row.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1)])]);
 }
-var Row_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Row_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/RowReverse.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1)])]);
 }
-var RowReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var RowReverse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { RowReverse_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/Center.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1)])]);
 }
-var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/FlexEnd.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1)])]);
 }
-var FlexEnd_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var FlexEnd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { FlexEnd_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/FlexStart.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1)])]);
 }
-var FlexStart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var FlexStart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { FlexStart_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceAround.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1)])]);
 }
-var SpaceAround_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var SpaceAround_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { SpaceAround_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceBetween.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1)])]);
 }
-var SpaceBetween_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var SpaceBetween_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { SpaceBetween_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Center.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, null, -1)])]);
 }
-var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Left.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1)])]);
 }
-var Left_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Left_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Left_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Right.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1)])]);
 }
-var Right_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Right_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Right_default as default };

package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
-var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Background_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Background",
 	props: {
 		values: {},

package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import Border_default from "../components/Border.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
-var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Border_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Border",
 	props: {
 		values: {},

package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import Right_default from "../icons/text-align/Right.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
-var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Font_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Font",
 	props: {
 		values: {},

package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ import SpaceBetween_default from "../icons/justify-content/SpaceBetween.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, markRaw, openBlock, unref, vShow, withDirectives } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Layout.vue?vue&type=script&setup=true&lang.ts
-var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Layout",
 	props: {
 		values: {},

package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Position.vue?vue&type=script&setup=true&lang.ts
-var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Position_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Position",
 	props: {
 		values: {},

package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Transform.vue?vue&type=script&setup=true&lang.ts
-var Transform_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Transform_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Transform",
 	props: {
 		values: {},

package/dist/es/fields/UISelect.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ var _hoisted_1 = {
 	class: "m-fields-ui-select",
 	style: { "display": "flex" }
 };
-var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var UISelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsUISelect",
 	__name: "UISelect",
 	props: {

package/dist/es/icons/CenterIcon.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ var _hoisted_1 = {
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-var CenterIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CenterIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCenterIcon",
 	__name: "CenterIcon",
 	setup(__props) {

package/dist/es/icons/CodeIcon.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-var CodeIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CodeIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCodeIcon",
 	__name: "CodeIcon",
 	setup(__props) {

package/dist/es/icons/FolderMinusIcon.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ var _hoisted_1 = {
 	fill: "currentColor",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-var FolderMinusIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var FolderMinusIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorFolderMinusIcon",
 	__name: "FolderMinusIcon",
 	setup(__props) {

package/dist/es/index.js

@@ -52,9 +52,11 @@ import DataSourceConfigPanel_default from "./layouts/sidebar/data-source/DataSou
 import LayerPanel_default from "./layouts/sidebar/layer/LayerPanel.js";
 import ComponentListPanel_default from "./layouts/sidebar/ComponentListPanel.js";
 import codeBlock_default from "./services/codeBlock.js";
+import componentList_default from "./services/componentList.js";
 import dataSource_default from "./services/dataSource.js";
 import dep_default from "./services/dep.js";
 import events_default from "./services/events.js";
+import keybinding_default from "./services/keybinding.js";
 import stageOverlay_default from "./services/stageOverlay.js";
 import Editor_default from "./Editor.js";
 import CodeSelect_default from "./fields/CodeSelect.js";
@@ -85,4 +87,4 @@ export * from "@tmagic/table";
 export * from "@tmagic/stage";
 export * from "@tmagic/design";
 export * from "@tmagic/utils";
-export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, CompareForm_default as CompareForm, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, HistoryDiffDialog_default as HistoryDiffDialog, Bucket_default as HistoryListBucket, BucketTab_default as HistoryListBucketTab, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectRelatedNodes, confirmHistoryAction, createStackStep, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectStackOpType, detectTargetId, detectTargetName, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, idbDelete, idbGet, idbSet, info, isIncludeDataSource, isIndexedDBSupported, monaco_editor_default as loadMonaco, log, markStackSaved, mergeSteps, moveItemsInContainer, numberOptions, openIndexedDB, props_default as propsService, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, undoFloor, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useHistoryRevert, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, CompareForm_default as CompareForm, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, HistoryDiffDialog_default as HistoryDiffDialog, Bucket_default as HistoryListBucket, BucketTab_default as HistoryListBucketTab, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectRelatedNodes, componentList_default as componentListService, confirmHistoryAction, createStackStep, dataSource_default as dataSourceService, debug, plugin_default as default, defaultIsExpandable, dep_default as depService, describeRevertStep, describeStepForRevert, deserializeStacks, designPlugin, detectStackOpType, detectTargetId, detectTargetName, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getCodeBlockFormConfig, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getLastPushedHistoryIds, getNodeIndex, getOrCreateStack, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, idbDelete, idbGet, idbSet, info, isIncludeDataSource, isIndexedDBSupported, keybinding_default as keybindingService, monaco_editor_default as loadMonaco, log, markStackSaved, mergeSteps, moveItemsInContainer, numberOptions, openIndexedDB, props_default as propsService, resolveSelectedNode, serializeConfig, serializeStacks, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, undoFloor, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useHistoryRevert, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };

package/dist/es/layouts/AddPageBox.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { Plus } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/AddPageBox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-empty-panel" };
 var _hoisted_2 = { class: "m-editor-empty-content" };
-var AddPageBox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var AddPageBox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorAddPageBox",
 	__name: "AddPageBox",
 	props: { disabledPageFragment: { type: Boolean } },

package/dist/es/layouts/CodeEditor.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ var _hoisted_2 = {
 	ref: "codeEditor",
 	class: "magic-code-editor-content"
 };
-var CodeEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CodeEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCodeEditor",
 	__name: "CodeEditor",
 	props: {

package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_1 = {
 	ref: "content",
 	style: { "min-width": "900px" }
 };
-var Framework_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Framework_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorFramework",
 	__name: "Framework",
 	props: {

package/dist/es/layouts/NavMenu.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { NodeType } from "@tmagic/core";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, markRaw, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, unref, useTemplateRef } from "vue";
 import { Back, Delete, FullScreen, Grid, Memo, Right, ScaleToOriginal, ZoomIn, ZoomOut } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/NavMenu.vue?vue&type=script&setup=true&lang.ts
-var NavMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NavMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorNavMenu",
 	__name: "NavMenu",
 	props: {

package/dist/es/layouts/NavMenuColumn.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { Fragment, computed, createBlock, createElementBlock, createElementVNode
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/NavMenuColumn.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-nav-menu-overflow-list" };
-var NavMenuColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NavMenuColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorNavMenuColumn",
 	__name: "NavMenuColumn",
 	props: {

package/dist/es/layouts/history-list/Bucket.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ var _hoisted_1 = { class: "m-editor-history-list-bucket" };
 var _hoisted_2 = { class: "m-editor-history-list-bucket-title" };
 var _hoisted_3 = { class: "m-editor-history-list-bucket-count" };
 var _hoisted_4 = { class: "m-editor-history-list-ul" };
-var Bucket_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Bucket_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListBucket",
 	__name: "Bucket",
 	props: {

package/dist/es/layouts/history-list/BucketTab.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ var _hoisted_1 = {
 };
 var _hoisted_2 = { class: "m-editor-history-list-toolbar" };
 var _hoisted_3 = ["title"];
-var BucketTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var BucketTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListBucketTab",
 	__name: "BucketTab",
 	props: {

package/dist/es/layouts/history-list/GroupRow.vue_vue_type_script_setup_true_lang.js

@@ -42,7 +42,7 @@ var _hoisted_18 = ["onClick"];
 var _hoisted_19 = ["title"];
 var _hoisted_20 = ["title"];
 var _hoisted_21 = ["title"];
-var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var GroupRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListGroupRow",
 	__name: "GroupRow",
 	props: {

package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var _hoisted_7 = {
 	key: 0,
 	class: "m-editor-history-diff-dialog-tip"
 };
-var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryDiffDialog",
 	__name: "HistoryDiffDialog",
 	props: {
@@ -31,7 +31,8 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		width: { default: "900px" },
 		isConfirm: { type: Boolean },
 		onConfirm: {},
-		selfDiffFieldTypes: {}
+		selfDiffFieldTypes: {},
+		compareFormState: {}
 	},
 	emits: ["close"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -236,6 +237,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"data-source-type": payload.value.dataSourceType,
 						value: rightValue.value,
 						"last-value": leftValue.value,
+						"base-form-state": __props.compareFormState,
 						"extend-state": __props.extendState,
 						"load-config": __props.loadConfig,
 						"self-diff-field-types": __props.selfDiffFieldTypes,
@@ -247,6 +249,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"data-source-type",
 						"value",
 						"last-value",
+						"base-form-state",
 						"extend-state",
 						"load-config",
 						"self-diff-field-types",

package/dist/es/layouts/history-list/HistoryListPanel.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { Clock, Close } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/history-list/HistoryListPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-history-list" };
-var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListPanel",
 	__name: "HistoryListPanel",
 	setup(__props) {
@@ -68,6 +68,7 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		* 未提供时为 undefined，CompareForm/MForm 会跳过 extendState 处理。
 		*/
 		const extendFormState = inject("extendFormState", void 0);
+		const getPropsPanelFormState = inject("getPropsPanelFormState", void 0);
 		const { expanded, toggleGroup, pageGroups, dataSourceGroups, codeBlockGroups, pageGroupsDisplay, dataSourceGroupsByTarget, codeBlockGroupsByTarget } = useHistoryList();
 		/**
 		* 当前活动页的「加载/初始」标记记录（设置 root 时生成），透传给 PageTab 的底部初始行展示。
@@ -151,7 +152,10 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		* 二者均由 useHistoryRevert 内部按需动态挂载 HistoryDiffDialog，
 		* 业务方亦可直接 import useHistoryRevert(services) 调用，无需自行挂载任何弹窗。
 		*/
-		const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert(services, { extendState: extendFormState });
+		const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert(services, {
+			extendState: extendFormState,
+			getPropsPanelFormState
+		});
 		/**
 		* 把内存中（已清空对应类别后的）历史状态重新写回 IndexedDB，
 		* 使本地持久化的那份与内存保持一致——即「连同本地保存的一并删除」。
@@ -227,7 +231,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					default: withCtx(() => [
 						(openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(guardReactiveProps(unref(tabPaneComponent)?.props({
 							name: "page",
-							label: `${pageName.value} (${unref(pageGroups).length})`
+							label: `${pageName.value} (${unref(pageGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(PageTab_default, {
 								list: unref(pageGroupsDisplay),
@@ -252,7 +257,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						}, 16)),
 						!disabledDataSource.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(mergeProps({ key: 0 }, unref(tabPaneComponent)?.props({
 							name: "data-source",
-							label: `${dataSourceName.value} (${unref(dataSourceGroups).length})`
+							label: `${dataSourceName.value} (${unref(dataSourceGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(BucketTab_default, {
 								config: dataSourceConfig.value,
@@ -276,7 +282,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						}, 16)) : createCommentVNode("v-if", true),
 						!disabledCodeBlock.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), normalizeProps(mergeProps({ key: 1 }, unref(tabPaneComponent)?.props({
 							name: "code-block",
-							label: `${codeBlockName.value} (${unref(codeBlockGroups).length})`
+							label: `${codeBlockName.value} (${unref(codeBlockGroups).length})`,
+							lazy: true
 						}) || {})), {
 							default: withCtx(() => [createVNode(BucketTab_default, {
 								config: codeBlockConfig.value,
@@ -301,7 +308,8 @@ var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(extraTabs), (tab) => {
 							return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), mergeProps({ key: tab.name }, { ref_for: true }, unref(tabPaneComponent)?.props({
 								name: tab.name,
-								label: resolveTabLabel(tab)
+								label: resolveTabLabel(tab),
+								lazy: true
 							}) || {}), {
 								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tab.component), mergeProps({ ref_for: true }, tab.props || {}, toHandlers(tab.listeners || {})), null, 16))]),
 								_: 2

package/dist/es/layouts/history-list/InitialRow.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_4 = {
 	class: "m-editor-history-list-item-actions"
 };
 var _hoisted_5 = ["title"];
-var InitialRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InitialRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListInitialRow",
 	__name: "InitialRow",
 	props: {

package/dist/es/layouts/history-list/PageTab.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_2 = {
 	class: "m-editor-history-list-toolbar"
 };
 var _hoisted_3 = { class: "m-editor-history-list-ul" };
-var PageTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorHistoryListPageTab",
 	__name: "PageTab",
 	props: {

package/dist/es/layouts/history-list/useHistoryRevert.js

@@ -46,6 +46,7 @@ var mountHistoryDiffDialog = async (options) => {
 		extendState: options.extendState,
 		loadConfig: options.loadConfig,
 		selfDiffFieldTypes: options.selfDiffFieldTypes,
+		compareFormState: options.compareFormState,
 		onClose: options.onClose
 	});
 	if (options.appContext) Object.assign(app._context, options.appContext);
@@ -59,6 +60,7 @@ var mountHistoryDiffDialog = async (options) => {
 		}, 300);
 	};
 	return {
+		app,
 		instance,
 		destroy
 	};
@@ -124,7 +126,7 @@ var viewHistoryDiffDialog = async (payload, options) => {
 var useHistoryRevert = (services, options = {}) => {
 	const { editorService, dataSourceService, codeBlockService, historyService } = services;
 	const appContext = options.appContext ?? getCurrentInstance()?.appContext ?? null;
-	const { extendState } = options;
+	const { extendState, getPropsPanelFormState } = options;
 	/** 目标数据已被删除、无法回滚时的统一提示。 */
 	const showRevertTargetMissing = () => {
 		tMagicMessage.error("回滚失败：该记录对应的数据已被删除");
@@ -200,7 +202,7 @@ var useHistoryRevert = (services, options = {}) => {
 			showRevertTargetMissing();
 			return Promise.resolve(null);
 		}
-		return runRevert(buildPageDiffPayload(index)).then((result) => result ? editorService.revertPageStep(index) : null);
+		return runRevert(buildPageDiffPayload(index), { compareFormState: getPropsPanelFormState?.() }).then((result) => result ? editorService.revertPageStep(index) : null);
 	};
 	const onDataSourceRevert = (id, index) => {
 		if (isDataSourceRevertTargetMissing(id, index)) {
@@ -225,7 +227,8 @@ var useHistoryRevert = (services, options = {}) => {
 		if (payload) return viewHistoryDiffDialog(payload, {
 			appContext,
 			extendState,
-			services
+			services,
+			compareFormState: getPropsPanelFormState?.()
 		});
 	};
 	const onDataSourceDiff = (id, index) => {

package/dist/es/layouts/page-bar/AddButton.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ var _hoisted_2 = {
 	key: 1,
 	style: { "width": "21px" }
 };
-var AddButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var AddButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBarAddButton",
 	__name: "AddButton",
 	setup(__props) {

package/dist/es/layouts/page-bar/PageBar.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_1 = { class: "m-editor-page-bar-tabs" };
 var _hoisted_2 = ["data-page-id", "onClick"];
 var _hoisted_3 = { class: "m-editor-page-bar-title" };
 var _hoisted_4 = ["title"];
-var PageBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBar",
 	__name: "PageBar",
 	props: {

package/dist/es/layouts/page-bar/PageBarScrollContainer.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ var _hoisted_2 = {
 	class: "m-editor-page-bar-items",
 	ref: "itemsContainer"
 };
-var PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageBarScrollContainer",
 	__name: "PageBarScrollContainer",
 	props: {

package/dist/es/layouts/page-bar/PageList.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ var _hoisted_1 = {
 };
 var _hoisted_2 = { class: "page-bar-popover-wrapper" };
 var _hoisted_3 = { class: "page-bar-popover-inner" };
-var PageList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPageList",
 	__name: "PageList",
 	props: { list: {} },

package/dist/es/layouts/page-bar/Search.vue_vue_type_script_setup_true_lang.js

@@ -5,13 +5,13 @@ import { Teleport, createBlock, createCommentVNode, createElementBlock, createVN
 import { Search } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/page-bar/Search.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search" };
-var Search_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Search",
 	props: {
 		"query": {},
 		"queryModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels(["search"], ["update:query"]),
+	emits: /*@__PURE__*/ mergeModels(["search"], ["update:query"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const query = useModel(__props, "query");

package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createVN
 import { Document } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/props-panel/FormPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-props-form-panel" };
-var FormPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var FormPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorFormPanel",
 	__name: "FormPanel",
 	props: {

package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ var _hoisted_1 = {
 	class: "m-editor-props-panel"
 };
 var _hoisted_2 = { class: "m-editor-props-style-panel-title" };
-var PropsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PropsPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorPropsPanel",
 	__name: "PropsPanel",
 	props: {

package/dist/es/layouts/sidebar/ComponentListPanel.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import { Grid } from "@element-plus/icons-vue";
 //#region packages/editor/src/layouts/sidebar/ComponentListPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["onClick", "onDragstart"];
 var _hoisted_2 = ["title"];
-var ComponentListPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ComponentListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorComponentListPanel",
 	__name: "ComponentListPanel",
 	setup(__props) {

package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,7 @@ var _hoisted_5 = {
 	class: "m-editor-sidebar-tips"
 };
 var _hoisted_6 = { class: "m-editor-slide-list-box" };
-var Sidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorSidebar",
 	__name: "Sidebar",
 	props: {