admin-workflow-new 优化建议

[hhhhhh (蔡旭升)]

描述

KOCA版本 ：5.1.0 和 @5.2.0-1

KOCA模块 ：admin-workflow-new

问题 ：部分代码优化建议，请查看如下：

优化建议：

1、初始化低代码引擎配置修改，

@5.2.0-1 中提供了一个 RENDERER_URL_PREFIX 配置项，用来预设 低代码引擎 相关资源的前缀。

问题：

应该保留 lowcode 前缀，在加上自定义前缀

尝试解决方案：

现将代码优化如下：

src/projects/admin-workflow-new/views/workflow-form/designer/index.tsx：

const { getApiPrefix } = useRootSetting();
+ const rendererPublicPath =
+  (getApiPrefix.value.RENDERER_URL_PREFIX || import.meta.env.VITE_PUBLIC_PATH) + "lowcode";
const { query } = useRoute();
const { skeleton, editor, EditorKey } = initFormDesigner(() =>
  init(
    {
      business: {
        api,
        globalContent,
      },
      design: {
        autoSaveInterval: 30 * 1000,
      },
-      RendererPublicPath: getApiPrefix.value.RENDERER_URL_PREFIX,
+      RendererPublicPath: rendererPublicPath,
    },
    {
      topArea: {
        page: {
          showOnly: true,
          pageName: (query.metatitle || "") as string,
        },
        history: false,
        templateMarket: false,
        templateContribute: false,
      },
      leftArea: {
        bizCompPane: true,
        fieldCompPane: false,
      },
      customRenderer: {
        ComponentsPane,
        // SettingsPane,
      },
    },
  ),
);

2、@szkingdom.koca/lowcode-engine/style.css 引入顺序问题：

目前，部分以 lc-xxx 开头的样式类名，会被 kocaUI 覆盖，例如：lc-radio-button

尝试解决方案：

改变引入顺序，将 @szkingdom.koca/lowcode-engine/style.css 文件放到 @szkingdom.koca/ui 之后引入

src/main.ts：

import KocaUI, { proComponents } from "@szkingdom.koca/ui";

+ import "@szkingdom.koca/lowcode-engine/style.css";