opentiny · hexqi · Aug 14, 2025 · Jul 30, 2025 · Aug 12, 2025 · Aug 12, 2025
diff --git a/designer-demo/package.json b/designer-demo/package.json
@@ -1,7 +1,7 @@
 {
   "name": "designer-demo",
   "private": true,
-  "version": "2.7.2",
+  "version": "2.7.3",
   "type": "module",
   "scripts": {
     "dev": "cross-env vite",

diff --git a/mockServer/package.json b/mockServer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-mock",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/block-compiler/package.json b/packages/block-compiler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-block-compiler",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/build/vite-config/package.json b/packages/build/vite-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-vite-config",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "",
   "type": "module",
   "main": "./index.js",

diff --git a/packages/build/vite-plugin-meta-comments/package.json b/packages/build/vite-plugin-meta-comments/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-vite-plugin-meta-comments",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "",
   "type": "module",
   "main": "dist/index.cjs",

diff --git a/packages/builtinComponent/package.json b/packages/builtinComponent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-builtin-component",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

diff --git a/packages/canvas/container/src/components/CanvasAction.vue b/packages/canvas/container/src/components/CanvasAction.vue
@@ -417,32 +417,128 @@ export default {
       }
     }
 
+    /**
+     * 检查元素在画布中的可用空间
+     * @param {number} top - 选中元素顶部位置
+     * @param {number} selectedHeight - 选中元素高度
+     * @param {number} canvasHeight - 画布高度
+     * @param {number} elementHeight - 要放置元素的高度
+     * @returns {{hasTopSpace: boolean, hasBottomSpace: boolean}}
+     */
+    const checkElementSpace = (top, selectedHeight, canvasHeight, elementHeight) => {
+      return {
+        hasTopSpace: top >= elementHeight,
+        hasBottomSpace: canvasHeight - top - selectedHeight >= elementHeight
+      }
+    }
+
+    /**
+     * 根据策略决定元素应该放置在顶部还是底部
+     * @param {number} top - 选中元素顶部位置
+     * @param {number} elementHeight - 要放置元素的高度
+     * @param {boolean} hasTopSpace - 顶部是否有足够空间
+     * @param {boolean} hasBottomSpace - 底部是否有足够空间
+     * @param {string} strategy - 放置策略 ('topFirst' | 'bottomFirst')
+     * @returns {boolean} 是否放置在底部
+     */
+    const determineElementPosition = (hasTopSpace, hasBottomSpace, strategy = 'topFirst') => {
+      if (strategy === 'bottomFirst') {
+        // Option策略：优先底部，或顶部没空间时放底部
+        return hasBottomSpace || !hasTopSpace
+      } else {
+        // Label策略：顶部没空间且底部有空间才放底部
+        return !hasTopSpace && hasBottomSpace
+      }
+    }
+
+    /**
+     * 通用的垂直对齐计算函数
+     * @param {boolean} isAtBottom - 是否放置在底部
+     * @param {number} elementHeight - 元素高度
+     * @param {boolean} hasTopSpace - 顶部是否有足够空间
+     * @param {boolean} hasBottomSpace - 底部是否有足够空间
+     * @param {boolean} bottomFirst - 是否底部优先策略（true: Option策略, false: Label策略）
+     * @returns {{alignTop: boolean, verticalValue: number}}
+     */
+    const calculateVerticalAlignment = (
+      isAtBottom,
+      elementHeight,
+      hasTopSpace,
+      hasBottomSpace,
+      bottomFirst = false
+    ) => {
+      const alignTop = !isAtBottom
+
+      let verticalValue
+      if (bottomFirst) {
+        // Option策略：不在底部 OR 底部有空间时偏移
+        verticalValue = !isAtBottom || hasBottomSpace ? -elementHeight : 0
+      } else {
+        // Label策略：在底部 OR 顶部有空间时偏移
+        verticalValue = isAtBottom || hasTopSpace ? -elementHeight : 0
+      }
+
+      return { alignTop, verticalValue }
+    }
+
+    /**
+     * 一站式元素对齐计算函数（组合了空间检查、位置决策、对齐计算）
+     * @param {number} top - 选中元素顶部位置
+     * @param {number} selectedHeight - 选中元素高度
+     * @param {number} canvasHeight - 画布高度
+     * @param {number} elementHeight - 要放置元素的高度
+     * @param {string} strategy - 放置策略 ('topFirst' | 'bottomFirst')
+     * @returns {{alignTop: boolean, verticalValue: number}}
+     */
+    const calculateElementAlignment = (top, selectedHeight, canvasHeight, elementHeight, strategy = 'topFirst') => {
+      const spaceInfo = checkElementSpace(top, selectedHeight, canvasHeight, elementHeight)
+      const isAtBottom = determineElementPosition(spaceInfo.hasTopSpace, spaceInfo.hasBottomSpace, strategy)
+      return calculateVerticalAlignment(
+        isAtBottom,
+        elementHeight,
+        spaceInfo.hasTopSpace,
+        spaceInfo.hasBottomSpace,
+        strategy === 'bottomFirst'
+      )
+    }
+
     const getStyleValues = (selectState, canvasSize, labelWidth, optionWidth) => {
       const { left, top, width, height, doc } = selectState
       const { width: canvasWidth, height: canvasHeight } = canvasSize
       // 标签宽度和工具操作条宽度之和加上间距
       const fullRectWidth = labelWidth + optionWidth + OPTION_SPACE
+      const labelAlignment = calculateElementAlignment(
+        top,
+        height,
+        canvasHeight,
+        LABEL_HEIGHT,
+        'topFirst' // Label策略：顶部优先
+      )
 
-      // 是否 将label 标签放置到底部，判断 top 距离
-      const isLabelAtBottom = top < LABEL_HEIGHT
       const labelAlign = new Align({
         alignLeft: true,
         horizontalValue: 0,
-        alignTop: !isLabelAtBottom,
-        verticalValue: -LABEL_HEIGHT
+        alignTop: labelAlignment.alignTop,
+        verticalValue: labelAlignment.verticalValue
       })
 
       if (!doc) {
         return {}
       }
 
-      // 是否将操作栏放置到底部，判断当前选中组件底部与页面底部的距离。
-      const isOptionAtBottom = canvasHeight - top - height >= OPTION_BAR_HEIGHT
+      const optionAlignment = calculateElementAlignment(
+        top,
+        height,
+        canvasHeight,
+        OPTION_BAR_HEIGHT,
+        'bottomFirst' // Option策略：底部优先
+      )
+
       const optionAlign = new Align({
         alignLeft: false,
         horizontalValue: 0,
-        alignTop: !isOptionAtBottom,
-        verticalValue: -OPTION_BAR_HEIGHT
+        alignTop: optionAlignment.alignTop,
+        verticalValue: optionAlignment.verticalValue
       })
 
       const scrollBarWidth = doc.documentElement.scrollHeight > doc.documentElement.clientHeight ? SCROLL_BAR_WIDTH : 0
@@ -462,7 +558,7 @@ export default {
           optionAlign.align(positions.LEFT)
         }
 
-        if (isLabelAtBottom === isOptionAtBottom) {
+        if (labelAlignment.alignTop === optionAlignment.alignTop) {
           // 标签框和工具操作框都在顶部或者都在底部
 
           if (left + fullRectWidth < canvasWidth) {
@@ -562,6 +658,12 @@ export default {
   pointer-events: none;
   border: 1px solid var(--te-canvas-container-border-color-checked);
   z-index: 2;
+  // 禁止文本选择
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
   &.absolute {
     pointer-events: all;
   }

diff --git a/packages/canvas/package.json b/packages/canvas/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-canvas",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-common",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/configurator/package.json b/packages/configurator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-configurator",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",

diff --git a/packages/design-core/package.json b/packages/design-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "type": "module",
   "description": "TinyEngine enables developers to customize low-code platforms, build low-bit platforms online in real time, and support secondary development or integration of low-bit platform capabilities.",
   "homepage": "https://opentiny.design/tiny-engine",

diff --git a/packages/design-core/src/preview/src/preview/usePreviewData.ts b/packages/design-core/src/preview/src/preview/usePreviewData.ts
@@ -81,6 +81,11 @@ const getPageOrBlockByApi = async (): Promise<{ currentPage: IPage | null; ances
 
   if (pageId) {
     let ancestors = (await getPageRecursively(pageId)).reverse().filter((item) => item.isPage)
+    // 避免祖先页面第一个为文件夹，导致没有 ROOT_ID，导致设置 Main.vue 失败
+    if (ancestors.length && ancestors[0]?.parentId !== ROOT_ID) {
+      ancestors[0].parentId = ROOT_ID
+    }
+
     let currentPage = await getPageById(pageId)
     if (history) {
       const historyList: IPage[] = await fetchPageHistory(pageId)
@@ -203,6 +208,13 @@ const getPageAncestryFiles = (
     }
   }
 
+  const hasMainPage = familyPages.some((item) => item.panelName === 'Main.vue' && item.index)
+
+  if (!hasMainPage && familyPages.length) {
+    familyPages[0].index = true
+    familyPages[0].panelName = 'Main.vue'
+  }
+
   return familyPages
 }
 

diff --git a/packages/engine-cli/package.json b/packages/engine-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-cli",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

diff --git a/packages/engine-cli/template/designer/package.json b/packages/engine-cli/template/designer/package.json
@@ -11,9 +11,9 @@
     "serve:mock": "node node_modules/@opentiny/tiny-engine-mock/dist/app.js"
   },
   "dependencies": {
-    "@opentiny/tiny-engine": "^2.7.2",
-    "@opentiny/tiny-engine-meta-register": "^2.7.2",
-    "@opentiny/tiny-engine-utils": "^2.7.2",
+    "@opentiny/tiny-engine": "^2.7.3",
+    "@opentiny/tiny-engine-meta-register": "^2.7.3",
+    "@opentiny/tiny-engine-utils": "^2.7.3",
     "@opentiny/vue": "~3.20.0",
     "@opentiny/vue-design-smb": "~3.20.0",
     "@opentiny/vue-icon": "~3.20.0",
@@ -24,8 +24,8 @@
     "vue": "^3.4.21"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-mock": "^2.7.2",
-    "@opentiny/tiny-engine-vite-config": "^2.7.2",
+    "@opentiny/tiny-engine-mock": "^2.7.3",
+    "@opentiny/tiny-engine-vite-config": "^2.7.3",
     "@vitejs/plugin-vue": "^5.1.2",
     "cross-env": "^7.0.3",
     "vite": "^5.4.2",

diff --git a/packages/i18n/package.json b/packages/i18n/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-i18n-host",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/layout/package.json b/packages/layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-layout",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "scripts": {
     "build": "vite build"
   },

diff --git a/packages/plugins/block/package.json b/packages/plugins/block/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-block",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/bridge/package.json b/packages/plugins/bridge/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/datasource/package.json b/packages/plugins/datasource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-datasource",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/help/package.json b/packages/plugins/help/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-help",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/i18n/package.json b/packages/plugins/i18n/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-i18n",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/materials/package.json b/packages/plugins/materials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-materials",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/page/package.json b/packages/plugins/page/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-page",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/robot/package.json b/packages/plugins/robot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-robot",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/schema/package.json b/packages/plugins/schema/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-schema",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/plugins/script/package.json b/packages/plugins/script/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-script",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "publishConfig": {
     "access": "public"
   },