add: DDS virtual component

src/components/PropertyPanel.vue

@@ -11,6 +11,14 @@
         @updateDirectProp="(componentId, propName, value) => $emit('updateDirectProp', componentId, propName, value)"
       />
     </CollapsibleSection>
+    
+    <!-- 信号发生器（DDS）特殊属性编辑器 -->
+    <div v-if="isDDSComponent">
+      <DDSPropertyEditor 
+        v-model="ddsProperties"
+        @update:modelValue="updateDDSProperties"
+      />
+    </div>
 
     <!-- 如果选中的组件有pins属性，则显示引脚配置区域 -->
     <CollapsibleSection
@@ -73,6 +81,7 @@ import { type DiagramPart } from '@/components/diagramManager';
 import { type PropertyConfig } from '@/components/equipments/componentConfig';
 import CollapsibleSection from './CollapsibleSection.vue';
 import PropertyEditor from './PropertyEditor.vue';
+import DDSPropertyEditor from './equipments/DDSPropertyEditor.vue';
 import { ref, computed, watch } from 'vue';
 
 // 定义Pin接口
@@ -94,6 +103,14 @@ const propertySectionExpanded = ref(true);
 const pinsSectionExpanded = ref(false);
 const wireSectionExpanded = ref(false);
 
+// DDS特殊属性
+const ddsProperties = ref({
+  frequency: 1000,
+  phase: 0,
+  waveform: 'sine',
+  customWaveformPoints: []
+});
+
 // 本地维护一个pins数组副本
 const componentPins = ref<Pin[]>([]);
 
@@ -106,6 +123,18 @@ watch(() => props.componentData?.attrs?.pins, (newPins) => {
   }
 }, { deep: true, immediate: true });
 
+// 监听DDS组件数据变化，更新特殊属性
+watch(() => props.componentData?.attrs, (newAttrs) => {
+  if (newAttrs && isDDSComponent.value) {
+    ddsProperties.value = {
+      frequency: newAttrs.frequency || 1000,
+      phase: newAttrs.phase || 0,
+      waveform: newAttrs.waveform || 'sine',
+      customWaveformPoints: newAttrs.customWaveformPoints || []
+    };
+  }
+}, { deep: true, immediate: true });
+
 // 计算属性：检查组件是否有pins属性
 const hasPinsProperty = computed(() => {
   if (!props.componentData || !props.componentData.attrs) {
@@ -121,6 +150,11 @@ const hasPinsProperty = computed(() => {
   return 'pins' in props.componentData.attrs;
 });
 
+// 计算属性：检查组件是否为DDS组件
+const isDDSComponent = computed(() => {
+  return props.componentData?.type === 'DDS';
+});
+
 // 定义事件
 const emit = defineEmits<{
   (e: 'updateProp', componentId: string, propName: string, value: any): void;
@@ -133,6 +167,30 @@ function updatePins() {
     emit('updateProp', props.componentData.id, 'pins', componentPins.value);
   }
 }
+
+// 监听DDS组件数据变化，更新特殊属性
+watch(() => props.componentData?.attrs, (newAttrs) => {
+  if (newAttrs && isDDSComponent.value) {
+    ddsProperties.value = {
+      frequency: newAttrs.frequency || 1000,
+      phase: newAttrs.phase || 0,
+      waveform: newAttrs.waveform || 'sine',
+      customWaveformPoints: newAttrs.customWaveformPoints || []
+    };
+  }
+}, { deep: true, immediate: true });
+
+// 更新DDS属性
+function updateDDSProperties(newProperties: any) {
+  ddsProperties.value = newProperties;
+  if (props.componentData && props.componentData.id) {
+    // 将各个属性单独更新，而不是作为一个整体
+    emit('updateProp', props.componentData.id, 'frequency', newProperties.frequency);
+    emit('updateProp', props.componentData.id, 'phase', newProperties.phase);
+    emit('updateProp', props.componentData.id, 'waveform', newProperties.waveform);
+    emit('updateProp', props.componentData.id, 'customWaveformPoints', newProperties.customWaveformPoints);
+  }
+}
 </script>
 
 <style scoped>