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

package/API.md

@@ -0,0 +1,160 @@
+# @epxing/designer API
+
+页面设计器、可视化配置组件、字段配置面板及预览组件集合。
+
+本页对应包版本 `5.3.0-beta.2`。导出名、子路径和签名从当前源码、package.json 与类型声明生成。
+
+## 安装与使用
+
+
+```sh
+pnpm add @epxing/designer@5.3.0-beta.2
+```
+
+
+```js
+import Designer, { VisualComponent, PageDesigner } from '@epxing/designer'
+
+// app 已安装 core、基础组件及所需业务组件
+app.use(Designer)
+export default { extends: VisualComponent }
+```
+
+## 接入约定
+
+设计组件需要配置/元数据服务以及基础组件注册环境。default 插件同时安装公开设计组件及 widgetPreviews；具名组件适合局部使用和继承。远程共享产品应导入公开组件，插件由宿主安装。
+
+本版 JS 入口自动加载本包聚合样式，根导入和稳定子路径均无需手动 import style.css；保留显式样式入口以兼容旧代码。样式按包加载，产品覆盖样式放在框架导入之后。
+
+## 根入口完整导出
+
+| 导出名 | 形态 | 用途 | 参数 / 配置 / 事件 |
+| --- | --- | --- | --- |
+| `install` | 函数 | 向 Vue 应用注册本包的组件；通常通过 app.use(defaultPlugin) 调用。 | 见下方签名或接入约定 |
+| `ProcessFormItemVisual` | Vue 组件 | 流程表单项的可视化配置组件，继承 VisualComponent，按流程代码读取节点并编辑节点配置。 | [详细参考](../../docs/revision/designer/visual/widgets/ProcessFormItemVisual.md) |
+| `VisualComponent` | Vue 组件 | 可视化配置组件基类，维护 allConfigs、配置项变更及设计上下文；产品设计面板可继承。 | [详细参考](../../docs/revision/designer/visual/Component.md) |
+| `VisualConfigPage` | Vue 组件 | 页面可视化配置容器，组织页面属性与配置面板。 | [详细参考](../../docs/revision/designer/visual/config-page/VisualConfigPage.md) |
+| `VisualEntityList` | Vue 组件 | 实体列表的可视化配置组件，编辑列表字段、查询和操作配置。 | [详细参考](../../docs/revision/designer/visual/EntityList.md) |
+| `VisualEntitySubList` | Vue 组件 | 实体子列表的可视化配置组件，编辑子表字段与关联配置。 | [详细参考](../../docs/revision/designer/visual/EntitySubList.md) |
+| `VisualConfigField` | Vue 组件 | 表单字段配置面板，编辑字段及其显示、输入配置。 | [详细参考](../../docs/revision/designer/visual/config/Field.md) |
+| `VisualConfigListField` | Vue 组件 | 列表字段配置面板，编辑展示列和字段配置。 | [详细参考](../../docs/revision/designer/visual/config/ListField.md) |
+| `VisualConfigOrderField` | Vue 组件 | 排序字段配置面板，编辑排序字段及顺序。 | [详细参考](../../docs/revision/designer/visual/config/OrderField.md) |
+| `PageDesigner` | Vue 组件 | 可视化页面设计器，提供挂件库、页面画布、层级与属性面板。 | [详细参考](../../docs/revision/designer/page-designer/PageDesigner.md) |
+| `CardFormItemVisual` | Vue 组件 | 卡片表单项配置面板，编辑卡片中字段的呈现配置。 | [详细参考](../../docs/revision/designer/visual/widgets/CardFormItemVisual.md) |
+| `CarouselVisual` | Vue 组件 | 轮播容器配置面板，编辑轮播项和呈现配置。 | [详细参考](../../docs/revision/designer/visual/widgets/CarouselVisual.md) |
+| `CollapseVisual` | Vue 组件 | 折叠容器配置面板，编辑折叠项和交互配置。 | [详细参考](../../docs/revision/designer/visual/widgets/CollapseVisual.md) |
+| `DropdownVisual` | Vue 组件 | 下拉容器配置面板，编辑下拉内容和呈现配置。 | [详细参考](../../docs/revision/designer/visual/widgets/DropdownVisual.md) |
+| `LayoutConfig` | Vue 组件 | 布局配置面板，编辑容器和列的布局配置。 | [详细参考](../../docs/revision/designer/visual/widgets/LayoutConfig.md) |
+| `ListVisual` | Vue 组件 | 列表挂件配置面板，编辑条目和呈现配置。 | [详细参考](../../docs/revision/designer/visual/widgets/ListVisual.md) |
+| `MEntityListFindVisual` | Vue 组件 | 移动实体选择列表的可视化配置面板。 | [详细参考](../../docs/revision/designer/visual/widgets/MEntityListFindVisual.md) |
+| `TabsConfig` | Vue 组件 | 标签页配置面板，编辑标签项及其内容配置。 | [详细参考](../../docs/revision/designer/visual/widgets/TabsConfig.md) |
+| `widgetPreviews` | 对象 / 常量 | 设计器预览组件映射，供设计插件注册和画布预览使用。 | [详细参考](../../docs/revision/designer/api/page-designer/previews/index.md) |
+| `default` | 默认导出 | 设计插件对象，包含 install、公开设计组件及预览组件。 | 见下方签名或接入约定 |
+
+## 函数、类与工具对象
+
+签名中的 any 表示现有声明未进一步限定结构；源代码方法签名保留默认参数。异步结果与泛型以声明为准。
+
+### widgetPreviews
+
+设计器预览组件映射，供设计插件注册和画布预览使用。
+
+通过 `widgetPreviews.成员名` 访问，下面的成员不是额外的根具名导出。
+
+| 成员名 | 用途 | 配置参考 |
+| --- | --- | --- |
+| `ButtonPreview` | 按钮在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/button/Preview.md) |
+| `CardPreview` | 卡片在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/card/Preview.md) |
+| `IconPreview` | 图标在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/icon/Preview.md) |
+| `HtmlPreview` | HTML在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/html/Preview.md) |
+| `ImagePreview` | 图片在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/image/Preview.md) |
+| `NumPreview` | 数字在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/num/Preview.md) |
+| `VideoPreview` | 视频在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/video/Preview.md) |
+| `TextPreview` | 文本在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/text/Preview.md) |
+| `StepPreview` | 步骤在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/step/Preview.md) |
+| `GridPreview` | 网格在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/grid/Preview.md) |
+| `PageTabsPreview` | 页面标签在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/page-tabs/Preview.md) |
+| `TextEditorPreview` | 富文本在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/text-editor/Preview.md) |
+| `AddFormPreview` | 新增表单在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/add-form/Preview.md) |
+| `AddFormItemPreview` | 表单分组在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/add-form-item/Preview.md) |
+| `EntityListPreview` | 实体列表在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/entity-list/Preview.md) |
+| `EntitySubListPreview` | 实体子列表在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/entity-sub-list/Preview.md) |
+| `EntityVirtualListPreview` | 实体虚拟列表在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/entity-virtual-list/Preview.md) |
+| `LayoutPreview` | 布局容器在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/layout/Preview.md) |
+| `LayoutColumnPreview` | 布局列在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/layout/ColumnPreview.md) |
+| `CarouselPreview` | 轮播容器在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/carousel/Preview.md) |
+| `CarouselItemPreview` | 轮播项在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/carousel/CarouselItemPreview.md) |
+| `CollapsePreview` | 折叠容器在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/collapse/Preview.md) |
+| `CollapseItemPreview` | 折叠项在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/collapse/CollapseItemPreview.md) |
+| `DropdownPreview` | 下拉内容在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/dropdown/Preview.md) |
+| `TabsPreview` | 标签页容器在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/tabs/Preview.md) |
+| `TabsTabPanePreview` | 标签页内容在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/tabs/tab-pane/Preview.md) |
+| `FormFieldTextareaPreview` | 多行文本字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Textarea.md) |
+| `FormFieldSelectPreview` | 选项字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Select.md) |
+| `FormFieldRadioPreview` | 单选字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Radio.md) |
+| `FormFieldObjectPreview` | 关联对象字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Object.md) |
+| `FormFieldInputNumberPreview` | 数字字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/InputNumber.md) |
+| `FormFieldInputPreview` | 文本字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Input.md) |
+| `FormFieldDatePreview` | 日期字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Date.md) |
+| `FormFieldCheckboxPreview` | 多选字段在页面设计画布中的预览组件。 | [详细参考](../../docs/revision/designer/page-designer/previews/form-field/preview/Checkbox.md) |
+
+## 稳定子路径
+
+下表按实际 package.json 的公开入口列出。default 使用默认导入，其他名称使用具名导入；类型接口用 import type。
+
+| 导入路径 | 完整导出名 | 用途 / 详细说明 |
+| --- | --- | --- |
+| `@epxing/designer/page-designer` | `default`、`WidgetPreviewMixin` | 可视化页面设计器，提供挂件库、页面画布、层级与属性面板。 [详细参考](../../docs/revision/designer/page-designer/PageDesigner.md) |
+| `@epxing/designer/visual-component` | `default` | 可视化配置组件基类，维护 allConfigs、配置项变更及设计上下文；产品设计面板可继承。 [详细参考](../../docs/revision/designer/visual/Component.md) |
+| `@epxing/designer/visual-entity-list` | `default` | 实体列表的可视化配置组件，编辑列表字段、查询和操作配置。 [详细参考](../../docs/revision/designer/visual/EntityList.md) |
+| `@epxing/designer/visual-entity-sub-list` | `default` | 实体子列表的可视化配置组件，编辑子表字段与关联配置。 [详细参考](../../docs/revision/designer/visual/EntitySubList.md) |
+| `@epxing/designer/style.css` | 可选的显式样式入口 | JS 入口自动加载本包样式；保留此路径以兼容旧代码。 |
+
+## 子路径补充导出
+
+本节列出仅在稳定子路径中提供的具名 API；从本节标题对应路径导入。
+
+### @epxing/designer/page-designer
+
+| 导出 / 调用签名 | 用途 | 详细接口 |
+| --- | --- | --- |
+| `WidgetPreviewMixin` | 画布挂件预览的公共混入，提供预览组件的上下文、交互和配置协议。 | [详细参考](../../docs/revision/designer/api/page-designer/widget-preview/Mixin.md) |
+
+## 源码兼容与其他入口
+
+/src 路径保留给已有产品和源码级扩展，可能包含平台内部实现；新产品优先采用上方根导出与稳定子路径。通配符表示按实际文件名匹配，不代表所有源码都属于根入口。
+
+| 公开路径模式 | 实际目标 |
+| --- | --- |
+| `@epxing/designer/src` | `./dist/src/index.js` |
+| `@epxing/designer/src/page-designer` | `./dist/src/page-designer/index.js` |
+| `@epxing/designer/src/page-designer/page-variable-panel` | `./dist/src/page-designer/page-variable-panel/index.js` |
+| `@epxing/designer/src/page-designer/previews` | `./dist/src/page-designer/previews/index.js` |
+| `@epxing/designer/src/page-designer/setting-panel` | `./dist/src/page-designer/setting-panel/index.js` |
+| `@epxing/designer/src/page-designer/template-attribute-panel` | `./dist/src/page-designer/template-attribute-panel/index.js` |
+| `@epxing/designer/src/page-designer/template-library` | `./dist/src/page-designer/template-library/index.js` |
+| `@epxing/designer/src/page-designer/widget-library` | `./dist/src/page-designer/widget-library/index.js` |
+| `@epxing/designer/src/page-designer/widget-preview` | `./dist/src/page-designer/widget-preview/index.js` |
+| `@epxing/designer/src/page-designer/widget-tree` | `./dist/src/page-designer/widget-tree/index.js` |
+| `@epxing/designer/src/visual` | `./dist/src/visual/index.js` |
+| `@epxing/designer/src/visual/config-page` | `./dist/src/visual/config-page/index.js` |
+| `@epxing/designer/src/visual/config-page/dashboard-theme-setting` | `./dist/src/visual/config-page/dashboard-theme-setting/index.js` |
+| `@epxing/designer/src/visual/step` | `./dist/src/visual/step/index.js` |
+| `@epxing/designer/src/*.css` | `./src/*.css` |
+| `@epxing/designer/src/*.scss` | `./src/*.scss` |
+| `@epxing/designer/src/*.png` | `./src/*.png` |
+| `@epxing/designer/src/*.svg` | `./src/*.svg` |
+| `@epxing/designer/src/*.jpg` | `./src/*.jpg` |
+| `@epxing/designer/src/*.gif` | `./src/*.gif` |
+| `@epxing/designer/src/*.woff` | `./src/*.woff` |
+| `@epxing/designer/src/*.woff2` | `./src/*.woff2` |
+| `@epxing/designer/src/*.ttf` | `./src/*.ttf` |
+| `@epxing/designer/src/*.js` | `./dist/src/*.js` |
+| `@epxing/designer/src/*.jsx` | `./dist/src/*.js` |
+| `@epxing/designer/src/*.vue` | `./dist/src/*.js` |
+| `@epxing/designer/src/*` | `./dist/src/*.js` |
+| `@epxing/designer/package.json` | `./package.json` |
+
+## 文档维护
+
+本页由 build/gen-package-api-docs.mjs 生成。修改公开入口并更新构建产物和类型声明后，在框架根运行 `pnpm docs:api`；`pnpm docs:api:check` 检查清单、类型、包内文档与站点镜像是否同步，同时验证页面编译和文档链接。用途和示例维护在 build/package-api-notes.mjs，组件和源码方法的详细参考位于 docs/revision。

package/README.md

@@ -1,3 +1,46 @@
-# Temporary Holding Version
+# @epxing/designer
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[完整公开 API、导入方式与示例](./API.md)
+
+从 5.3.0-beta.2 起，导入本包 JS 时自动加载包级样式，根入口和稳定子路径均无需手动引入 style.css。显式样式入口继续兼容旧代码；产品覆盖样式放在框架导入之后。
+
+可视化配置体系包 - **设计态独有，运行时按需加载**。
+
+## 范围
+
+- `src/frame/page-designer/`（整目录）
+- 各 package 的 `Visual.vue` / `Config.vue`（T07 抽出，14+ 处）
+- 各 package 的 `Preview.vue`（T08 抽出，35+ 处）
+- `src/frame/views/visual/`
+- `src/frame/views/{FormDesign,ExcelDesign,Bpmn}.vue`
+- `src/frame/views/report/` / `src/frame/views/match/`
+- `src/frame/packages/visual-config-page/`
+
+## 加载策略
+
+`apps/platform` 路由层 `() => import('@epxing/designer')` 懒加载，运行时进入设计页面才下载。
+
+## 依赖
+
+- `@epxing/utils`
+- `@epxing/theme`
+- `@epxing/core`
+- `@epxing/components`
+
+## 状态
+
+已提供公共根入口、稳定组件子路径和类型声明。
+
+
+## 独立包公共入口（2026-10-22）
+
+根入口及稳定子路径提供类型声明。先安装 core 与需要的 component，再按需安装本包。
+
+产品设计面板可从根入口具名导入 VisualComponent、VisualEntityList 等，或默认导入 `@epxing/designer/visual-component`。远程产品通过 epxShared 复用宿主设计态组件，整包安装由宿主负责。详见 `docs/guide/getting-started/packages.md`。
+
+```js
+import plugin from '@epxing/designer'
+app.use(plugin)
+```
+
+工作区构建：`pnpm --filter @epxing/designer build`。pack/publish 的 prepack 会重建；版本由 Changesets 独立管理。旧 `/src/*` 入口保留。完整初始化、打包与远程共享流程见 docs/build-and-publish.md。

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as default
+};

package/dist/_virtual/preload-helper.js

@@ -0,0 +1,88 @@
+const scriptRel = /* @__PURE__ */ (function detectScriptRel() {
+  const relList = typeof document !== "undefined" && document.createElement("link").relList;
+  return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
+})();
+const assetsURL = function(dep, importerUrl) {
+  return new URL(dep, importerUrl).href;
+};
+const seen = {};
+const __vitePreload = function preload(baseModule, deps, importerUrl) {
+  let promise = Promise.resolve();
+  if (deps && deps.length > 0) {
+    let allSettled2 = function(promises) {
+      return Promise.all(
+        promises.map(
+          (p) => Promise.resolve(p).then(
+            (value) => ({ status: "fulfilled", value }),
+            (reason) => ({ status: "rejected", reason })
+          )
+        )
+      );
+    };
+    const links = document.getElementsByTagName("link");
+    const cspNonceMeta = document.querySelector(
+      "meta[property=csp-nonce]"
+    );
+    const cspNonce = (cspNonceMeta == null ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta == null ? void 0 : cspNonceMeta.getAttribute("nonce"));
+    promise = allSettled2(
+      deps.map((dep) => {
+        dep = assetsURL(dep, importerUrl);
+        if (dep in seen) return;
+        seen[dep] = true;
+        const isCss = dep.endsWith(".css");
+        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
+        const isBaseRelative = !!importerUrl;
+        if (isBaseRelative) {
+          for (let i = links.length - 1; i >= 0; i--) {
+            const link2 = links[i];
+            if (link2.href === dep && (!isCss || link2.rel === "stylesheet")) {
+              return;
+            }
+          }
+        } else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
+          return;
+        }
+        const link = document.createElement("link");
+        link.rel = isCss ? "stylesheet" : scriptRel;
+        if (!isCss) {
+          link.as = "script";
+        }
+        link.crossOrigin = "";
+        link.href = dep;
+        if (cspNonce) {
+          link.setAttribute("nonce", cspNonce);
+        }
+        document.head.appendChild(link);
+        if (isCss) {
+          return new Promise((res, rej) => {
+            link.addEventListener("load", res);
+            link.addEventListener(
+              "error",
+              () => rej(new Error(`Unable to preload CSS for ${dep}`))
+            );
+          });
+        }
+      })
+    );
+  }
+  function handlePreloadError(err) {
+    const e = new Event("vite:preloadError", {
+      cancelable: true
+    });
+    e.payload = err;
+    window.dispatchEvent(e);
+    if (!e.defaultPrevented) {
+      throw err;
+    }
+  }
+  return promise.then((res) => {
+    for (const item of res || []) {
+      if (item.status !== "rejected") continue;
+      handlePreloadError(item.reason);
+    }
+    return baseModule().catch(handlePreloadError);
+  });
+};
+export {
+  __vitePreload
+};

package/dist/src/assets/images/dashboard/theme_black.png.js

@@ -0,0 +1,4 @@
+const __cjsReq1 = "" + new URL("../../../../assets/theme_black-Ctdygcr4.png", import.meta.url).href;
+export {
+  __cjsReq1 as default
+};

package/dist/src/assets/images/dashboard/theme_technology.png.js

@@ -0,0 +1,4 @@
+const __cjsReq2 = "" + new URL("../../../../assets/theme_technology-DJk-2e7g.png", import.meta.url).href;
+export {
+  __cjsReq2 as default
+};

package/dist/src/assets/images/dashboard/theme_white.png.js

@@ -0,0 +1,4 @@
+const __cjsReq0 = "" + new URL("../../../../assets/theme_white-uMQ6JYml.png", import.meta.url).href;
+export {
+  __cjsReq0 as default
+};

package/dist/src/assets/images/default-icon.png.js

@@ -0,0 +1,4 @@
+const __cjsReq0 = "" + new URL("../../../assets/default-icon-2193FMjv.png", import.meta.url).href;
+export {
+  __cjsReq0 as default
+};

package/dist/src/index.js

@@ -0,0 +1,53 @@
+import '../style.css';
+import { installComponents } from "@epxing/core/src/register-components";
+import _sfc_main$6 from "./visual/widgets/ProcessFormItemVisual.vue.js";
+import _sfc_main$5 from "./visual/Component.vue.js";
+/* empty css                      */
+import "./visual/config-page/index.js";
+import _sfc_main$4 from "./visual/EntityList.vue.js";
+/* empty css                       */
+import _sfc_main$3 from "./visual/EntitySubList.js";
+import VisualConfigField from "./visual/config/Field.js";
+import VisualConfigListField from "./visual/config/ListField.js";
+import VisualConfigOrderField from "./visual/config/OrderField.js";
+import "./page-designer/index.js";
+import _sfc_main$2 from "./visual/widgets/CardFormItemVisual.js";
+import CarouselVisual from "./visual/widgets/CarouselVisual.js";
+import CollapseVisual from "./visual/widgets/CollapseVisual.js";
+import DropdownVisual from "./visual/widgets/DropdownVisual.js";
+import LayoutConfig from "./visual/widgets/LayoutConfig.js";
+import _sfc_main$1 from "./visual/widgets/ListVisual.js";
+import _sfc_main from "./visual/widgets/MEntityListFindVisual.js";
+import TabsConfig from "./visual/widgets/TabsConfig.js";
+import widgetPreviews from "./page-designer/previews/index.js";
+import { publishSharedPackage } from "@epxing/core/src/shared-packages";
+import PageDesigner from "./page-designer/PageDesigner.js";
+import VisualConfigPage from "./visual/config-page/VisualConfigPage.js";
+const components = { ProcessFormItemVisual: _sfc_main$6, VisualComponent: _sfc_main$5, VisualConfigPage, VisualEntityList: _sfc_main$4, VisualEntitySubList: _sfc_main$3, VisualConfigField, VisualConfigListField, VisualConfigOrderField, PageDesigner, CardFormItemVisual: _sfc_main$2, CarouselVisual, CollapseVisual, DropdownVisual, LayoutConfig, ListVisual: _sfc_main$1, MEntityListFindVisual: _sfc_main, TabsConfig, ...widgetPreviews };
+function install(app) {
+  publishSharedPackage("@epxing/designer", { ...components, widgetPreviews });
+  installComponents(app, components);
+}
+const index = { install, ...components };
+export {
+  _sfc_main$2 as CardFormItemVisual,
+  CarouselVisual,
+  CollapseVisual,
+  DropdownVisual,
+  LayoutConfig,
+  _sfc_main$1 as ListVisual,
+  _sfc_main as MEntityListFindVisual,
+  PageDesigner,
+  _sfc_main$6 as ProcessFormItemVisual,
+  TabsConfig,
+  _sfc_main$5 as VisualComponent,
+  VisualConfigField,
+  VisualConfigListField,
+  VisualConfigOrderField,
+  VisualConfigPage,
+  _sfc_main$4 as VisualEntityList,
+  _sfc_main$3 as VisualEntitySubList,
+  index as default,
+  install,
+  widgetPreviews
+};

package/dist/src/page-designer/PageConfigPreview.js

@@ -0,0 +1,102 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { createDesigner } from "./designer.js";
+import WidgetPreview from "./widget-preview/Preview.js";
+import { resolveComponent, openBlock, createBlock, createCommentVNode } from "vue";
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  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(() => {
+      });
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_page_designer_widget_preview = resolveComponent("epx-page-designer-widget-preview");
+  return $data.designer ? (openBlock(), createBlock(_component_epx_page_designer_widget_preview, {
+    key: 0,
+    designer: $data.designer,
+    pageRelationList: $data.relationList,
+    class: "epx-page-config-preview"
+  }, null, 8, ["designer", "pageRelationList"])) : createCommentVNode("", true);
+}
+const PageConfigPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  PageConfigPreview as default
+};