@tmagic/editor 1.0.0-rc.2 → 1.0.0-rc.3

package/dist/types/src/Editor.vue.d.ts

@@ -34,6 +34,8 @@ declare const _default: DefineComponent<{
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
+    /** 选中时是否自动滚动到可视区域 */
+    autoScrollIntoView: BooleanConstructor;
     /** 组件的属性配置表单的dsl */
     propsConfigs: {
         type: PropType<Record<string, FormConfig>>;
@@ -97,6 +99,8 @@ declare const _default: DefineComponent<{
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
+    /** 选中时是否自动滚动到可视区域 */
+    autoScrollIntoView: BooleanConstructor;
     /** 组件的属性配置表单的dsl */
     propsConfigs: {
         type: PropType<Record<string, FormConfig>>;
@@ -135,6 +139,7 @@ declare const _default: DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     menu: MenuBarData;
+    autoScrollIntoView: boolean;
     codeOptions: Record<string, any>;
     modelValue: MApp;
     componentGroupList: ComponentGroup[];

package/dist/types/src/layouts/workspace/Workspace.vue.d.ts

@@ -4,6 +4,7 @@ import type { MoveableOptions } from '@tmagic/stage';
 import StageCore from '@tmagic/stage';
 declare const _default: DefineComponent<{
     runtimeUrl: StringConstructor;
+    autoScrollIntoView: BooleanConstructor;
     render: {
         type: PropType<() => HTMLDivElement>;
     };
@@ -18,6 +19,7 @@ declare const _default: DefineComponent<{
     page: ComputedRef<MPage | undefined>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     runtimeUrl: StringConstructor;
+    autoScrollIntoView: BooleanConstructor;
     render: {
         type: PropType<() => HTMLDivElement>;
     };
@@ -27,5 +29,7 @@ declare const _default: DefineComponent<{
     canSelect: {
         type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
     };
-}>>, {}>;
+}>>, {
+    autoScrollIntoView: boolean;
+}>;
 export default _default;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.3",
   "name": "@tmagic/editor",
   "sideEffects": [
     "dist/*",
@@ -45,11 +45,11 @@
   "dependencies": {
     "@babel/core": "^7.18.0",
     "@element-plus/icons": "0.0.11",
-    "@tmagic/core": "^1.0.0-rc.2",
-    "@tmagic/form": "^1.0.0-rc.2",
-    "@tmagic/schema": "^1.0.0-rc.2",
-    "@tmagic/stage": "^1.0.0-rc.2",
-    "@tmagic/utils": "^1.0.0-rc.2",
+    "@tmagic/core": "^1.0.0-rc.3",
+    "@tmagic/form": "^1.0.0-rc.3",
+    "@tmagic/schema": "^1.0.0-rc.3",
+    "@tmagic/stage": "^1.0.0-rc.3",
+    "@tmagic/utils": "^1.0.0-rc.3",
     "buffer": "^6.0.3",
     "color": "^3.1.3",
     "element-plus": "^2.2.0",
@@ -88,5 +88,5 @@
     "vite-plugin-dts": "^0.9.6",
     "vue-tsc": "^0.0.24"
   },
-  "gitHead": "3e309780ed33640ab3fc986a93dd0e7b15c167e5"
+  "gitHead": "d9f6ca25a0a6efba35d183e643a306e164b74af7"
 }

package/src/Editor.vue

@@ -14,6 +14,7 @@
       <slot name="workspace">
         <workspace
           :runtime-url="runtimeUrl"
+          :auto-scroll-into-view="autoScrollIntoView"
           :render="render"
           :moveable-options="moveableOptions"
           :can-select="canSelect"
@@ -101,6 +102,9 @@ export default defineComponent({
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: String,
 
+    /** 选中时是否自动滚动到可视区域 */
+    autoScrollIntoView: Boolean,
+
     /** 组件的属性配置表单的dsl */
     propsConfigs: {
       type: Object as PropType<Record<string, FormConfig>>,

package/src/layouts/workspace/Stage.vue

@@ -59,6 +59,7 @@ export default defineComponent({
     },
 
     runtimeUrl: String,
+    autoScrollIntoView: Boolean,
 
     canSelect: {
       type: Function as PropType<(el: HTMLElement) => boolean | Promise<boolean>>,
@@ -100,6 +101,7 @@ export default defineComponent({
         render: props.render,
         runtimeUrl: props.runtimeUrl,
         zoom: zoom.value,
+        autoScrollIntoView: props.autoScrollIntoView,
         canSelect: (el, event, stop) => {
           const elCanSelect = props.canSelect(el);
           // 在组件联动过程中不能再往下选择，返回并触发 ui-select

package/src/layouts/workspace/Workspace.vue

@@ -3,6 +3,7 @@
     <magic-stage
       :key="page?.id"
       :runtime-url="runtimeUrl"
+      :auto-scroll-into-view="autoScrollIntoView"
       :render="render"
       :moveable-options="moveableOptions"
       :can-select="canSelect"
@@ -41,6 +42,7 @@ export default defineComponent({
 
   props: {
     runtimeUrl: String,
+    autoScrollIntoView: Boolean,
 
     render: {
       type: Function as PropType<() => HTMLDivElement>,