diff --git a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.tsx b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.tsx
index df70e7f0846abda13a5696d2c2c1c2c376da3129..5a5c0f33fbb0ce7c13640e00e0a44e93255f9fe5 100644
--- a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.tsx
+++ b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.tsx
@@ -115,6 +115,7 @@ export default defineComponent({
       () => props.ctrlId,
       async (newVal, oldVal) => {
         if (newVal !== oldVal) {
+          data.value = undefined;
           await load();
         }
       },
@@ -132,7 +133,6 @@ export default defineComponent({
       if (data.value) {
         return (
           <iBizDesignArea
-            key={props.ctrlId}
             data={data.value}
             context={context.value}
             params={props.params}
diff --git a/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx b/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
index fe2c7dd53755c7f7b47263972d7c313c6d19b3d3..6889d470edb66035bb82de14f6b69e6b9d3f8583 100644
--- a/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
+++ b/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
@@ -14,8 +14,8 @@ import {
   PanelItemDataProvider,
 } from '../../../../providers';
 import { resource } from '../../../../global';
-import './view-panel-part.scss';
 import { PanelDesignContext } from '../../../../utils';
+import './view-panel-part.scss';
 
 // 布局面板项
 export default defineComponent({
@@ -48,6 +48,10 @@ export default defineComponent({
       return props.data.type?.toUpperCase() || '';
     });
 
+    const ctrlId = computed(() => {
+      return props.data.data.psdepanelid;
+    });
+
     // 是否显示模态
     const isShow = ref(false);
 
@@ -131,13 +135,12 @@ export default defineComponent({
       if (sysImage && sysImage.imagePath) {
         icon = resource.dir(sysImage.imagePath);
       }
-      const ctrlId = props.data.data.psdepanelid;
-      if (ctrlId && ctrlType.value === 'PANELPART') {
+      if (ctrlId.value && ctrlType.value === 'PANELPART') {
         return (
           <iBizViewCtrlShell
             context={props.context}
             params={props.params}
-            ctrlId={ctrlId}
+            ctrlId={ctrlId.value}
             ctrlType={ctrlType.value}
             model={props.provider.model}
           ></iBizViewCtrlShell>
@@ -171,18 +174,17 @@ export default defineComponent({
 
     // 绘制项行为组
     const renderActions = () => {
-      const ctrlId = props.data.data?.psdepanelid;
       const actions = props.provider.actions;
       if (
         actions &&
         actions.length &&
-        ((showActions.value && active.value) || !ctrlId)
+        ((showActions.value && active.value) || !ctrlId.value)
       ) {
         return (
           <div
             class={[
               showActions.value && active.value && ns.b('ctrl-pos-actions'),
-              !ctrlId && ns.b('ctrl-pos-mask-actions'),
+              !ctrlId.value && ns.b('ctrl-pos-mask-actions'),
             ]}
           >
             {actions.map(action => {