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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/API.md +1 -1
  2. package/README.md +46 -46
  3. package/dist/src/page-designer/PageDesigner.js +11 -0
  4. package/dist/src/page-designer/designer.js +21 -0
  5. package/dist/src/page-designer/previews/add-form/Preview.js +1 -1
  6. package/dist/src/page-designer/previews/add-form/Preview.vue.js +19 -8
  7. package/dist/src/page-designer/setting-panel/Setting.js +46 -10
  8. package/dist/src/visual/config-page/ComponentLibraryDialog.js +8 -2
  9. package/dist/src/visual/config-page/DashboardMobile.js +1 -1
  10. package/dist/style.css +116 -112
  11. package/package.json +8 -8
  12. package/src/index.js +27 -27
  13. package/src/page-designer/PageDesigner.vue +11 -0
  14. package/src/page-designer/designer.js +1322 -1299
  15. package/src/page-designer/previews/add-form/Preview.vue +43 -44
  16. package/src/page-designer/setting-panel/Setting.vue +24 -2
  17. package/src/page-designer/widget-preview/Mixin.js +285 -285
  18. package/src/page-designer/widget-preview/Preview.vue +322 -322
  19. package/src/page-designer/widget-preview/WidgetWrapper.vue +197 -197
  20. package/src/page-designer/widget-preview/directive.js +258 -258
  21. package/src/visual/CategoryList.vue +563 -563
  22. package/src/visual/ComponentList.vue +280 -280
  23. package/src/visual/CreatePage.vue +389 -389
  24. package/src/visual/EntityCardList.vue +449 -449
  25. package/src/visual/EntityList.vue +838 -838
  26. package/src/visual/config-page/ComponentLibraryDialog.vue +7 -1
  27. package/src/visual/config-page/DashboardMobile.vue +934 -934
  28. package/src/visual/widgets/ProcessFormItemVisual.vue +58 -58
  29. package/types/index.d.ts +22 -22
  30. package/types/page-designer.d.ts +3 -3
  31. package/types/visual-component.d.ts +1 -1
  32. package/types/visual-entity-list.d.ts +1 -1
  33. package/types/visual-entity-sub-list.d.ts +1 -1
package/src/index.js CHANGED
@@ -1,27 +1,27 @@
1
- import { installComponents } from '@epxing/core/src/register-components'
2
- import ProcessFormItemVisual from './visual/widgets/ProcessFormItemVisual.vue'
3
- import VisualComponent from './visual/Component'
4
- import VisualConfigPage from './visual/config-page'
5
- import VisualEntityList from './visual/EntityList'
6
- import VisualEntitySubList from './visual/EntitySubList'
7
- import VisualConfigField from './visual/config/Field'
8
- import VisualConfigListField from './visual/config/ListField'
9
- import VisualConfigOrderField from './visual/config/OrderField'
10
- import PageDesigner from './page-designer'
11
- import CardFormItemVisual from './visual/widgets/CardFormItemVisual'
12
- import CarouselVisual from './visual/widgets/CarouselVisual'
13
- import CollapseVisual from './visual/widgets/CollapseVisual'
14
- import DropdownVisual from './visual/widgets/DropdownVisual'
15
- import LayoutConfig from './visual/widgets/LayoutConfig'
16
- import ListVisual from './visual/widgets/ListVisual'
17
- import MEntityListFindVisual from './visual/widgets/MEntityListFindVisual'
18
- import TabsConfig from './visual/widgets/TabsConfig'
19
- import widgetPreviews from './page-designer/previews'
20
- import { publishSharedPackage } from '@epxing/core/src/shared-packages'
21
- const components = { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, ...widgetPreviews }
22
- export function install (app) {
23
- publishSharedPackage('@epxing/designer', { ...components, widgetPreviews })
24
- installComponents(app, components)
25
- }
26
- export { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, widgetPreviews }
27
- export default { install, ...components }
1
+ import { installComponents } from '@epxing/core/src/register-components'
2
+ import ProcessFormItemVisual from './visual/widgets/ProcessFormItemVisual.vue'
3
+ import VisualComponent from './visual/Component'
4
+ import VisualConfigPage from './visual/config-page'
5
+ import VisualEntityList from './visual/EntityList'
6
+ import VisualEntitySubList from './visual/EntitySubList'
7
+ import VisualConfigField from './visual/config/Field'
8
+ import VisualConfigListField from './visual/config/ListField'
9
+ import VisualConfigOrderField from './visual/config/OrderField'
10
+ import PageDesigner from './page-designer'
11
+ import CardFormItemVisual from './visual/widgets/CardFormItemVisual'
12
+ import CarouselVisual from './visual/widgets/CarouselVisual'
13
+ import CollapseVisual from './visual/widgets/CollapseVisual'
14
+ import DropdownVisual from './visual/widgets/DropdownVisual'
15
+ import LayoutConfig from './visual/widgets/LayoutConfig'
16
+ import ListVisual from './visual/widgets/ListVisual'
17
+ import MEntityListFindVisual from './visual/widgets/MEntityListFindVisual'
18
+ import TabsConfig from './visual/widgets/TabsConfig'
19
+ import widgetPreviews from './page-designer/previews'
20
+ import { publishSharedPackage } from '@epxing/core/src/shared-packages'
21
+ const components = { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, ...widgetPreviews }
22
+ export function install (app) {
23
+ publishSharedPackage('@epxing/designer', { ...components, widgetPreviews })
24
+ installComponents(app, components)
25
+ }
26
+ export { ProcessFormItemVisual, VisualComponent, VisualConfigPage, VisualEntityList, VisualEntitySubList, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual, MEntityListFindVisual, TabsConfig, widgetPreviews }
27
+ export default { install, ...components }
package/src/page-designer/PageDesigner.vue CHANGED
@@ -304,6 +304,17 @@ export default {
304
304
  }
305
305
  }
306
306
  })
307
+ },
308
+ // 切换组件后预览区会按新组件重建 DOM，选中浮层需重新定位到新元素（选中其它组件由上面的监听处理）
309
+ 'designer.selectedWidget.contentType' () {
310
+ const widget = this.designer.selectedWidget
311
+ if (!widget || this.selectedWidgetData.widget !== widget) return
312
+ this.$nextTick(() => {
313
+ this.selectedWidgetData = {
314
+ ...this.selectedWidgetData,
315
+ element: document.querySelector(`[data-widget-id="${widget.id}"]`)
316
+ }
317
+ })
307
318
  }
308
319
  },
309
320
  methods: {