@yoooloo42/joker 1.0.48 → 1.0.50

package/dist/index.cjs.js

@@ -40143,14 +40143,20 @@ var script$e = {
   setup(__props) {
 
 const props = __props;
-// 监听 myProps.menu 的变化
-vue.watch(() => props.myProps.menu, (newMenu, oldMenu) => {
-    console.log('--- WATCH: myProps.menu 变化 ---');
-    console.log('新值长度:', newMenu ? newMenu.length : 0);
-    // 检查此时 v-if 条件是否应该为 true
-    console.log('v-if 条件现在应为 true:', newMenu && newMenu.length > 0);
-}, {
-    immediate: true // 立即执行一次，观察初始状态
+
+// 1. 创建本地响应式副本
+const localMyProps = vue.reactive({});
+// 2. 使用 watchEffect 监听 props.myProps 的变化并同步到本地副本
+// 每次 props.myProps 发生变化时，这里都会执行
+vue.watchEffect(() => {
+    // 强制将 props.myProps 的所有属性复制过来，确保 localMyProps 是响应式的
+    // 这样，即使 props.myProps 自身非响应式，但它作为整体变化时，watchEffect 仍能捕获到。
+    Object.assign(localMyProps, props.myProps);
+    
+    // 可以在这里进行额外的调试
+    if (localMyProps.menu && localMyProps.menu.length > 0) {
+        console.log("WATCH EFFECT: menu已加载，准备渲染");
+    }
 });
 
 const style = vue.reactive({
@@ -40172,9 +40178,9 @@ return (_ctx, _cache) => {
     vue.createCommentVNode(" 置顶菜单 "),
     vue.withDirectives(vue.createVNode(_component_ly0Menu, {
       scopeThis: __props.scopeThis,
-      myProps: __props.myProps.menu
+      myProps: localMyProps.menu
     }, null, 8 /* PROPS */, ["scopeThis", "myProps"]), [
-      [vue.vShow, __props.myProps.menu && __props.myProps.menu.length > 0]
+      [vue.vShow, localMyProps.menu && localMyProps.menu.length > 0]
     ]),
     vue.createCommentVNode(" 表单区域可以分为多个列 "),
     vue.createElementVNode("div", {