@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/package.json

@@ -1,6 +1,107 @@
 {
   "name": "@epxing/designer",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "5.3.0-beta.2",
+  "description": "页面设计器 + 可视化配置面（设计态）",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/src/index.js",
+      "default": "./dist/src/index.js"
+    },
+    "./src": "./dist/src/index.js",
+    "./page-designer": {
+      "types": "./types/page-designer.d.ts",
+      "import": "./dist/src/page-designer/index.js",
+      "default": "./dist/src/page-designer/index.js"
+    },
+    "./visual-component": {
+      "types": "./types/visual-component.d.ts",
+      "import": "./dist/src/visual/Component.js",
+      "default": "./dist/src/visual/Component.js"
+    },
+    "./visual-entity-list": {
+      "types": "./types/visual-entity-list.d.ts",
+      "import": "./dist/src/visual/EntityList.js",
+      "default": "./dist/src/visual/EntityList.js"
+    },
+    "./visual-entity-sub-list": {
+      "types": "./types/visual-entity-sub-list.d.ts",
+      "import": "./dist/src/visual/EntitySubList.js",
+      "default": "./dist/src/visual/EntitySubList.js"
+    },
+    "./src/page-designer": "./dist/src/page-designer/index.js",
+    "./src/page-designer/page-variable-panel": "./dist/src/page-designer/page-variable-panel/index.js",
+    "./src/page-designer/previews": "./dist/src/page-designer/previews/index.js",
+    "./src/page-designer/setting-panel": "./dist/src/page-designer/setting-panel/index.js",
+    "./src/page-designer/template-attribute-panel": "./dist/src/page-designer/template-attribute-panel/index.js",
+    "./src/page-designer/template-library": "./dist/src/page-designer/template-library/index.js",
+    "./src/page-designer/widget-library": "./dist/src/page-designer/widget-library/index.js",
+    "./src/page-designer/widget-preview": "./dist/src/page-designer/widget-preview/index.js",
+    "./src/page-designer/widget-tree": "./dist/src/page-designer/widget-tree/index.js",
+    "./src/visual": "./dist/src/visual/index.js",
+    "./src/visual/config-page": "./dist/src/visual/config-page/index.js",
+    "./src/visual/config-page/dashboard-theme-setting": "./dist/src/visual/config-page/dashboard-theme-setting/index.js",
+    "./src/visual/step": "./dist/src/visual/step/index.js",
+    "./src/*.css": "./src/*.css",
+    "./src/*.scss": "./src/*.scss",
+    "./src/*.png": "./src/*.png",
+    "./src/*.svg": "./src/*.svg",
+    "./src/*.jpg": "./src/*.jpg",
+    "./src/*.gif": "./src/*.gif",
+    "./src/*.woff": "./src/*.woff",
+    "./src/*.woff2": "./src/*.woff2",
+    "./src/*.ttf": "./src/*.ttf",
+    "./src/*.js": "./dist/src/*.js",
+    "./src/*.jsx": "./dist/src/*.js",
+    "./src/*.vue": "./dist/src/*.js",
+    "./src/*": "./dist/src/*.js",
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "types",
+    "API.md"
+  ],
+  "dependencies": {
+    "@babel/standalone": "^7.19.6",
+    "codemirror": "5.65.12",
+    "lodash-es": "^4.17.23",
+    "@epxing/business": "^5.3.0-beta.2",
+    "@epxing/core": "^5.3.0-beta.2",
+    "@epxing/components": "^5.3.0-beta.2",
+    "@epxing/dashboard": "^5.3.0-beta.2",
+    "@epxing/utils": "^5.3.0-beta.2",
+    "@epxing/theme": "^5.3.0-beta.2",
+    "@epxing/icons": "^5.3.0-beta.2"
+  },
+  "peerDependencies": {
+    "vue": "3.5.39",
+    "vuex": "4.1.0",
+    "element-plus": "2.14.3"
+  },
+  "main": "./dist/src/index.js",
+  "module": "./dist/src/index.js",
+  "types": "./types/index.d.ts",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "**/*.vue",
+    "./dist/src/app.js",
+    "./dist/src/plugins/**",
+    "./dist/src/store/**",
+    "./dist/src/mixins/**",
+    "./dist/src/runtime-utils/util.js",
+    "./dist/src/runtime-services.js",
+    "./dist/**/*.js"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "cd ../.. && cross-env PKG=designer vite build -c build/vite.pkg.config.mjs"
+  }
 }

package/src/index.js

@@ -0,0 +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 }

package/src/page-designer/PageConfigPreview.vue

@@ -0,0 +1,103 @@
+<template>
+  <epx-page-designer-widget-preview
+    v-if="designer"
+    :designer="designer"
+    :pageRelationList="relationList"
+    class="epx-page-config-preview"
+  />
+</template>
+
+<script>
+import component from '@epxing/core/src/mixins/component'
+import { createDesigner } from '@epxing/designer/src/page-designer/designer'
+import WidgetPreview from '@epxing/designer/src/page-designer/widget-preview/Preview.vue'
+
+export default {
+  name: 'epx-page-config-preview',
+  mixins: [component],
+  components: {
+    'epx-page-designer-widget-preview': WidgetPreview
+  },
+  props: {
+    pageConfig: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  data () {
+    return {
+      designer: null,
+      relationList: []
+    }
+  },
+  watch: {
+    pageConfig: {
+      immediate: true,
+      handler (val) {
+        if (!val) { this.designer = null; this.relationList = []; return }
+        try {
+          const parsed = typeof val === 'string' ? JSON.parse(val) : val
+          const config = parsed.config || parsed
+          const { title, metaId } = parsed.config ? parsed : {}
+          const designer = createDesigner(this)
+          designer.loadFormJson({ config, title, metaId })
+          this.designer = designer
+          this._loadWidgetList(designer)
+          if (metaId) this._loadRelationList(metaId)
+        } catch (e) {
+          this.designer = null
+        }
+      }
+    }
+  },
+  methods: {
+    _loadWidgetList (designer) {
+      this.$http.list({
+        action: 'listWithVariables',
+        entityId: 'FM_PAGE',
+        'scope.TYPE': '01',
+        order_field: 'ORDER_NUM',
+        order_mode: 'asc',
+        scopeParams: JSON.stringify([
+          { lb: '(', field: 'LEVEL', values: '01', link: 'or' },
+          { field: 'SYSTEM', values: this.$system, rb: ')' }
+        ])
+      }).then(data => {
+        designer.initWidgetList(data.entitys || [])
+      }).catch(() => {})
+    },
+    _loadRelationList (metaId) {
+      this.$http.$get({
+        entityId: 'FM_ENTITY_RELATION',
+        action: 'getEntityRelationTree',
+        mainEntity: metaId
+      }).then(data => {
+        data.forEach(relation => {
+          relation.label = relation.title
+          relation.value = relation.flag
+          relation.children = relation.childrens
+          if (relation.childrens) {
+            relation.childrens.forEach(child => {
+              child.value = relation.flag + '#' + child.flag
+              child.label = child.title
+            })
+          }
+        })
+        this.relationList = data
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.epx-page-config-preview {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  background: var(--epx-bg-card);
+  padding: 16px;
+  box-sizing: border-box;
+  .epx-page-designer-widget-preview__no-widget { display: none; }
+}
+</style>