添加demo

src/modules/base/components/image/index.vue

@@ -9,7 +9,7 @@
 			:src="url"
 			:fit="fit"
 			:lazy="lazy"
-			:preview-src-list="urls"
+			:preview-src-list="preview ? urls : undefined"
 			:style="{
 				height: style.h,
 				width: style.w
@@ -51,7 +51,11 @@ const props = defineProps({
 		type: String as PropType<'' | 'contain' | 'cover' | 'none' | 'fill' | 'scale-down'>,
 		default: 'cover'
 	},
-	compress: String as PropType<'oss' | 'none'>
+	compress: String as PropType<'oss' | 'none'>,
+	preview: {
+		type: Boolean,
+		default: true
+	}
 });
 
 const urls = computed(() => {

src/modules/demo/views/crud/components/crud/select-table.vue

@@ -22,15 +22,14 @@
 <script setup lang="ts">
 import { useForm } from '@cool-vue/crud';
 import { useCool } from '/@/cool';
-import UserSelect from '/$/user/components/user-select.vue';
 
-const { service } = useCool();
+const { service, refs, setRefs } = useCool();
 const Form = useForm();
 
 const columns = [
 	{
 		label: '头像',
-		prop: 'headImg',
+		prop: 'avatarUrl',
 		component: {
 			name: 'cl-avatar'
 		}
@@ -55,9 +54,12 @@ function open() {
 				prop: 'a',
 				value: [],
 				component: {
-					vm: UserSelect,
+					name: 'cl-select-table',
 					props: {
-						multiple: true
+						pickerType: 'default',
+						multiple: true,
+						columns,
+						service: service.user.info
 					}
 				},
 				span: 12
@@ -71,7 +73,7 @@ function open() {
 						pickerType: 'default',
 						multiple: false,
 						columns,
-						service: service.base.sys.user
+						service: service.user.info
 					}
 				},
 				span: 12
@@ -86,7 +88,7 @@ function open() {
 						pickerType: 'text',
 						multiple: true,
 						columns,
-						service: service.base.sys.user
+						service: service.user.info
 					}
 				},
 				span: 12
@@ -100,11 +102,26 @@ function open() {
 						pickerType: 'text',
 						multiple: false,
 						columns,
-						service: service.base.sys.user
+						service: service.user.info
 					}
 				},
 				span: 12
 			},
+			{
+				label: '回显',
+				prop: 'f',
+				component: {
+					name: 'cl-select-table',
+					props: {
+						pickerType: 'default',
+						multiple: false,
+						columns,
+						service: service.user.info
+					},
+					// 【很重要】设置 ref
+					ref: setRefs('selectTable')
+				}
+			},
 			{
 				label: '多选 - table',
 				prop: 'e',
@@ -115,11 +132,24 @@ function open() {
 						pickerType: 'table',
 						multiple: true,
 						columns,
-						service: service.base.sys.user
+						service: service.user.info
 					}
 				}
 			}
-		]
+		],
+		// useUpsert 中使用 onOpened
+		on: {
+			open() {
+				// 【很重要】设置回显，实际根据接口返回
+				refs.selectTable?.set([
+					{
+						id: 1,
+						avatarUrl: 'http://....',
+						nickName: '橘子'
+					}
+				]);
+			}
+		}
 	});
 }
 </script>

src/modules/demo/views/crud/components/crud/user-select.vue

@@ -55,8 +55,23 @@ function open() {
 					}
 				},
 				required: true
+			},
+			{
+				label: '回显',
+				prop: 'testId',
+				component: {
+					name: 'cl-user-select',
+					props: {
+						// 【很重要】立即刷新
+						immediate: true
+					}
+				}
 			}
-		]
+		],
+		form: {
+			// 【很重要】手动设置值，实际根据接口返回
+			testId: 2
+		}
 	});
 }
 </script>

src/plugins/crud/components/select/table.vue

@@ -14,9 +14,11 @@
 				</div>
 
 				<cl-crud padding="0">
-					<cl-table :ref="setRefs('table')" :data="data" :auto-height="false" />
+					<cl-row>
+						<cl-table :ref="setRefs('table')" :data="data" :auto-height="false" />
+					</cl-row>
 
-					<cl-row type="flex" align="middle" justify="end" :style="{ marginTop: '10px' }">
+					<cl-row type="flex" align="middle" justify="end">
 						<el-pagination
 							v-model:current-page="pager.page"
 							:page-size="pager.size"
@@ -39,7 +41,13 @@
 					<template v-for="(item, index) in data" :key="index">
 						<slot name="item" :item="item" :index="index">
 							<template v-if="pickerType == 'default'">
-								<cl-image :src="item[dict.img]" :size="24" class="mr-[5px]" />
+								<cl-image
+									:src="item[dict.img]"
+									:size="24"
+									:radius="5"
+									:preview="false"
+									class="mr-[5px]"
+								/>
 								<span v-if="!multiple">{{ item[dict.text] }}</span>
 							</template>