From 8b0354412009b864f39f1f0adbfeea55a47e661d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B6=85=E5=87=A1?= <2508779859@qq.com>
Date: Mon, 21 Apr 2025 23:21:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E4=BF=AE=E5=A4=8DCURD=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6eslint=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CURD/PageSearch.vue |  4 ++--
 src/components/CURD/types.ts       | 10 +++++-----
 src/components/CURD/usePage.ts     |  6 +++---
 src/views/demo/curd/index.vue      |  4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/CURD/PageSearch.vue b/src/components/CURD/PageSearch.vue
index 7d4c9d23..91499213 100644
--- a/src/components/CURD/PageSearch.vue
+++ b/src/components/CURD/PageSearch.vue
@@ -26,7 +26,7 @@
               v-on="item.events || {}"
             />
             <component
-              :is="componentMap.get(item?.type ?? 'input')"
+              :is="componentMap.get(item.type)"
               v-else
               v-model.trim="queryParams[item.prop]"
               v-bind="{ style: { width: '100%' }, ...item.attrs }"
@@ -71,7 +71,7 @@ const emit = defineEmits<{
   resetClick: [queryParams: IObject];
 }>();
 // 组件映射表
-const componentMap = new Map<ISearchComponent, Component>([
+const componentMap = new Map<ISearchComponent, any>([
   /* eslint-disable */
   // @ts-ignore
   ["input", markRaw(ElInput)], // @ts-ignore
diff --git a/src/components/CURD/types.ts b/src/components/CURD/types.ts
index 781f6063..375f06e8 100644
--- a/src/components/CURD/types.ts
+++ b/src/components/CURD/types.ts
@@ -44,7 +44,7 @@ export interface ISearchConfig {
   // 标签冒号(默认：false)
   colon?: boolean;
   // 表单项(默认：[])
-  formItems?: IFormItems;
+  formItems?: IFormItems<ISearchComponent>;
   // 是否开启展开和收缩(默认：true)
   isExpandable?: boolean;
   // 默认展示的表单项数量(默认：3)
@@ -176,7 +176,7 @@ export interface IModalConfig<T = any> {
   // form组件属性
   form?: IForm;
   // 表单项
-  formItems: IFormItems;
+  formItems: IFormItems<IComponentType>;
   // 提交之前处理
   beforeSubmit?: (data: T) => void;
   // 提交的网络请求函数(需返回promise)
@@ -186,9 +186,9 @@ export interface IModalConfig<T = any> {
 export type IForm = Partial<Omit<FormProps, "model" | "rules">>;
 
 // 表单项
-export type IFormItems = Array<{
+export type IFormItems<T = IComponentType> = Array<{
   // 组件类型(如input,select,radio,custom等)
-  type: IComponentType;
+  type: T;
   // 标签提示
   tips?: string | IObject;
   // 标签文本
@@ -226,5 +226,5 @@ export interface IPageForm {
   // form组件属性
   form?: IForm;
   // 表单项
-  formItems: IFormItems;
+  formItems: IFormItems<IComponentType>;
 }
diff --git a/src/components/CURD/usePage.ts b/src/components/CURD/usePage.ts
index 95ee9db0..dd2d7be3 100644
--- a/src/components/CURD/usePage.ts
+++ b/src/components/CURD/usePage.ts
@@ -18,7 +18,7 @@ function usePage() {
     contentRef.value?.fetchPageData({ ...queryParams, ...filterParams }, true);
   }
   // 新增
-  function handleAddClick(RefImpl?: Ref<PageContentInstance>) {
+  function handleAddClick(RefImpl?: Ref<PageModalInstance>) {
     if (RefImpl) {
       RefImpl?.value.setModalVisible();
       RefImpl?.value.handleDisabled(false);
@@ -31,7 +31,7 @@ function usePage() {
   async function handleEditClick(
     row: IObject,
     callback?: (result?: IObject) => IObject,
-    RefImpl?: Ref<PageContentInstance>
+    RefImpl?: Ref<PageModalInstance>
   ) {
     if (RefImpl) {
       RefImpl.value?.setModalVisible();
@@ -49,7 +49,7 @@ function usePage() {
   async function handleViewClick(
     row: IObject,
     callback?: (result?: IObject) => IObject,
-    RefImpl?: Ref<PageContentInstance>
+    RefImpl?: Ref<PageModalInstance>
   ) {
     if (RefImpl) {
       RefImpl.value?.setModalVisible();
diff --git a/src/views/demo/curd/index.vue b/src/views/demo/curd/index.vue
index c6cecb09..46fa472a 100644
--- a/src/views/demo/curd/index.vue
+++ b/src/views/demo/curd/index.vue
@@ -114,7 +114,7 @@
 
 <script setup lang="ts">
 import UserAPI from "@/api/system/user.api";
-import type { IObject, IOperateData, PageContentInstance } from "@/components/CURD/types";
+import type { IObject, IOperateData, PageModalInstance } from "@/components/CURD/types";
 import usePage from "@/components/CURD/usePage";
 import addModalConfig from "./config/add";
 import addModalConfig2 from "./config/add2";
@@ -196,7 +196,7 @@ const handleOperateClick2 = (data: IOperateData) => {
 
 // 打开二级弹窗
 const openSecondModal = () => {
-  handleAddClick(addModalRef2 as Ref<PageContentInstance>);
+  handleAddClick(addModalRef2 as Ref<PageModalInstance>);
 };
 const secondSubmit = () => {
   ElMessage.success("二级弹窗提交成功");