From 10514ec1b86c317a273121e4a65e7d4168b21d0d Mon Sep 17 00:00:00 2001
From: dhb52 <dhb52@126.com>
Date: Wed, 23 Apr 2025 22:37:33 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=8C=89=20codereview=20=E6=84=8F?=
 =?UTF-8?q?=E8=A7=81=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/package.json                    |  1 -
 apps/web-antd/src/bootstrap.ts                |  2 +-
 .../src/components/FormCreate/index.ts        |  3 -
 .../components/FormCreate/src/config/index.ts |  6 --
 .../components/FormCreate/src/utils/index.ts  | 65 --------------
 .../components/dict-select.vue}               | 13 +--
 .../components/use-api-select.tsx}            |  2 +-
 .../components/use-images-upload.tsx}         |  0
 .../helpers.ts}                               | 84 +++++++++++++++++--
 .../src/components/form-create/index.ts       |  3 +
 .../rules/data.ts}                            |  0
 .../src/components/form-create/rules/index.ts |  6 ++
 .../rules/use-dict-select.ts}                 |  6 +-
 .../rules/use-editor-rule.ts}                 |  2 +-
 .../rules/use-select-rule.ts}                 |  6 +-
 .../rules/use-upload-file-rule.ts}            |  2 +-
 .../rules/use-upload-image-rule.ts}           |  4 +-
 .../rules/use-upload-images-rule.ts}          |  4 +-
 .../type/index.ts => form-create/typing.ts}   | 11 ++-
 .../{formCreate => form-create}/index.ts      |  6 +-
 apps/web-antd/src/views/infra/build/index.vue |  2 +-
 pnpm-lock.yaml                                |  7 +-
 22 files changed, 118 insertions(+), 117 deletions(-)
 delete mode 100644 apps/web-antd/src/components/FormCreate/index.ts
 delete mode 100644 apps/web-antd/src/components/FormCreate/src/config/index.ts
 delete mode 100644 apps/web-antd/src/components/FormCreate/src/utils/index.ts
 rename apps/web-antd/src/components/{FormCreate/src/components/DictSelect.vue => form-create/components/dict-select.vue} (79%)
 rename apps/web-antd/src/components/{FormCreate/src/components/useApiSelect.tsx => form-create/components/use-api-select.tsx} (99%)
 rename apps/web-antd/src/components/{FormCreate/src/components/useImagesUpload.tsx => form-create/components/use-images-upload.tsx} (100%)
 rename apps/web-antd/src/components/{FormCreate/src/useFormCreateDesigner.ts => form-create/helpers.ts} (56%)
 create mode 100644 apps/web-antd/src/components/form-create/index.ts
 rename apps/web-antd/src/components/{FormCreate/src/config/selectRule.ts => form-create/rules/data.ts} (100%)
 create mode 100644 apps/web-antd/src/components/form-create/rules/index.ts
 rename apps/web-antd/src/components/{FormCreate/src/config/useDictSelectRule.ts => form-create/rules/use-dict-select.ts} (89%)
 rename apps/web-antd/src/components/{FormCreate/src/config/useEditorRule.ts => form-create/rules/use-editor-rule.ts} (94%)
 rename apps/web-antd/src/components/{FormCreate/src/config/useSelectRule.ts => form-create/rules/use-select-rule.ts} (81%)
 rename apps/web-antd/src/components/{FormCreate/src/config/useUploadFileRule.ts => form-create/rules/use-upload-file-rule.ts} (97%)
 rename apps/web-antd/src/components/{FormCreate/src/config/useUploadImgRule.ts => form-create/rules/use-upload-image-rule.ts} (96%)
 rename apps/web-antd/src/components/{FormCreate/src/config/useUploadImgsRule.ts => form-create/rules/use-upload-images-rule.ts} (96%)
 rename apps/web-antd/src/components/{FormCreate/src/type/index.ts => form-create/typing.ts} (71%)
 rename apps/web-antd/src/plugins/{formCreate => form-create}/index.ts (84%)

diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json
index 1d08d20dd..43b7d8e05 100644
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@@ -29,7 +29,6 @@
     "@form-create/ant-design-vue": "catalog:",
     "@form-create/antd-designer": "catalog:",
     "@tinymce/tinymce-vue": "catalog:",
-    "@types/crypto-js": "catalog:",
     "@types/lodash.clonedeep": "catalog:",
     "@vben/access": "workspace:*",
     "@vben/common-ui": "workspace:*",
diff --git a/apps/web-antd/src/bootstrap.ts b/apps/web-antd/src/bootstrap.ts
index 62779d804..761e58ed2 100644
--- a/apps/web-antd/src/bootstrap.ts
+++ b/apps/web-antd/src/bootstrap.ts
@@ -11,7 +11,7 @@ import '@vben/styles/antd';
 import { useTitle } from '@vueuse/core';
 
 import { $t, setupI18n } from '#/locales';
-import { setupFormCreate } from '#/plugins/formCreate';
+import { setupFormCreate } from '#/plugins/form-create';
 
 import { initComponentAdapter } from './adapter/component';
 import App from './app.vue';
diff --git a/apps/web-antd/src/components/FormCreate/index.ts b/apps/web-antd/src/components/FormCreate/index.ts
deleted file mode 100644
index 84b612db6..000000000
--- a/apps/web-antd/src/components/FormCreate/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { useApiSelect } from './src/components/useApiSelect';
-
-export { useFormCreateDesigner } from './src/useFormCreateDesigner';
diff --git a/apps/web-antd/src/components/FormCreate/src/config/index.ts b/apps/web-antd/src/components/FormCreate/src/config/index.ts
deleted file mode 100644
index 49b9d3bda..000000000
--- a/apps/web-antd/src/components/FormCreate/src/config/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { useDictSelectRule } from './useDictSelectRule';
-export { useEditorRule } from './useEditorRule';
-export { useSelectRule } from './useSelectRule';
-export { useUploadFileRule } from './useUploadFileRule';
-export { useUploadImgRule } from './useUploadImgRule';
-export { useUploadImgsRule } from './useUploadImgsRule';
diff --git a/apps/web-antd/src/components/FormCreate/src/utils/index.ts b/apps/web-antd/src/components/FormCreate/src/utils/index.ts
deleted file mode 100644
index 816a0f2a3..000000000
--- a/apps/web-antd/src/components/FormCreate/src/utils/index.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-export function makeRequiredRule() {
-  return {
-    type: 'Required',
-    field: 'formCreate$required',
-    title: '是否必填',
-  };
-}
-
-export const localeProps = (
-  t: (msg: string) => any,
-  prefix: string,
-  rules: any[],
-) => {
-  return rules.map((rule: { field: string; title: any }) => {
-    if (rule.field === 'formCreate$required') {
-      rule.title = t('props.required') || rule.title;
-    } else if (rule.field && rule.field !== '_optionType') {
-      rule.title = t(`components.${prefix}.${rule.field}`) || rule.title;
-    }
-    return rule;
-  });
-};
-
-/**
- * 解析表单组件的  field, title 等字段（递归，如果组件包含子组件）
- *
- * @param rule  组件的生成规则 https://www.form-create.com/v3/guide/rule
- * @param fields 解析后表单组件字段
- * @param parentTitle  如果是子表单，子表单的标题，默认为空
- */
-export const parseFormFields = (
-  rule: Record<string, any>,
-  fields: Array<Record<string, any>> = [],
-  parentTitle: string = '',
-) => {
-  const { type, field, $required, title: tempTitle, children } = rule;
-  if (field && tempTitle) {
-    let title = tempTitle;
-    if (parentTitle) {
-      title = `${parentTitle}.${tempTitle}`;
-    }
-    let required = false;
-    if ($required) {
-      required = true;
-    }
-    fields.push({
-      field,
-      title,
-      type,
-      required,
-    });
-    // TODO 子表单 需要处理子表单字段
-    // if (type === 'group' && rule.props?.rule && Array.isArray(rule.props.rule)) {
-    //   // 解析子表单的字段
-    //   rule.props.rule.forEach((item) => {
-    //     parseFields(item, fieldsPermission, title)
-    //   })
-    // }
-  }
-  if (children && Array.isArray(children)) {
-    children.forEach((rule) => {
-      parseFormFields(rule, fields);
-    });
-  }
-};
diff --git a/apps/web-antd/src/components/FormCreate/src/components/DictSelect.vue b/apps/web-antd/src/components/form-create/components/dict-select.vue
similarity index 79%
rename from apps/web-antd/src/components/FormCreate/src/components/DictSelect.vue
rename to apps/web-antd/src/components/form-create/components/dict-select.vue
index 339c4fb4b..b4c54fd0f 100644
--- a/apps/web-antd/src/components/FormCreate/src/components/DictSelect.vue
+++ b/apps/web-antd/src/components/form-create/components/dict-select.vue
@@ -1,5 +1,7 @@
 <!-- 数据字典 Select 选择器 -->
 <script lang="ts" setup>
+import type { DictSelectProps } from '../typing';
+
 import { computed, useAttrs } from 'vue';
 
 import {
@@ -17,18 +19,9 @@ import {
   getStrDictOptions,
 } from '#/utils/dict';
 
-// 接受父组件参数
-interface Props {
-  dictType: string; // 字典类型
-  valueType?: 'bool' | 'int' | 'str'; // 字典值类型
-  selectType?: 'checkbox' | 'radio' | 'select'; // 选择器类型，下拉框 select、多选框 checkbox、单选框 radio
-  // eslint-disable-next-line vue/require-default-prop
-  formCreateInject?: any;
-}
-
 defineOptions({ name: 'DictSelect' });
 
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<DictSelectProps>(), {
   valueType: 'str',
   selectType: 'select',
 });
diff --git a/apps/web-antd/src/components/FormCreate/src/components/useApiSelect.tsx b/apps/web-antd/src/components/form-create/components/use-api-select.tsx
similarity index 99%
rename from apps/web-antd/src/components/FormCreate/src/components/useApiSelect.tsx
rename to apps/web-antd/src/components/form-create/components/use-api-select.tsx
index ee71fa5cd..a70fa6018 100644
--- a/apps/web-antd/src/components/FormCreate/src/components/useApiSelect.tsx
+++ b/apps/web-antd/src/components/form-create/components/use-api-select.tsx
@@ -1,4 +1,4 @@
-import type { ApiSelectProps } from '#/components/FormCreate/src/type';
+import type { ApiSelectProps } from '#/components/form-create/typing';
 
 import { defineComponent, onMounted, ref, useAttrs } from 'vue';
 
diff --git a/apps/web-antd/src/components/FormCreate/src/components/useImagesUpload.tsx b/apps/web-antd/src/components/form-create/components/use-images-upload.tsx
similarity index 100%
rename from apps/web-antd/src/components/FormCreate/src/components/useImagesUpload.tsx
rename to apps/web-antd/src/components/form-create/components/use-images-upload.tsx
diff --git a/apps/web-antd/src/components/FormCreate/src/useFormCreateDesigner.ts b/apps/web-antd/src/components/form-create/helpers.ts
similarity index 56%
rename from apps/web-antd/src/components/FormCreate/src/useFormCreateDesigner.ts
rename to apps/web-antd/src/components/form-create/helpers.ts
index c522c334e..c647711c4 100644
--- a/apps/web-antd/src/components/FormCreate/src/useFormCreateDesigner.ts
+++ b/apps/web-antd/src/components/form-create/helpers.ts
@@ -1,19 +1,85 @@
 import type { Ref } from 'vue';
 
-import type { Menu } from '#/components/FormCreate/src/type';
+import type { Menu } from '#/components/form-create/typing';
 
 import { nextTick, onMounted } from 'vue';
 
-import { apiSelectRule } from '#/components/FormCreate/src/config/selectRule';
+import { apiSelectRule } from '#/components/form-create/rules/data';
 
 import {
   useDictSelectRule,
   useEditorRule,
   useSelectRule,
   useUploadFileRule,
-  useUploadImgRule,
-  useUploadImgsRule,
-} from './config';
+  useUploadImageRule,
+  useUploadImagesRule,
+} from './rules';
+
+export function makeRequiredRule() {
+  return {
+    type: 'Required',
+    field: 'formCreate$required',
+    title: '是否必填',
+  };
+}
+
+export const localeProps = (
+  t: (msg: string) => any,
+  prefix: string,
+  rules: any[],
+) => {
+  return rules.map((rule: { field: string; title: any }) => {
+    if (rule.field === 'formCreate$required') {
+      rule.title = t('props.required') || rule.title;
+    } else if (rule.field && rule.field !== '_optionType') {
+      rule.title = t(`components.${prefix}.${rule.field}`) || rule.title;
+    }
+    return rule;
+  });
+};
+
+/**
+ * 解析表单组件的  field, title 等字段（递归，如果组件包含子组件）
+ *
+ * @param rule  组件的生成规则 https://www.form-create.com/v3/guide/rule
+ * @param fields 解析后表单组件字段
+ * @param parentTitle  如果是子表单，子表单的标题，默认为空
+ */
+export const parseFormFields = (
+  rule: Record<string, any>,
+  fields: Array<Record<string, any>> = [],
+  parentTitle: string = '',
+) => {
+  const { type, field, $required, title: tempTitle, children } = rule;
+  if (field && tempTitle) {
+    let title = tempTitle;
+    if (parentTitle) {
+      title = `${parentTitle}.${tempTitle}`;
+    }
+    let required = false;
+    if ($required) {
+      required = true;
+    }
+    fields.push({
+      field,
+      title,
+      type,
+      required,
+    });
+    // TODO 子表单 需要处理子表单字段
+    // if (type === 'group' && rule.props?.rule && Array.isArray(rule.props.rule)) {
+    //   // 解析子表单的字段
+    //   rule.props.rule.forEach((item) => {
+    //     parseFields(item, fieldsPermission, title)
+    //   })
+    // }
+  }
+  if (children && Array.isArray(children)) {
+    children.forEach((rule) => {
+      parseFormFields(rule, fields);
+    });
+  }
+};
 
 /**
  * 表单设计器增强 hook
@@ -29,8 +95,8 @@ import {
 export const useFormCreateDesigner = async (designer: Ref) => {
   const editorRule = useEditorRule();
   const uploadFileRule = useUploadFileRule();
-  const uploadImgRule = useUploadImgRule();
-  const uploadImgsRule = useUploadImgsRule();
+  const uploadImageRule = useUploadImageRule();
+  const uploadImagesRule = useUploadImagesRule();
 
   /**
    * 构建表单组件
@@ -43,8 +109,8 @@ export const useFormCreateDesigner = async (designer: Ref) => {
     const components = [
       editorRule,
       uploadFileRule,
-      uploadImgRule,
-      uploadImgsRule,
+      uploadImageRule,
+      uploadImagesRule,
     ];
     components.forEach((component) => {
       // 插入组件规则
diff --git a/apps/web-antd/src/components/form-create/index.ts b/apps/web-antd/src/components/form-create/index.ts
new file mode 100644
index 000000000..b311e79e6
--- /dev/null
+++ b/apps/web-antd/src/components/form-create/index.ts
@@ -0,0 +1,3 @@
+export { useApiSelect } from './components/use-api-select';
+
+export { useFormCreateDesigner } from './helpers';
diff --git a/apps/web-antd/src/components/FormCreate/src/config/selectRule.ts b/apps/web-antd/src/components/form-create/rules/data.ts
similarity index 100%
rename from apps/web-antd/src/components/FormCreate/src/config/selectRule.ts
rename to apps/web-antd/src/components/form-create/rules/data.ts
diff --git a/apps/web-antd/src/components/form-create/rules/index.ts b/apps/web-antd/src/components/form-create/rules/index.ts
new file mode 100644
index 000000000..db306da35
--- /dev/null
+++ b/apps/web-antd/src/components/form-create/rules/index.ts
@@ -0,0 +1,6 @@
+export { useDictSelectRule } from './use-dict-select';
+export { useEditorRule } from './use-editor-rule';
+export { useSelectRule } from './use-select-rule';
+export { useUploadFileRule } from './use-upload-file-rule';
+export { useUploadImageRule } from './use-upload-image-rule';
+export { useUploadImagesRule } from './use-upload-images-rule';
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useDictSelectRule.ts b/apps/web-antd/src/components/form-create/rules/use-dict-select.ts
similarity index 89%
rename from apps/web-antd/src/components/FormCreate/src/config/useDictSelectRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-dict-select.ts
index 19469207c..8524ea3d5 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useDictSelectRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-dict-select.ts
@@ -5,11 +5,11 @@ import { buildUUID } from '@vben/utils';
 import cloneDeep from 'lodash.clonedeep';
 
 import * as DictDataApi from '#/api/system/dict/type';
-import { selectRule } from '#/components/FormCreate/src/config/selectRule';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
+import { selectRule } from '#/components/form-create/rules/data';
 
 /**
  * 字典选择器规则，如果规则使用到动态数据则需要单独配置不能使用 useSelectRule
@@ -25,7 +25,7 @@ export const useDictSelectRule = () => {
       return;
     }
     dictOptions.value =
-      data?.map((item: DictDataApi.SystemDictTypeApi.SystemDictType) => ({
+      data?.map((item: DictDataApi.SystemDictTypeApi.DictType) => ({
         label: item.name,
         value: item.type,
       })) ?? [];
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useEditorRule.ts b/apps/web-antd/src/components/form-create/rules/use-editor-rule.ts
similarity index 94%
rename from apps/web-antd/src/components/FormCreate/src/config/useEditorRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-editor-rule.ts
index f7149aa16..556baf0a1 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useEditorRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-editor-rule.ts
@@ -3,7 +3,7 @@ import { buildUUID } from '@vben/utils';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
 
 export const useEditorRule = () => {
   const label = '富文本';
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useSelectRule.ts b/apps/web-antd/src/components/form-create/rules/use-select-rule.ts
similarity index 81%
rename from apps/web-antd/src/components/FormCreate/src/config/useSelectRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-select-rule.ts
index eee8e8990..2bbdf55c4 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useSelectRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-select-rule.ts
@@ -1,14 +1,14 @@
-import type { SelectRuleOption } from '#/components/FormCreate/src/type';
+import type { SelectRuleOption } from '#/components/form-create/typing';
 
 import { buildUUID } from '@vben/utils';
 
 import cloneDeep from 'lodash.clonedeep';
 
-import { selectRule } from '#/components/FormCreate/src/config/selectRule';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
+import { selectRule } from '#/components/form-create/rules/data';
 
 /**
  * 通用选择器规则 hook
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useUploadFileRule.ts b/apps/web-antd/src/components/form-create/rules/use-upload-file-rule.ts
similarity index 97%
rename from apps/web-antd/src/components/FormCreate/src/config/useUploadFileRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-upload-file-rule.ts
index 0fafec47a..55f5bea33 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useUploadFileRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-upload-file-rule.ts
@@ -3,7 +3,7 @@ import { buildUUID } from '@vben/utils';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
 
 export const useUploadFileRule = () => {
   const label = '文件上传';
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useUploadImgRule.ts b/apps/web-antd/src/components/form-create/rules/use-upload-image-rule.ts
similarity index 96%
rename from apps/web-antd/src/components/FormCreate/src/config/useUploadImgRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-upload-image-rule.ts
index 0eb6dd687..70760b061 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useUploadImgRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-upload-image-rule.ts
@@ -3,9 +3,9 @@ import { buildUUID } from '@vben/utils';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
 
-export const useUploadImgRule = () => {
+export const useUploadImageRule = () => {
   const label = '单图上传';
   const name = 'ImageUpload';
   return {
diff --git a/apps/web-antd/src/components/FormCreate/src/config/useUploadImgsRule.ts b/apps/web-antd/src/components/form-create/rules/use-upload-images-rule.ts
similarity index 96%
rename from apps/web-antd/src/components/FormCreate/src/config/useUploadImgsRule.ts
rename to apps/web-antd/src/components/form-create/rules/use-upload-images-rule.ts
index cb8aa8ce0..c18a7b49d 100644
--- a/apps/web-antd/src/components/FormCreate/src/config/useUploadImgsRule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-upload-images-rule.ts
@@ -3,9 +3,9 @@ import { buildUUID } from '@vben/utils';
 import {
   localeProps,
   makeRequiredRule,
-} from '#/components/FormCreate/src/utils';
+} from '#/components/form-create/helpers';
 
-export const useUploadImgsRule = () => {
+export const useUploadImagesRule = () => {
   const label = '多图上传';
   const name = 'ImagesUpload';
   return {
diff --git a/apps/web-antd/src/components/FormCreate/src/type/index.ts b/apps/web-antd/src/components/form-create/typing.ts
similarity index 71%
rename from apps/web-antd/src/components/FormCreate/src/type/index.ts
rename to apps/web-antd/src/components/form-create/typing.ts
index cc5e18aae..9ddd9a2cd 100644
--- a/apps/web-antd/src/components/FormCreate/src/type/index.ts
+++ b/apps/web-antd/src/components/form-create/typing.ts
@@ -1,5 +1,12 @@
-import type { Rule } from '@form-create/ant-design-vue'; // 左侧拖拽按钮
-// 左侧拖拽按钮
+import type { Rule } from '@form-create/ant-design-vue';
+
+// 数据字典 Select 选择器组件 Props 类型
+export interface DictSelectProps {
+  dictType: string; // 字典类型
+  valueType?: 'bool' | 'int' | 'str'; // 字典值类型
+  selectType?: 'checkbox' | 'radio' | 'select'; // 选择器类型，下拉框 select、多选框 checkbox、单选框 radio
+  formCreateInject?: any;
+}
 
 // 左侧拖拽按钮
 export interface MenuItem {
diff --git a/apps/web-antd/src/plugins/formCreate/index.ts b/apps/web-antd/src/plugins/form-create/index.ts
similarity index 84%
rename from apps/web-antd/src/plugins/formCreate/index.ts
rename to apps/web-antd/src/plugins/form-create/index.ts
index 230ac15b3..78ded848c 100644
--- a/apps/web-antd/src/plugins/formCreate/index.ts
+++ b/apps/web-antd/src/plugins/form-create/index.ts
@@ -5,9 +5,9 @@ import FcDesigner from '@form-create/antd-designer';
 import Antd from 'ant-design-vue';
 
 // ======================= 自定义组件 =======================
-import { useApiSelect } from '#/components/FormCreate';
-import DictSelect from '#/components/FormCreate/src/components/DictSelect.vue';
-import { useImagesUpload } from '#/components/FormCreate/src/components/useImagesUpload';
+import { useApiSelect } from '#/components/form-create';
+import DictSelect from '#/components/form-create/components/dict-select.vue';
+import { useImagesUpload } from '#/components/form-create/components/use-images-upload';
 import { Tinymce } from '#/components/tinymce';
 import { FileUpload, ImageUpload } from '#/components/upload';
 
diff --git a/apps/web-antd/src/views/infra/build/index.vue b/apps/web-antd/src/views/infra/build/index.vue
index 4b7594adc..ebb066d57 100644
--- a/apps/web-antd/src/views/infra/build/index.vue
+++ b/apps/web-antd/src/views/infra/build/index.vue
@@ -13,7 +13,7 @@ import hljs from 'highlight.js';
 import xml from 'highlight.js/lib/languages/java';
 import json from 'highlight.js/lib/languages/json';
 
-import { useFormCreateDesigner } from '#/components/FormCreate';
+import { useFormCreateDesigner } from '#/components/form-create';
 import { $t } from '#/locales';
 
 import 'highlight.js/styles/github.css';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f2221f59f..1145ba5e4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -683,9 +683,6 @@ importers:
       '@tinymce/tinymce-vue':
         specifier: 'catalog:'
         version: 6.1.0(vue@3.5.13(typescript@5.8.3))
-      '@types/crypto-js':
-        specifier: 'catalog:'
-        version: 4.2.2
       '@types/lodash.clonedeep':
         specifier: 'catalog:'
         version: 4.5.9
@@ -764,6 +761,10 @@ importers:
       vue-router:
         specifier: 'catalog:'
         version: 4.5.0(vue@3.5.13(typescript@5.8.3))
+    devDependencies:
+      '@types/crypto-js':
+        specifier: 'catalog:'
+        version: 4.2.2
 
   apps/web-ele:
     dependencies: