@shijiu/jsview 2.3.151-test.0 → 3.0.0-next-vue.0

package/patches/@vue+compiler-sfc+3.6.0-beta.10.patch

@@ -0,0 +1,69 @@
+diff --git a/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js b/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js
+index 7e80f1c..63dae5b 100644
+--- a/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js
++++ b/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js
+@@ -50,6 +50,11 @@ magic_string = __toESM(magic_string);
+ let _babel_parser = require("@babel/parser");
+ let process$1 = require("process");
+ process$1 = __toESM(process$1);
++
++// JsView Added >>>
++let jsvCssToJs = require("@shijiu/jsview/thirdparty/@vue/compiler-sfc/jsview-css-to-js.cjs");
++// JsView Added <<<
++
+ //#endregion
+ //#region packages/compiler-sfc/src/style/cssVars.ts
+ var import_hash_sum = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+@@ -1483,6 +1488,12 @@ function parse(source, options = {}) {
+ 	descriptor.cssVars = parseCssVars(descriptor);
+ 	const slottedRE = /(?:::v-|:)slotted\(/;
+ 	descriptor.slotted = descriptor.styles.some((s) => s.scoped && slottedRE.test(s.content));
++
++// JsView Added >>>
++// 如果不存在<script>标签，则手动添加一个用于处理Css转为Js。
++  jsvCssToJs.ensureSfcDescriptor(descriptor);
++// JsView Added <<<
++
+ 	const result = {
+ 		descriptor,
+ 		errors
+@@ -3305,7 +3316,12 @@ function doCompileTemplate({ filename, id, scoped, slotted, inMap, source, ast:
+ 	let { code, ast, preamble, map, helpers } = compiler.compile(inAST || source, {
+ 		mode: "module",
+ 		prefixIdentifiers: true,
+-		hoistStatic: true,
++
++// JsView Modified >>>
++// 解决xxx问题。
++    hoistStatic: false,
++// JsView Modified <<<
++
+ 		cacheHandlers: true,
+ 		ssrCssVars: ssr && ssrCssVars && ssrCssVars.length ? genCssVarsFromList(ssrCssVars, shortId, isProd, true) : "",
+ 		scopeId: scoped ? longId : void 0,
+@@ -11842,6 +11858,12 @@ function processNormalScript(ctx, scopeId) {
+ 			if (cssVars.length && !((_ctx$options$template = ctx.options.templateOptions) === null || _ctx$options$template === void 0 ? void 0 : _ctx$options$template.ssr)) content += genNormalScriptCssVarsCode(cssVars, bindings, scopeId, !!isProd, defaultVar);
+ 			if (!genDefaultAs) content += `\nexport default ${defaultVar}`;
+ 		}
++
++// JsView Added >>>
++// 在标准写法下，将Css转换为Js, 并注入到Js文件。
++    content += jsvCssToJs.compileCssToJs(ctx.descriptor, ctx.options);
++// JsView Added <<<
++
+ 		return {
+ 			...script,
+ 			content,
+@@ -15211,6 +15233,12 @@ function compileScript(sfc, options) {
+ 		const importSrc = runtimeModuleName ? JSON.stringify(runtimeModuleName) : `'vue'`;
+ 		ctx.s.prepend(`import { ${[...ctx.helperImports].map((h) => `${h} as _${h}`).join(", ")} } from ${importSrc}\n`);
+ 	}
++
++// JsView Added >>>
++// 在setup写法下，将Css转换为Js, 并注入到Js文件。
++  ctx.s.append(jsvCssToJs.compileCssToJs(sfc, options));
++// JsView Added <<<
++
+ 	const content = ctx.s.toString();
+ 	let map = options.sourceMap !== false ? ctx.s.generateMap({
+ 		source: filename,

package/patches/@vue+runtime-core+3.2.45.patch

@@ -0,0 +1,353 @@
+diff --git a/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js b/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+index f4f2cf8..2548e68 100644
+--- a/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
++++ b/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+@@ -243,6 +243,15 @@ function nextTick(fn) {
+     const p = currentFlushPromise || resolvedPromise;
+     return fn ? p.then(this ? fn.bind(this) : fn) : p;
+ }
++
++// JsView Added >>>
++const jsvDelayQueue = [];
++let jsvPendingForFirstDelayRender = false;
++let jsvDelayQueueTimer = 0;
++let jsvDelayQueueTaskToken = 1;
++const jsvDelayQueueRecord = [];
++// JsView Added <<<
++
+ // #2768
+ // Use binary-search to find a suitable position in the queue,
+ // so that the queue maintains the increasing order of job's id,
+@@ -357,6 +366,10 @@ const comparator = (a, b) => {
+     }
+     return diff;
+ };
++// JsView Modified >>>
++let JsvRenderCount = 0;
++let hasBreakEnableApi = !!(window.JsView?.ifRenderBreakEnable);
++// JsView Modified <<<
+ function flushJobs(seen) {
+     isFlushPending = false;
+     isFlushing = true;
+@@ -370,6 +383,22 @@ function flushJobs(seen) {
+     //    priority number)
+     // 2. If a component is unmounted during a parent component's update,
+     //    its update can be skipped.
++    
++// JsView Modified >>>
++    if (jsvDelayQueue.length && !jsvPendingForFirstDelayRender) {
++        // 将延迟后的任务放入执行队列前，如果任务本身已经失效了，此instance.update就会被设置成inactive
++        // console.log("QCodeDrop jsvDelayQueue.length=", jsvDelayQueue.length);
++        queue.unshift(...jsvDelayQueue);
++
++        // 记录 Recorder 用于调试
++        // jsvDelayQueueRecord.length = 0;
++        // jsvDelayQueueRecord.unshift(...jsvDelayQueue);
++
++        jsvDelayQueue.length = 0;
++        jsvDelayQueueTaskToken++;
++    }
++// JsView Modified <<<
++
+     queue.sort(comparator);
+     // conditional usage of checkRecursiveUpdate must be determined out of
+     // try ... catch block since Rollup by default de-optimizes treeshaking
+@@ -403,6 +432,33 @@ function flushJobs(seen) {
+             flushJobs(seen);
+         }
+     }
++
++// JsView Modified >>>
++    //重置允许描画的个数
++    JsvRenderCount = 0;
++    // 重置pending drawing状态
++    jsvPendingForFirstDelayRender = false;
++
++    // 测试是否开启新的 pending draw 状态
++    if (window.JsView?.hasPendingUserInput?.()) {
++        jsvPendingForFirstDelayRender = true;
++    }
++
++    // JsView 提交延迟执行任务
++    if (jsvDelayQueue.length > 0) {
++        if (jsvDelayQueueTimer > 0) {
++            clearTimeout(jsvDelayQueueTimer);
++            jsvDelayQueueTimer = 0;
++        }
++
++        jsvDelayQueueTimer = setTimeout(() => {
++            jsvDelayQueueTimer = 0;
++            if (jsvDelayQueue.length > 0) {
++                queueFlush();
++            }
++        }, 0);
++    }
++// JsView Modified <<<
+ }
+ function checkRecursiveUpdates(seen, fn) {
+     if (!seen.has(fn)) {
+@@ -1088,7 +1144,14 @@ const isElementRoot = (vnode) => {
+ };
+ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
+     const { props: prevProps, children: prevChildren, component } = prevVNode;
+-    const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
++// JsView Modified >>>
++    // const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
++    const { props: nextProps, children: nextChildren, patchFlag, key } = nextVNode;
++    if (key == "__QcodeJsviewFreezeComponent") {
++        return;
++    }
++// JsView Modified <<<
++
+     const emits = component.emitsOptions;
+     // Parent component's render function was hot-updated. Since this may have
+     // caused the child component's slots content to have changed, we need to
+@@ -2879,7 +2942,12 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
+             // fallback to implicit self-reference
+             return Component;
+         }
+-        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
++// JsView Modified >>>
++//        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
++        // 避免掉jsv自定义 element的报错问题
++        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res
++        && !name.startsWith("jsve-") && !name.startsWith("jsv-") && !name.startsWith("fdiv")) {
++// JsView Modified <<<            
+             const extra = type === COMPONENTS
+                 ? `\nIf this is a native custom element, make sure to exclude it from ` +
+                     `component resolution via compilerOptions.isCustomElement.`
+@@ -5061,6 +5129,27 @@ function baseCreateRenderer(options, createHydrationFns) {
+     // Note: functions inside this closure should use `const xxx = () => {}`
+     // style in order to prevent being inlined by minifiers.
+     const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
++// JsView Added >>>
++         if (n1 && n1.jsvRenderBreaker?.breaked) {
++            // 前一次的patch被打断
++
++            // anchor和container要从n1中还原出来
++            container = n1.jsvRenderBreaker.patchPack.container;
++            anchor = n1.jsvRenderBreaker.patchPack.anchor;
++
++            // 释放renderBreak时，创建出来的占位element
++            if (n1.el) {
++                n1.el.parentNode.removeChild(n1.el);
++                n1.el = null;
++            }
++
++            n1 = null;
++            // if (n2 == null) {
++            //     console.log("QCodeDrop become nothing to draw");
++            // }
++        }
++// JsView Added <<<
++
+         if (n1 === n2) {
+             return;
+         }
+@@ -5074,6 +5163,54 @@ function baseCreateRenderer(options, createHydrationFns) {
+             optimized = false;
+             n2.dynamicChildren = null;
+         }
++
++// JsView Added >>>
++        // 有按键打断, 取消patch
++        if (n1 == null && n2) {
++            if (n2.key == "__QcodeJsviewMetroWidgetSlot" 
++            && (!hasBreakEnableApi || window.JsView.ifRenderBreakEnable())
++            && (jsvPendingForFirstDelayRender 
++                || window.JsvCode.Dom.IsLazyTaskQueueOverLoad() // 用于解决一次性dom元素过多导致一帧卡太久的问题
++                || window.JsView?.hasPendingUserInput?.()) 
++            && JsvRenderCount >= (window.JsView?.getInstantRenderNum?.() ?? 0)) {
++                // 创建Comment节点, 以解决el释放可能出错问题
++                // 同时存储el以便给父节点进行属性链接
++                hostInsert((n2.el = hostCreateComment('')), container, anchor)
++                n2.anchor = anchor;
++
++                n2.jsvRenderBreaker = {
++                    breaked: true,
++                    patchPack: {
++                        container,
++                        anchor, // 可能获取从fragment提交过来的anchor
++                    }
++                };
++
++                // TODO: 有时候children[0]不存在
++                // TODO: 为什么需要对children[0]进行设置？是否是考虑patch时第一子节点不递归的问题, 需要vue版本升级时重新评估                
++                if (n2.children?.[0]?.key === "__QcodeJsviewMetroWidgetSlot") {
++                    n2.children[0].anchor = anchor;
++                    n2.children[0].jsvRenderBreaker = {
++                        breaked: true,
++                        patchPack: {
++                            container,
++                            anchor, // 可能获取从fragment提交过来的anchor
++                        }
++                    };
++                }
++
++                if (!parentComponent.update.delayToken || parentComponent.update.delayToken != jsvDelayQueueTaskToken) {
++                    parentComponent.update.delayToken = jsvDelayQueueTaskToken;
++                    jsvDelayQueue.push(parentComponent.update);
++                } else {
++                    // console.log("QCodeDrop repeat add parentComponent.update for id=" + parentComponent.update.id);
++                }
++                return;
++            }
++            JsvRenderCount++;
++        }
++// JsView Added <<<
++
+         const { type, ref, shapeFlag } = n2;
+         switch (type) {
+             case Text:
+@@ -5114,6 +5251,10 @@ function baseCreateRenderer(options, createHydrationFns) {
+         if (ref != null && parentComponent) {
+             setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+         }
++
++// JsView Added >>>
++        n2.jsvPatchedFlag = true; // 记录是否执行完成patch操作，用于避免unmount处理失效
++// JsView Added <<<
+     };
+     const processText = (n1, n2, container, anchor) => {
+         if (n1 == null) {
+@@ -5579,6 +5720,9 @@ function baseCreateRenderer(options, createHydrationFns) {
+     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
+         const componentUpdateFn = () => {
+             if (!instance.isMounted) {
++                // JsView Added >>>
++                startMeasure(instance, "react-mount");
++                // JsView Added <<<
+                 let vnodeHook;
+                 const { el, props } = initialVNode;
+                 const { bm, m, parent } = instance;
+@@ -5666,9 +5810,16 @@ function baseCreateRenderer(options, createHydrationFns) {
+                 }
+                 // #2458: deference mount-only object parameters to prevent memleaks
+                 initialVNode = container = anchor = null;
++
++                // JsView Added >>>
++                endMeasure(instance, "react-mount");
++                // JsView Added <<<
+             }
+             else {
+                 // updateComponent
++                // JsView Added >>>
++                startMeasure(instance, "reactive");
++                // JsView Added <<<
+                 // This is triggered by mutation of component's own state (next: null)
+                 // OR parent calling processComponent (next: VNode)
+                 let { next, bu, u, parent, vnode } = instance;
+@@ -5708,11 +5859,45 @@ function baseCreateRenderer(options, createHydrationFns) {
+                 if ((process.env.NODE_ENV !== 'production')) {
+                     startMeasure(instance, `patch`);
+                 }
++
++// JsView Added >>>
++                let el_parent_node;
++                let next_host_node;
++                if (prevTree.jsvRenderBreaker?.breaked) {
++                    // el_parent_node = hostParentNode(prevTree.el);
++                    // next_host_node = getNextHostNode(prevTree);
++                    el_parent_node = prevTree.jsvRenderBreaker.patchPack.container;
++                    next_host_node = prevTree.jsvRenderBreaker.patchPack.anchor;
++
++                    if (next_host_node && next_host_node.parent != el_parent_node) {
++                        // anchor失效了
++                        // console.warn("QCodeDrop lost anchor for anchor.parent=", next_host_node.parent);
++                        next_host_node = null;
++                    }
++                } else if (prevTree.jsvPatchedFlag) {
++                    // if (!prevTree.el) {
++                    //     console.log("QCodeDrop element lost...");
++                    // }
++                    el_parent_node = hostParentNode(prevTree.el);
++                    next_host_node = getNextHostNode(prevTree);
++                } else {
++                    console.warn("QCodeDrop update with no patched item, use default set");
++                    el_parent_node = container;
++                    next_host_node = anchor;
++                    return;
++                }
++// JsView Added <<<
++
+                 patch(prevTree, nextTree, 
+-                // parent may have changed if it's in a teleport
+-                hostParentNode(prevTree.el), 
+-                // anchor may have changed if it's in a fragment
+-                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
++// JsView Modified >>>
++//                // parent may have changed if it's in a teleport
++//                hostParentNode(prevTree.el), 
++//                // anchor may have changed if it's in a fragment
++//                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
++                  el_parent_node,
++                  next_host_node,
++                  instance, parentSuspense, isSVG);
++// JsView Modified <<<
+                 if ((process.env.NODE_ENV !== 'production')) {
+                     endMeasure(instance, `patch`);
+                 }
+@@ -5737,6 +5922,9 @@ function baseCreateRenderer(options, createHydrationFns) {
+                 if ((process.env.NODE_ENV !== 'production')) {
+                     popWarningContext();
+                 }
++                // JsView Added >>>
++                endMeasure(instance, "reactive");
++                // JsView Added <<<
+             }
+         };
+         // create reactive effect for rendering
+@@ -6086,6 +6274,25 @@ function baseCreateRenderer(options, createHydrationFns) {
+             parentComponent.ctx.deactivate(vnode);
+             return;
+         }
++        
++// JsView Added >>>
++        if (!vnode.jsvPatchedFlag) {
++            // unmount动作要进行的是vnode中的子节点进行unmount，但是vnode本身没有去进行创建，所以也不用去销毁
++            // 但是 mount 状态需要进行记录，避免由于RenderBreaker引起子节点未patch因为无法umount状态
++
++            if (vnode.jsvRenderBreaker?.breaked) {
++                vnode.el.parentNode.removeChild(vnode.el);
++                vnode.el = null;
++                vnode.anchor = null;
++                vnode.jsvRenderBreaker = null;
++            }
++            return;
++        } else {
++            // unmount时重置jsvPatchedFlag
++            vnode.jsvPatchedFlag = false;
++        }
++// JsView Added <<<
++
+         const shouldInvokeDirs = shapeFlag & 1 /* ShapeFlags.ELEMENT */ && dirs;
+         const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
+         let vnodeHook;
+@@ -6748,8 +6955,11 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
+         patchFlag,
+         dynamicProps,
+         dynamicChildren: null,
+-        appContext: null,
+-        ctx: currentRenderingInstance
++// JsView Added >>>
++        jsvRenderBreaker: null, //打断处理
++        jsvPatchedFlag: false, // 用于记录节点是否完成mount，未完成的可能由于jsvRenderBreaker打断了导致子节点不mount
++// JsView Added <<<
++        appContext: null
+     };
+     if (needFullChildrenNormalization) {
+         normalizeChildren(vnode, children);
+@@ -7444,6 +7654,13 @@ function createSetupContext(instance) {
+     }
+ }
+ function getExposeProxy(instance) {
++// JsView Added >>>
++    // 用于确认执行错误问题
++    if (!instance) {
++        console.error("QCodeDrop lost instance");
++    }
++// JsView Added <<<
++
+     if (instance.exposed) {
+         return (instance.exposeProxy ||
+             (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {

package/patches/@vue+runtime-core+3.6.0-beta.10.patch

@@ -0,0 +1,196 @@
+diff --git a/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js b/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+index 42090ab..fe02eba 100644
+--- a/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
++++ b/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+@@ -5,6 +5,11 @@
+   **/
+ import { EffectScope, EffectScope as EffectScope$1, ReactiveEffect, ReactiveEffect as ReactiveEffect$1, TrackOpTypes, TriggerOpTypes, WatcherEffect, computed as computed$1, customRef, customRef as customRef$1, effect, effectScope, getCurrentScope, getCurrentWatcher, isProxy, isProxy as isProxy$1, isReactive, isReactive as isReactive$1, isReadonly, isReadonly as isReadonly$1, isRef, isRef as isRef$1, isShallow, isShallow as isShallow$1, markRaw, markRaw as markRaw$1, onScopeDispose, onWatcherCleanup, proxyRefs, proxyRefs as proxyRefs$1, reactive, reactive as reactive$1, readonly, readonly as readonly$1, ref, ref as ref$1, setActiveSub, setCurrentScope, shallowReactive, shallowReactive as shallowReactive$1, shallowReadArray, shallowReadonly, shallowReadonly as shallowReadonly$1, shallowRef, shallowRef as shallowRef$1, stop, toRaw, toRaw as toRaw$1, toReactive, toReadonly, toRef, toRefs, toValue, track, traverse, trigger, triggerRef, unref } from "@vue/reactivity";
+ import { EMPTY_ARR, EMPTY_OBJ, NO, NOOP, camelize, camelize as camelize$1, capitalize, capitalize as capitalize$1, def, extend, getEscapedCssVarName, getGlobalThis, getModifierPropName, getSequence, hasChanged, hasOwn, hyphenate, includeBooleanAttr, invokeArrayFns, isArray, isBooleanAttr, isBuiltInDirective, isBuiltInTag, isFunction, isGloballyAllowed, isKnownHtmlAttr, isKnownSvgAttr, isModelListener, isObject, isOn, isPromise, isRegExp, isRenderableAttrValue, isReservedProp, isString, isSymbol, looseEqual, looseToNumber, makeMap, normalizeClass, normalizeClass as normalizeClass$1, normalizeCssVarValue, normalizeProps, normalizeStyle, normalizeStyle as normalizeStyle$1, remove, stringifyStyle, toDisplayString, toHandlerKey, toHandlerKey as toHandlerKey$1, toNumber, toRawType } from "@vue/shared";
++
++// JsView Added >>>
++import { jsvSliceDelayQueue, jsvPostDelayQueue, jsvRemoveNodeIfRenderBreaked, jsvCancelPatchIfRenderBreaked, jsvUpdatePatchNode, jsvResetPatchNode } from "@shijiu/jsview/thirdparty/@vue/runtime-core/jsview-render-break.mjs";
++// JsView Added <<<
++
+ //#region packages/runtime-core/src/warning.ts
+ const stack = [];
+ /**
+@@ -366,6 +371,13 @@ function flushOnAppMount(instance) {
+ }
+ function flushJobs(seen) {
+ 	if (!!(process.env.NODE_ENV !== "production")) seen || (seen = /* @__PURE__ */ new Map());
++
++// JsView Added >>>
++// 将延迟后的任务放入执行队列前，如果任务本身已经失效了，此instance.update就会被设置成inactive
++	const jsvDelayQueueSize = jsvSliceDelayQueue(jobs);
++	jobsLength += jsvDelayQueueSize;
++// JsView Added <<<
++
+ 	try {
+ 		while (flushIndex < jobsLength) {
+ 			const job = jobs[flushIndex];
+@@ -393,6 +405,10 @@ function flushJobs(seen) {
+ 		currentFlushPromise = null;
+ 		if (jobsLength || postJobs.length) flushJobs(seen);
+ 	}
++
++// JsView Added >>>
++	jsvPostDelayQueue(queueFlush);
++// JsView Added <<<
+ }
+ function checkRecursiveUpdates(seen, fn) {
+ 	const count = seen.get(fn) || 0;
+@@ -2440,6 +2456,11 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
+ 		if (!res && maybeSelfReference) return Component;
+ 		if (!!(process.env.NODE_ENV !== "production") && warnMissing && !res) {
+ 			const extra = type === "components" ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
++
++// JsView Modified >>>
++      // 避免掉jsv自定义 element的报错问题
++    	if (!name.startsWith("jsve-") && !name.startsWith("jsv-") && !name.startsWith("fdiv"))
++// JsView Modified <<<            
+ 			warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
+ 		}
+ 		return res;
+@@ -3637,7 +3658,12 @@ const isElementRoot = (vnode) => {
+ };
+ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
+ 	const { props: prevProps, children: prevChildren, component } = prevVNode;
+-	const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
++// JsView Modified >>>
++	const { props: nextProps, children: nextChildren, patchFlag, key } = nextVNode;
++	if (key == "__QcodeJsviewFreezeComponent") {
++		return;
++	}
++// JsView Modified <<<
+ 	const emits = component.emitsOptions;
+ 	if (!!(process.env.NODE_ENV !== "production") && (prevChildren || nextChildren) && isHmrUpdating) return true;
+ 	if (nextVNode.dirs || nextVNode.transition) return true;
+@@ -4173,6 +4199,17 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) setDevtoolsHook$1(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
+ 	const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, insertStaticContent: hostInsertStaticContent } = options;
+ 	const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, namespace = void 0, slotScopeIds = null, optimized = !!(process.env.NODE_ENV !== "production") && isHmrUpdating ? false : !!n2.dynamicChildren) => {
++
++// JsView Added >>>
++    if (n1 && n1.jsvRenderBreaker?.breaked) {
++			// 前一次的patch被打断
++			const { jsvContainer, jsvAnchor } = jsvRemoveNodeIfRenderBreaked(n1);
++			container = jsvContainer;
++			anchor = jsvAnchor;
++			n1 = null;
++		}
++// JsView Added <<<
++
+ 		if (n1 === n2) return;
+ 		if (n1 && !isSameVNodeType(n1, n2)) {
+ 			anchor = getNextHostNode(n1);
+@@ -4183,6 +4220,16 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 			optimized = false;
+ 			n2.dynamicChildren = null;
+ 		}
++
++// JsView Added >>>
++    if (n1 == null && n2) {
++			const breaked = jsvCancelPatchIfRenderBreaked(n2, options, container, anchor, parentComponent);
++			if (breaked) {
++				return;
++			}
++		}
++// JsView Added <<<
++
+ 		const { type, ref, shapeFlag } = n2;
+ 		switch (type) {
+ 			case Text:
+@@ -4209,6 +4256,11 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 		}
+ 		if (ref != null && parentComponent) setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+ 		else if (ref == null && n1 && n1.ref != null) setRef(n1.ref, null, parentSuspense, n1, true);
++
++// JsView Added >>>
++    n2.jsvPatchedFlag = true; // 记录是否执行完成patch操作，用于避免unmount处理失效
++// JsView Added <<<
++
+ 	};
+ 	const processText = (n1, n2, container, anchor) => {
+ 		if (n1 == null) hostInsert(n2.el = hostCreateText(n2.children), container, anchor);
+@@ -4536,6 +4588,11 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 		fn() {
+ 			const { instance, initialVNode, container, anchor, parentSuspense, namespace, optimized } = this;
+ 			if (!instance.isMounted) {
++
++// JsView Added >>>
++        startMeasure(instance, "react-mount");
++// JsView Added <<<
++
+ 				let vnodeHook;
+ 				const { el, props } = initialVNode;
+ 				const { bm, parent, root, type } = instance;
+@@ -4574,7 +4631,17 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 				instance.isMounted = true;
+ 				if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentAdded(instance);
+ 				this.initialVNode = this.container = this.anchor = null;
++
++// JsView Added >>>
++        endMeasure(instance, "react-mount");
++// JsView Added <<<
++
+ 			} else {
++
++// JsView Added >>>
++        startMeasure(instance, "reactive");
++// JsView Added <<<
++
+ 				let { next, bu, u, parent, vnode } = instance;
+ 				{
+ 					const nonHydratedAsyncRoot = locateNonHydratedAsyncRoot(instance);
+@@ -4608,7 +4675,14 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 				const prevTree = instance.subTree;
+ 				instance.subTree = nextTree;
+ 				if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `patch`);
+-				patch(prevTree, nextTree, hostParentNode(prevTree.el), getNextHostNode(prevTree), instance, parentSuspense, namespace);
++
++// JsView Modified >>>
++				const jsvNodeInfo = jsvUpdatePatchNode(prevTree, hostParentNode, getNextHostNode);
++				if (!jsvNodeInfo) {
++					return;
++				}
++				patch(prevTree, nextTree, jsvNodeInfo.parentNode, jsvNodeInfo.nextHostNode, instance, parentSuspense, namespace);
++// JsView Modified <<<
+ 				if (!!(process.env.NODE_ENV !== "production")) endMeasure(instance, `patch`);
+ 				next.el = nextTree.el;
+ 				if (originNext === null) updateHOCHostEl(instance, nextTree.el);
+@@ -4616,6 +4690,11 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 				if (vnodeHook = next.props && next.props.onVnodeUpdated) queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), void 0, parentSuspense);
+ 				if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentUpdated(instance);
+ 				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
++
++// JsView Added >>>
++        endMeasure(instance, "reactive");
++// JsView Added <<<
++
+ 			}
+ 		}
+ 	}
+@@ -4820,6 +4899,11 @@ function baseCreateRenderer(options, createHydrationFns) {
+ 			else parentComponent.ctx.deactivate(vnode);
+ 			return;
+ 		}
++
++// JsView Added >>>
++		jsvResetPatchNode(vnode);
++// JsView Added <<<
++
+ 		const shouldInvokeDirs = shapeFlag & 1 && dirs;
+ 		const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
+ 		let vnodeHook;
+@@ -5505,6 +5589,11 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
+ 		patchFlag,
+ 		dynamicProps,
+ 		dynamicChildren: null,
++// JsView Added >>>
++    jsvRenderBreaker: null, //打断处理
++    jsvPatchedFlag: false, // 用于记录节点是否完成mount，未完成的可能由于jsvRenderBreaker打断了导致子节点不mount
++// JsView Added <<<
++
+ 		appContext: null,
+ 		ctx: currentRenderingInstance
+ 	};