@yoooloo42/joker 1.0.47 → 1.0.49

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { computed, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, defineComponent, h, onMounted, onBeforeUnmount, ref, watch, nextTick as nextTick$1, reactive, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, unref } from 'vue';
+import { computed, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, defineComponent, h, onMounted, onBeforeUnmount, ref, watch, nextTick as nextTick$1, reactive, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, unref, watchEffect, withDirectives, vShow } from 'vue';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -40139,14 +40139,20 @@ var script$e = {
   setup(__props) {
 
 const props = __props;
-// 监听 myProps.menu 的变化
-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 = reactive({});
+// 2. 使用 watchEffect 监听 props.myProps 的变化并同步到本地副本
+// 每次 props.myProps 发生变化时，这里都会执行
+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 = reactive({
@@ -40166,13 +40172,12 @@ return (_ctx, _cache) => {
 
   return (openBlock(), createElementBlock(Fragment, null, [
     createCommentVNode(" 置顶菜单 "),
-    (__props.myProps.menu && __props.myProps.menu.length > 0)
-      ? (openBlock(), createBlock(_component_ly0Menu, {
-          key: 0,
-          scopeThis: __props.scopeThis,
-          myProps: __props.myProps.menu
-        }, null, 8 /* PROPS */, ["scopeThis", "myProps"]))
-      : createCommentVNode("v-if", true),
+    withDirectives(createVNode(_component_ly0Menu, {
+      scopeThis: __props.scopeThis,
+      myProps: __props.myProps.menu
+    }, null, 8 /* PROPS */, ["scopeThis", "myProps"]), [
+      [vShow, __props.myProps.menu && __props.myProps.menu.length > 0]
+    ]),
     createCommentVNode(" 表单区域可以分为多个列 "),
     createElementVNode("div", {
       style: normalizeStyle(style.root_box)
@@ -40291,7 +40296,7 @@ return (_ctx, _cache) => {
     ], 4 /* STYLE */),
     createCommentVNode(" 提交 "),
     (__props.dataBox.hdlSubmit)
-      ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
             style: normalizeStyle(style.line)
           }, null, 4 /* STYLE */),