feat: 产品详情物模型标识符列新增复制功能

@@ -7,8 +7,10 @@ import { numberRule } from '/@/utils/rules';
 import { deviceConfigGetRuleChain } from '/@/api/device/deviceConfigApi';
 import { deviceConfigGetRuleChain } from '/@/api/device/deviceConfigApi';
 import { FormField, FunctionType } from './step/cpns/physical/cpns/config';
 import { FormField, FunctionType } from './step/cpns/physical/cpns/config';
 import { h } from 'vue';
 import { h } from 'vue';
-import { Tag } from 'ant-design-vue';
+import { Tag, Tooltip } from 'ant-design-vue';
 import { EventType, EventTypeColor, EventTypeName } from '../list/cpns/tabs/EventManage/config';
 import { EventType, EventTypeColor, EventTypeName } from '../list/cpns/tabs/EventManage/config';
+import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
+import { useMessage } from '/@/hooks/web/useMessage';
 
 
 export enum Mode {
 export enum Mode {
   CARD = 'card',
   CARD = 'card',
@@ -37,6 +39,14 @@ export enum ModelOfMatterPermission {
   RELEASE = 'api:yt:things_model:release',
   RELEASE = 'api:yt:things_model:release',
 }
 }
 
 
+const handleCopy = (value: string) => {
+  const { createMessage } = useMessage();
+  const { clipboardRef, isSuccessRef } = useCopyToClipboard(value);
+  clipboardRef.value = value;
+  if (isSuccessRef.value) createMessage.success('复制成功~');
+  else createMessage.error('复制失败～');
+};
+
 export const steps = [
 export const steps = [
   {
   {
     title: '产品',
     title: '产品',
@@ -72,6 +82,11 @@ export const physicalColumn: BasicColumn[] = [
     title: '标识符',
     title: '标识符',
     dataIndex: FormField.IDENTIFIER,
     dataIndex: FormField.IDENTIFIER,
     width: 90,
     width: 90,
+    customRender: ({ text }: Record<'text', string>) => {
+      return h(Tooltip, { title: text }, () =>
+        h('span', { class: 'cursor-pointer', onClick: () => handleCopy(text) }, text)
+      );
+    },
   },
   },
   {
   {
     title: '数据类型',
     title: '数据类型',