@epxing/designer 5.3.0-beta.1 → 5.3.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epxing/designer",
-  "version": "5.3.0-beta.1",
+  "version": "5.3.0-beta.3",
   "description": "页面设计器 + 可视化配置面（设计态）",
   "type": "module",
   "exports": {
@@ -69,13 +69,13 @@
     "@babel/standalone": "^7.19.6",
     "codemirror": "5.65.12",
     "lodash-es": "^4.17.23",
-    "@epxing/business": "^5.3.0-beta.1",
-    "@epxing/components": "^5.3.0-beta.1",
-    "@epxing/utils": "^5.3.0-beta.1",
-    "@epxing/core": "^5.3.0-beta.1",
-    "@epxing/dashboard": "^5.3.0-beta.1",
-    "@epxing/theme": "^5.3.0-beta.1",
-    "@epxing/icons": "^5.3.0-beta.1"
+    "@epxing/business": "^5.3.0-beta.3",
+    "@epxing/dashboard": "^5.3.0-beta.3",
+    "@epxing/core": "^5.3.0-beta.3",
+    "@epxing/components": "^5.3.0-beta.3",
+    "@epxing/utils": "^5.3.0-beta.3",
+    "@epxing/icons": "^5.3.0-beta.3",
+    "@epxing/theme": "^5.3.0-beta.3"
   },
   "peerDependencies": {
     "vue": "3.5.39",
@@ -94,7 +94,8 @@
     "./dist/src/store/**",
     "./dist/src/mixins/**",
     "./dist/src/runtime-utils/util.js",
-    "./dist/src/runtime-services.js"
+    "./dist/src/runtime-services.js",
+    "./dist/**/*.js"
   ],
   "publishConfig": {
     "access": "public",

package/src/index.js

@@ -1,27 +1,27 @@
-import { installComponents } from '@epxing/core/src/register-components'
-import ProcessFormItemVisual from './visual/widgets/ProcessFormItemVisual.vue'
-import VisualComponent from './visual/Component'
-import VisualConfigPage from './visual/config-page'
-import VisualEntityList from './visual/EntityList'
-import VisualEntitySubList from './visual/EntitySubList'
-import VisualConfigField from './visual/config/Field'
-import VisualConfigListField from './visual/config/ListField'
-import VisualConfigOrderField from './visual/config/OrderField'
-import PageDesigner from './page-designer'
-import CardFormItemVisual from './visual/widgets/CardFormItemVisual'
-import CarouselVisual from './visual/widgets/CarouselVisual'
-import CollapseVisual from './visual/widgets/CollapseVisual'
-import DropdownVisual from './visual/widgets/DropdownVisual'
-import LayoutConfig from './visual/widgets/LayoutConfig'
-import ListVisual from './visual/widgets/ListVisual'
-import MEntityListFindVisual from './visual/widgets/MEntityListFindVisual'
-import TabsConfig from './visual/widgets/TabsConfig'
-import widgetPreviews from './page-designer/previews'
-import { publishSharedPackage } from '@epxing/core/src/shared-packages'
-const components = { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, ...widgetPreviews }
-export function install (app) {
-  publishSharedPackage('@epxing/designer', { ...components, widgetPreviews })
-  installComponents(app, components)
-}
-export { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, widgetPreviews }
-export default { install, ...components }
+import { installComponents } from '@epxing/core/src/register-components'
+import ProcessFormItemVisual from './visual/widgets/ProcessFormItemVisual.vue'
+import VisualComponent from './visual/Component'
+import VisualConfigPage from './visual/config-page'
+import VisualEntityList from './visual/EntityList'
+import VisualEntitySubList from './visual/EntitySubList'
+import VisualConfigField from './visual/config/Field'
+import VisualConfigListField from './visual/config/ListField'
+import VisualConfigOrderField from './visual/config/OrderField'
+import PageDesigner from './page-designer'
+import CardFormItemVisual from './visual/widgets/CardFormItemVisual'
+import CarouselVisual from './visual/widgets/CarouselVisual'
+import CollapseVisual from './visual/widgets/CollapseVisual'
+import DropdownVisual from './visual/widgets/DropdownVisual'
+import LayoutConfig from './visual/widgets/LayoutConfig'
+import ListVisual from './visual/widgets/ListVisual'
+import MEntityListFindVisual from './visual/widgets/MEntityListFindVisual'
+import TabsConfig from './visual/widgets/TabsConfig'
+import widgetPreviews from './page-designer/previews'
+import { publishSharedPackage } from '@epxing/core/src/shared-packages'
+const components = { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, ...widgetPreviews }
+export function install (app) {
+  publishSharedPackage('@epxing/designer', { ...components, widgetPreviews })
+  installComponents(app, components)
+}
+export { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, widgetPreviews }
+export default { install, ...components }

package/src/page-designer/PageDesigner.vue

@@ -304,6 +304,17 @@ export default {
           }
         }
       })
+    },
+    // 切换组件后预览区会按新组件重建 DOM，选中浮层需重新定位到新元素（选中其它组件由上面的监听处理）
+    'designer.selectedWidget.contentType' () {
+      const widget = this.designer.selectedWidget
+      if (!widget || this.selectedWidgetData.widget !== widget) return
+      this.$nextTick(() => {
+        this.selectedWidgetData = {
+          ...this.selectedWidgetData,
+          element: document.querySelector(`[data-widget-id="${widget.id}"]`)
+        }
+      })
     }
   },
   methods: {