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

package/API.md

@@ -2,13 +2,13 @@
 
 系统业务页面、人员/部门选择器、页面目录和报表组件。
 
-本页对应包版本 `5.3.0-beta.2`。导出名、子路径和签名从当前源码、package.json 与类型声明生成。
+本页对应包版本 `5.3.0-beta.3`。导出名、子路径和签名从当前源码、package.json 与类型声明生成。
 
 ## 安装与使用
 
 
 ```sh
-pnpm add @epxing/business@5.3.0-beta.2
+pnpm add @epxing/business@5.3.0-beta.3
 ```
 
 
@@ -22,7 +22,7 @@ app.component('ProductUserFind', UserFind)
 
 ## 接入约定
 
-业务组件依赖核心服务、基础组件和服务端元数据/权限。根 default 插件负责系统业务组件、弹层和路由映射注册；只使用具名组件时，产品仍需准备该组件实际使用的服务与子组件。远程产品的共享入口支持公开组件；宿主负责安装业务插件。
+业务组件依赖核心服务、基础组件和服务端元数据/权限。根 default 插件负责系统业务组件、弹层和路由映射注册。平台系统入口使用 createApp({ router: createFrameRouter() }) 并安装 Components、Business 和产品插件；其中 App 可从本包根入口或 @epxing/business/app 导入，用于系统视图定制，不直接作为最外层根组件。只使用具名组件时，产品仍需准备该组件实际使用的服务与子组件。远程产品的共享入口支持公开组件；宿主负责安装业务插件。
 
 本版 JS 入口自动加载本包聚合样式，根导入和稳定子路径均无需手动 import style.css；保留显式样式入口以兼容旧代码。样式按包加载，产品覆盖样式放在框架导入之后。
 
@@ -31,6 +31,7 @@ app.component('ProductUserFind', UserFind)
 | 导出名 | 形态 | 用途 | 参数 / 配置 / 事件 |
 | --- | --- | --- | --- |
 | `UserFind` | Vue 组件 | 人员选择器，用于选择用户并按组件协议回填标识和显示标签。 | [详细参考](../../docs/revision/business/components/UserFind.md) |
+| `App` | Vue 组件 | 平台系统路由视图，在应用配置加载后读取 FIRST_PAGE / MOBILE_FIRST_PAGE 并显示首页。由 Business 注册给平台路由，不是最外层路由根组件。 | [详细参考](../../docs/revision/business/views/App.md) |
 | `DeptFind` | Vue 组件 | 部门选择器，用于组织部门的查找、选择和回填。 | [详细参考](../../docs/revision/business/components/DeptFind.md) |
 | `HeaderNav` | Vue 组件 | 应用顶部导航组件，展示应用和菜单导航入口。 | [详细参考](../../docs/revision/business/components/HeaderNav.md) |
 | `EntityTreeManage` | Vue 组件 | 实体树管理组件，组合分类树、实体查询和管理操作。 | [详细参考](../../docs/revision/business/components/EntityTreeManage.md) |
@@ -49,6 +50,8 @@ app.component('ProductUserFind', UserFind)
 
 ### routeComponents
 
+基础页面 App、Module、AppRoleSelect、Error 由 core 提供；此处保留映射兼容，并补充 QyWechat、Task、HelpDocSet。未使用这些业务页面时无需安装 business。
+
 业务层路由页面映射，供核心路由解析使用。
 
 通过 `routeComponents.成员名` 访问，下面的成员不是额外的根具名导出。
@@ -56,7 +59,7 @@ app.component('ProductUserFind', UserFind)
 | 成员名 | 用途 | 配置参考 |
 | --- | --- | --- |
 | `QyWechat` | 企业微信接入页面，承载对应客户端的认证与跳转流程。 | [详细参考](../../docs/revision/business/views/QyWechat.md) |
-| `App` | 平台应用外壳，承载导航、标签页和应用页面。 | [详细参考](../../docs/revision/business/views/App.md) |
+| `App` | 平台系统路由视图，在应用配置加载后读取 FIRST_PAGE / MOBILE_FIRST_PAGE 并显示首页。由 Business 注册给平台路由，不是最外层路由根组件。 | [详细参考](../../docs/revision/business/views/App.md) |
 | `Module` | 平台模块容器页面，承载模块中的业务内容。 | [详细参考](../../docs/revision/business/views/Module.md) |
 | `AppRoleSelect` | 应用角色选择页面，供用户选择进入应用时使用的角色。 | [详细参考](../../docs/revision/business/views/AppRoleSelect.md) |
 | `Task` | 平台任务页面，展示和处理任务相关内容。 | [详细参考](../../docs/revision/business/views/TaskPage.md) |
@@ -69,6 +72,7 @@ app.component('ProductUserFind', UserFind)
 
 | 导入路径 | 完整导出名 | 用途 / 详细说明 |
 | --- | --- | --- |
+| `@epxing/business/app` | `default` | 平台系统路由视图，在应用配置加载后读取 FIRST_PAGE / MOBILE_FIRST_PAGE 并显示首页。由 Business 注册给平台路由，不是最外层路由根组件。 [详细参考](../../docs/revision/business/views/App.md) |
 | `@epxing/business/user-find` | `default` | 人员选择器，用于选择用户并按组件协议回填标识和显示标签。 [详细参考](../../docs/revision/business/components/UserFind.md) |
 | `@epxing/business/dept-find` | `default` | 部门选择器，用于组织部门的查找、选择和回填。 [详细参考](../../docs/revision/business/components/DeptFind.md) |
 | `@epxing/business/popup` | `default` | 默认导出弹层安装函数 (app)，用 app.use(PopupInstall) 安装 $popup；与主应用共享上下文。 [详细参考](../../docs/revision/business/api/popup.md) |

package/README.md

@@ -1,44 +1,44 @@
-# @epxing/business
-
-[完整公开 API、导入方式与示例](./API.md)
-
-从 5.3.0-beta.2 起，导入本包 JS 时自动加载包级样式，根入口和稳定子路径均无需手动引入 style.css。显式样式入口继续兼容旧代码；产品覆盖样式放在框架导入之后。
-
-平台业务组件包。产品可继承 UserFind、EntityTreeManage 等业务组件，整包安装时补充平台业务视图与 popup。
-
-## 范围
-
-- `src/frame/components/` 业务组件（authorization / permiss / UserManage 等）
-- `src/frame/base/` 平台基础组件（AppMarket / ClientApplication / 角色权限 等）
-- `src/frame/views/` 运行时业务页面（App / Module / Container / Login / Error / EntityListPage 等）
-- `src/frame/views/client/` / `src/frame/views/layout/`
-
-## 依赖
-
-- `@epxing/utils`
-- `@epxing/theme`
-- `@epxing/core`
-- `@epxing/components`
-
-## 状态
-
-已提供公共根入口、稳定组件子路径和类型声明。
-
-
-## 独立包公共入口（2026-10-22）
-
-根入口及稳定子路径提供类型声明。先安装 core 与需要的 component，再按需安装本包。
-
-```js
-import { UserFind, DeptFind, EntityTreeManage, HeaderNav } from '@epxing/business'
-import EntityTreeManageDefault from '@epxing/business/entity-tree-manage'
-```
-
-还提供 PageCatalog、ReportFormList、ReportFormListPage、ExcelPreviewPage。远程产品可共享这些单件，整包安装由宿主负责。使用与迁移说明见 `docs/guide/getting-started/packages.md`。
-
-```js
-import plugin from '@epxing/business'
-app.use(plugin)
-```
-
-工作区构建：`pnpm --filter @epxing/business build`。pack/publish 的 prepack 会重建；版本由 Changesets 独立管理。旧 `/src/*` 入口保留。完整初始化、打包与远程共享流程见 docs/build-and-publish.md。
+# @epxing/business
+
+[完整公开 API、导入方式与示例](./API.md)
+
+从 5.3.0-beta.2 起，导入本包 JS 时自动加载包级样式，根入口和稳定子路径均无需手动引入 style.css。显式样式入口继续兼容旧代码；产品覆盖样式放在框架导入之后。
+
+平台业务组件包。产品可继承 UserFind、EntityTreeManage 等业务组件，整包安装时补充平台业务视图与 popup。
+
+## 范围
+
+- `src/frame/components/` 业务组件（authorization / permiss / UserManage 等）
+- `src/frame/base/` 平台基础组件（AppMarket / ClientApplication / 角色权限 等）
+- `src/frame/views/` 运行时业务页面（App / Module / Container / Login / Error / EntityListPage 等）
+- `src/frame/views/client/` / `src/frame/views/layout/`
+
+## 依赖
+
+- `@epxing/utils`
+- `@epxing/theme`
+- `@epxing/core`
+- `@epxing/components`
+
+## 状态
+
+已提供公共根入口、稳定组件子路径和类型声明。
+
+
+## 独立包公共入口（2026-10-22）
+
+根入口及稳定子路径提供类型声明。先安装 core 与需要的 component，再按需安装本包。
+
+```js
+import { UserFind, DeptFind, EntityTreeManage, HeaderNav } from '@epxing/business'
+import EntityTreeManageDefault from '@epxing/business/entity-tree-manage'
+```
+
+还提供 PageCatalog、ReportFormList、ReportFormListPage、ExcelPreviewPage。远程产品可共享这些单件，整包安装由宿主负责。使用与迁移说明见 `docs/guide/getting-started/packages.md`。
+
+```js
+import plugin from '@epxing/business'
+app.use(plugin)
+```
+
+工作区构建：`pnpm --filter @epxing/business build`。pack/publish 的 prepack 会重建；版本由 Changesets 独立管理。旧 `/src/*` 入口保留。完整初始化、打包与远程共享流程见 docs/build-and-publish.md。

package/dist/src/base/AiSkillEditor.js

@@ -1023,7 +1023,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["model-value", "onUpdate:modelValue", "functionList", "extendVariable"])) : createCommentVNode("", true)
   ]);
 }
-const AiSkillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-61ea38d3"]]);
+const AiSkillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-148f13cb"]]);
 export {
   AiSkillEditor as default
 };

package/dist/src/base/AiSkillEditor.vue.js

@@ -53,6 +53,8 @@ const _sfc_main = {
   name: "epx-base-ai-skill-editor",
   mixins: [component],
   props: {
+    // 接收父表单实例，避免被作为 DOM 属性透传导致记忆设置渲染失败。
+    form: Object,
     value: {
       type: String,
       default: ""

package/dist/src/base/AppConfigFormItem.js

@@ -1,8 +1,6 @@
 import '../../style.css';
 import _sfc_main from "./AppConfigFormItem.vue.js";
 /* empty css                       */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const AppConfigFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e3ef531"]]);
 export {
-  AppConfigFormItem as default
+  _sfc_main as default
 };

package/dist/src/base/AppConfigFormItem.vue.js

@@ -2,23 +2,61 @@ import __cjsReq7 from "../assets/images/nav/0.png.js";
 import __cjsReq6 from "../assets/images/nav/1.png.js";
 import __cjsReq8 from "../assets/images/nav/2.png.js";
 import __cjsReq9 from "../assets/images/nav/3.svg.js";
-import { createVNode, resolveComponent, isVNode } from "vue";
+import { createVNode, resolveComponent, createTextVNode, isVNode } from "vue";
 import AddFormItem from "@epxing/components/src/add-form-item";
+import TableForm from "@epxing/components/src/form";
+import AppSettings from "@epxing/components/src/app-settings/AppSettings.vue";
+import AppAppearancePreview from "@epxing/components/src/app-settings/AppAppearancePreview.vue";
+import { createAppUiDraft } from "@epxing/core/src/app-ui-settings";
+import { captureRef } from "@epxing/core/src/capture-ref";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const _sfc_main = {
   name: "epx-base-app-config-form-item",
   extends: AddFormItem,
+  components: {
+    AppSettings,
+    AppAppearancePreview,
+    TableForm
+  },
   data() {
     return {
       config: {},
-      fieldsConfigs: []
+      fieldsConfigs: [],
+      layoutFieldsConfigs: [],
+      activeGroup: "theme",
+      uiDraft: {},
+      initialConfig: "{}",
+      syncingDraft: true,
+      settingsGroups: [{
+        key: "theme",
+        label: "主题与配色"
+      }, {
+        key: "layout",
+        label: "导航与布局"
+      }, {
+        key: "style",
+        label: "界面风格"
+      }, {
+        key: "tabs",
+        label: "页签设置"
+      }, {
+        key: "page",
+        label: "页面与效果"
+      }]
     };
   },
   computed: {
+    readOnly() {
+      return ["DETAIL", "READONLY"].includes(this.componentType);
+    },
     showFieldsConfigs() {
-      return this.fieldsConfigs.filter((item) => {
+      return this.layoutFieldsConfigs.filter((item) => {
+        const themeKeys = ["navBackgroundColorType", "navBackgroundColor"];
+        const pageKeys = ["pageBackgroundType", "pageBackgroundColor", "pageBackgroundGradient", "pageBackgroundImage", "pageBackgroundSize"];
+        const group = themeKeys.includes(item.key) ? "theme" : pageKeys.includes(item.key) ? "page" : "layout";
+        if (group !== this.activeGroup) return false;
         let flag = true;
         if (item.showFlag) {
           for (const key in item.showFlag) {
@@ -35,6 +73,7 @@ const _sfc_main = {
   watch: {
     config: {
       handler(v) {
+        if (this.syncingDraft || this.readOnly) return;
         const APP_CONFIG = JSON.stringify(v);
         this.$emit("change", {
           ...this.data,
@@ -42,6 +81,15 @@ const _sfc_main = {
         });
       },
       deep: true
+    },
+    uiDraft: {
+      deep: true,
+      handler(value) {
+        if (!this.syncingDraft && !this.readOnly) this.config.uiDefaults = JSON.parse(JSON.stringify(value));
+      }
+    },
+    "formData.APP_CONFIG"(value) {
+      if (value !== JSON.stringify(this.config)) this.loadConfig(value);
     }
   },
   methods: {
@@ -122,6 +170,9 @@ const _sfc_main = {
         key: "navBackgroundColor",
         label: "自定义导航背景色",
         type: "color",
+        showFlag: {
+          navBackgroundColorType: "custom"
+        },
         predefineColors: []
       }, {
         key: "navOperates",
@@ -218,42 +269,6 @@ const _sfc_main = {
         type: "number",
         defaultValue: 992
       }];
-      if (this.appConfig["SYSTEM|TYPE"] === "hall") {
-        fieldsConfigs.splice(9, 0, {
-          key: "componentMargin",
-          label: "页面组件间距",
-          type: "radio",
-          options: [{
-            label: "小",
-            value: "small"
-          }, {
-            label: "中",
-            value: "medium"
-          }, {
-            label: "默认",
-            value: "base"
-          }],
-          defaultValue: "base"
-        }, {
-          key: "borderRadius",
-          label: "圆角",
-          type: "radio",
-          options: [{
-            label: "无",
-            value: "zero"
-          }, {
-            label: "默认",
-            value: "base"
-          }, {
-            label: "中",
-            value: "medium"
-          }, {
-            label: "大",
-            value: "large"
-          }],
-          defaultValue: "base"
-        });
-      }
       for (const item of fieldsConfigs) {
         item.state = pageType;
         if (item.options) item.options = item.options.map((item2) => ({
@@ -263,12 +278,23 @@ const _sfc_main = {
           preview: item2.preview
         }));
       }
-      this.fieldsConfigs = fieldsConfigs;
+      this.layoutFieldsConfigs = fieldsConfigs;
+      this.fieldsConfigs = [{
+        attriName: "APP_CONFIG",
+        state: "HIDDEN"
+      }];
     },
     changeConfigItem(key, value) {
+      if (this.readOnly) return;
       this.config[key] = value;
     },
     save() {
+      var _a;
+      if (this.readOnly) return;
+      if (((_a = this.form) == null ? void 0 : _a.submitForm) && !this.isEdit) {
+        this.$nextTick(() => this.form.submitForm());
+        return;
+      }
       const params = {};
       const {
         submitParams: querySumitParams = {}
@@ -276,7 +302,12 @@ const _sfc_main = {
       if (this.formData[this.$metaKey]) {
         params[`bean.${this.$metaKey}`] = this.formData[this.$metaKey];
       }
-      params["bean.APP_CONFIG"] = this.formData.APP_CONFIG;
+      Object.entries({
+        ...this.formData,
+        APP_CONFIG: JSON.stringify(this.config)
+      }).forEach(([key, value]) => {
+        params[`bean.${key}`] = value;
+      });
       const {
         componentEvents = {}
       } = this.$configs;
@@ -298,47 +329,150 @@ const _sfc_main = {
       });
     },
     switchNav(value, item) {
-      if (item.state !== "DETAIL") {
+      if (!["DETAIL", "READONLY"].includes(item.state)) {
         this.config[item.key] = value;
       }
     },
+    loadConfig(value = "{}") {
+      this.syncingDraft = true;
+      const config = JSON.parse(value || "{}");
+      this.initialConfig = JSON.stringify(config);
+      for (const item of this.layoutFieldsConfigs) {
+        if (config[item.key] === void 0 && item.defaultValue !== void 0) config[item.key] = item.defaultValue;
+      }
+      this.config = config;
+      this.uiDraft = createAppUiDraft(config);
+      this.$nextTick(() => {
+        this.syncingDraft = false;
+      });
+    },
+    restorePlatform() {
+      if (this.readOnly) return;
+      this.uiDraft = createAppUiDraft();
+      const businessKeys = ["appPageType", "pageId", "navComponent", "navOperates", "mobileSize"];
+      for (const field of this.layoutFieldsConfigs) {
+        if (businessKeys.includes(field.key)) continue;
+        if (field.defaultValue !== void 0) this.config[field.key] = field.defaultValue;
+        else delete this.config[field.key];
+      }
+    },
+    discardDraft() {
+      const initial = this.initialConfig;
+      this.loadConfig(initial);
+      this.$emit("change", {
+        ...this.data,
+        APP_CONFIG: initial
+      });
+    },
     renderForm() {
-      let _slot;
-      return createVNode(resolveComponent("el-form"), {
-        "class": "app-config-form",
-        "inline": true,
-        "label-position": "right",
-        "label-width": "140px"
-      }, _isSlot(_slot = this.showFieldsConfigs.map((item) => createVNode(resolveComponent("el-form-item"), {
-        "label": `${item.label}`,
-        "style": item.block ? {
-          width: "100%"
-        } : null
+      var _a;
+      return createVNode("section", {
+        "class": "epx-app-interface-settings"
+      }, [createVNode("div", {
+        "hidden": true
+      }, [createVNode(TableForm, {
+        "ref": captureRef(this, "form"),
+        "fieldsConfigs": this.fieldsConfigs,
+        "modelValue": {
+          ...this.data,
+          APP_CONFIG: JSON.stringify(this.config)
+        },
+        "type": "auto",
+        "showRelyFlag": false,
+        "valueRelyFlag": false,
+        "requiredRelyFlag": false
+      }, null)]), createVNode("div", {
+        "class": "epx-app-interface-settings__heading"
+      }, [createVNode("p", null, [createTextVNode("设置当前应用的默认外观；用户的个人选择优先。右侧预览不会改变当前界面。")])]), createVNode("div", {
+        "class": "epx-app-interface-settings__workspace"
+      }, [createVNode("nav", {
+        "class": "epx-app-interface-settings__nav",
+        "aria-label": "界面设置分组"
+      }, [this.settingsGroups.map((group) => createVNode("button", {
+        "type": "button",
+        "key": group.key,
+        "class": {
+          "is-active": this.activeGroup === group.key
+        },
+        "aria-current": this.activeGroup === group.key ? "page" : void 0,
+        "onClick": () => {
+          this.activeGroup = group.key;
+        }
+      }, [group.label]))]), createVNode("div", {
+        "class": "epx-app-interface-settings__editor"
+      }, [createVNode("h4", null, [(_a = this.settingsGroups.find((group) => group.key === this.activeGroup)) == null ? void 0 : _a.label]), createVNode(AppSettings, {
+        "embedded": true,
+        "settings": this.uiDraft,
+        "sections": [this.activeGroup],
+        "disabled": this.readOnly
+      }, null), this.renderLayoutFields()]), createVNode(AppAppearancePreview, {
+        "config": this.config,
+        "settings": this.uiDraft,
+        "title": this.data.NAME || "应用名称"
+      }, null)]), !this.readOnly && createVNode("div", {
+        "class": "epx-app-interface-settings__actions"
+      }, [createVNode(resolveComponent("el-button"), {
+        "onClick": this.restorePlatform
       }, {
-        default: () => [item.key === "navType" ? createVNode("div", {
-          "class": ["nav-type", {
-            "is-disabled": item.state === "DETAIL"
+        default: () => [createTextVNode("恢复平台默认")]
+      }), createVNode(resolveComponent("el-button"), {
+        "onClick": this.discardDraft
+      }, {
+        default: () => [createTextVNode("撤销本次修改")]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.save
+      }, {
+        default: () => [createTextVNode("保存")]
+      })])]);
+    },
+    renderLayoutFields() {
+      let _slot2;
+      return createVNode(resolveComponent("el-form"), {
+        "disabled": this.readOnly,
+        "class": "epx-base-app-config-form-item__form"
+      }, _isSlot(_slot2 = this.showFieldsConfigs.map((item) => {
+        let _slot;
+        return createVNode("div", {
+          "key": item.key,
+          "class": ["epx-app-interface-settings__field", {
+            "epx-app-interface-settings__field--block": item.block || item.type === "radio"
           }]
-        }, [item.options.map((option) => createVNode("div", {
+        }, [createVNode("span", {
+          "class": "epx-app-interface-settings__label"
+        }, [item.label]), createVNode("div", {
+          "class": "epx-app-interface-settings__control"
+        }, [item.key === "navType" ? createVNode("div", {
+          "class": "nav-type",
+          "role": "group",
+          "aria-label": item.label
+        }, [item.options.map((option) => createVNode("button", {
+          "type": "button",
           "class": ["nav-type__item", {
             "is-active": this.config[item.key] === option.id
           }],
           "key": option.id,
+          "disabled": this.readOnly,
+          "aria-pressed": this.config[item.key] === option.id,
           "onClick": this.switchNav.bind(this, option.id, item)
-        }, [createVNode("div", null, [createVNode("img", {
-          "src": option.preview
-        }, null)]), createVNode("p", null, [option.name])]))]) : item.type === "radio" ? createVNode(resolveComponent("epx-radio"), {
-          "modelValue": this.config[item.key],
-          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
-          "fieldConfigs": {
-            state: item.state,
-            attriName: item.key,
-            attriLabel: item.label,
-            options: item.options
-          }
-        }, null) : item.type === "object" ? createVNode(resolveComponent("epx-visual-config-object"), {
+        }, [createVNode("img", {
+          "src": option.preview,
+          "alt": ""
+        }, null), createVNode("span", null, [option.name])]))]) : item.type === "radio" ? createVNode(resolveComponent("el-radio-group"), {
           "modelValue": this.config[item.key],
           "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "size": "small",
+          "aria-label": item.label
+        }, _isSlot(_slot = item.options.map((option) => createVNode(resolveComponent("el-radio-button"), {
+          "key": option.id,
+          "value": option.id
+        }, {
+          default: () => [option.name]
+        }))) ? _slot : {
+          default: () => [_slot]
+        }) : item.type === "object" ? createVNode(resolveComponent("epx-visual-config-object"), {
+          "value": this.config[item.key],
+          "onChangeConfigs": this.changeConfigItem.bind(this, item.key),
           "label": item.label,
           "object": item.object,
           "flag": item.flag,
@@ -348,11 +482,11 @@ const _sfc_main = {
           "modelValue": this.config[item.key],
           "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
           "predefine": item.predefineColors,
-          "disabled": item.state === "DETAIL"
+          "disabled": this.readOnly
         }, null) : item.type === "gradient" ? createVNode(resolveComponent("epx-color-picker"), {
           "modelValue": this.config[item.key],
           "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
-          "disabled": item.state === "DETAIL"
+          "disabled": this.readOnly
         }, null) : item.type === "photo" ? createVNode(resolveComponent("epx-photo"), {
           "modelValue": this.config[item.key],
           "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
@@ -361,7 +495,7 @@ const _sfc_main = {
             attriName: item.key,
             attriLabel: item.label
           }
-        }, null) : item.type === "num" ? createVNode(resolveComponent("epx-number"), {
+        }, null) : ["num", "number"].includes(item.type) ? createVNode(resolveComponent("epx-number"), {
           "modelValue": this.config[item.key],
           "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
           "fieldConfigs": {
@@ -383,23 +517,14 @@ const _sfc_main = {
             attriName: item.key,
             attriLabel: item.label
           }
-        }, null)]
-      }))) ? _slot : {
-        default: () => [_slot]
+        }, null)])]);
+      })) ? _slot2 : {
+        default: () => [_slot2]
       });
     }
   },
   created() {
-    const {
-      APP_CONFIG = "{}"
-    } = this.data;
-    const appConfig = JSON.parse(APP_CONFIG);
-    for (const item of this.fieldsConfigs) {
-      if (!appConfig[item.key] && item.defaultValue) {
-        appConfig[item.key] = item.defaultValue;
-      }
-    }
-    this.config = appConfig;
+    this.loadConfig(this.data.APP_CONFIG);
   }
 };
 export {

package/dist/src/base/CommonFieldList.js

@@ -5,7 +5,7 @@ import _sfc_main from "./CommonFieldList.vue.js";
 /* empty css                     */
 /* empty css                     */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const CommonFieldList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f01084a3"]]);
+const CommonFieldList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c565e21"]]);
 export {
   CommonFieldList as default
 };

package/dist/src/base/CommonFieldList.vue.js

@@ -376,7 +376,7 @@ const _sfc_main = {
         }
       }, {
         "append-to-body": true,
-        "class": "show-field-dialog",
+        "class": "show-field-dialog epx-common-field-dialog",
         "destroy-on-close": true,
         "width": "800px",
         "top": "10vh"
@@ -476,6 +476,7 @@ const _sfc_main = {
     },
     renderNameDialog() {
       return createVNode(resolveComponent("el-dialog"), mergeProps({
+        "class": "epx-common-field-dialog",
         "modelValue": this.addCommonFieldDialod
       }, {
         "onUpdate:modelValue": (v) => {