@shijiu/jsview 2.3.0 → 3.0.0-next-vue.0

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

@@ -0,0 +1,81 @@
+diff --git a/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts b/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
+index 43b2e3d..ab0a606 100644
+--- a/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
++++ b/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
+@@ -213,6 +213,11 @@ export interface CSSProperties
+    * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
+    */
+   [v: `--${string}`]: string | number | undefined
++
++  // JsView Added >>> 
++  // 解决npm run build时，ts判断style自定义属性值错误的问题。
++  [Jsv: string]: string | number | undefined
++  // JsView Added <<<
+ }
+ 
+ type Booleanish = boolean | 'true' | 'false'
+diff --git a/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js b/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+index 8d1d1fa..0552d44 100644
+--- a/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
++++ b/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+@@ -38,6 +38,25 @@ const nodeOps = {
+     setScopeId(el, id) {
+         el.setAttribute(id, '');
+     },
++// JsView Removed >>>    
++// 删除盒子不支持的cloneNode函数，Vue会自动转为重新创建。
++/*     cloneNode(el) {
++        const cloned = el.cloneNode(true);
++        // #3072
++        // - in `patchDOMProp`, we store the actual value in the `el._value` property.
++        // - normally, elements using `:value` bindings will not be hoisted, but if
++        //   the bound value is a constant, e.g. `:value="true"` - they do get
++        //   hoisted.
++        // - in production, hoisted nodes are cloned when subsequent inserts, but
++        //   cloneNode() does not copy the custom property we attached.
++        // - This may need to account for other custom DOM properties we attach to
++        //   elements in addition to `_value` in the future.
++        if (`_value` in el) {
++            cloned._value = el._value;
++        }
++        return cloned;
++    }, */
++// JsView Removed <<<
+     // __UNSAFE__
+     // Reason: innerHTML.
+     // Static content here can only come from compiled templates.
+@@ -314,6 +333,23 @@ function parseName(name) {
+             options[m[0].toLowerCase()] = true;
+         }
+     }
++// JsView Added >>>
++// 处理自定义的 addEventListener() options, 前缀为jsv
++// onJsvXxx留给自定义Event，这样判断防止出现下面写法
++// :jsvevent.jsvoption1.jsvoption2 => onJsvEventJsvOption1JsvOption2
++    if (name.lastIndexOf('Jsv') > 2) {
++        options = options ?? {};
++
++        const optNames = name.substring(3); // 过滤掉jsvEvent
++        const optArray = optNames.split('Jsv');
++        // optArray[0] 为EventName部分内容
++        for (let idx = optArray.length - 1; idx > 0; idx--) {
++            const optName = 'jsv' + optArray[idx];
++            options[optName] = true;
++            name = name.slice(0, name.length - optName.length);
++        }
++    }
++// JsView Added <<<
+     const event = name[2] === ':' ? name.slice(3) : hyphenate(name.slice(2));
+     return [event, options];
+ }
+@@ -1659,6 +1695,10 @@ function injectCompilerOptionsCheck(app) {
+             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
+         Object.defineProperty(app.config, 'compilerOptions', {
+             get() {
++// JsView Added >>>
++// 解决连接vuejs-devtools后的大量报警问题 
++                if(!this.jsvVuejsDevtools)
++// JsView Added <<<
+                 warn(msg);
+                 return compilerOptions;
+             },

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

@@ -0,0 +1,47 @@
+diff --git a/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts b/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
+index f2047cf..28b0e2b 100644
+--- a/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
++++ b/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
+@@ -109,6 +109,12 @@ export interface CSSProperties extends CSS.Properties<string | number>, CSS.Prop
+   * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
+   */
+   [v: `--${string}`]: string | number | undefined;
++
++  // JsView Added >>> 
++  // 解决npm run build时，ts判断style自定义属性值错误的问题。
++  [Jsv: string]: string | number | undefined
++  // JsView Added <<<
++
+ }
+ type Booleanish = boolean | "true" | "false";
+ type Numberish = number | string;
+diff --git a/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js b/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+index 23a8ee5..28cc77a 100644
+--- a/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
++++ b/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+@@ -578,6 +578,25 @@ function parseName(name) {
+ 			options[m[0].toLowerCase()] = true;
+ 		}
+ 	}
++
++// JsView Added >>>
++// 处理自定义的 addEventListener() options, 前缀为jsv
++// onJsvXxx留给自定义Event，这样判断防止出现下面写法
++// :jsvevent.jsvoption1.jsvoption2 => onJsvEventJsvOption1JsvOption2
++	if (name.lastIndexOf('Jsv') > 2) {
++		options = options ?? {};
++
++		const optNames = name.substring(3); // 过滤掉jsvEvent
++		const optArray = optNames.split('Jsv');
++		// optArray[0] 为EventName部分内容
++		for (let idx = optArray.length - 1; idx > 0; idx--) {
++			const optName = 'jsv' + optArray[idx];
++			options[optName] = true;
++			name = name.slice(0, name.length - optName.length);
++		}
++	}
++// JsView Added <<<
++
+ 	return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
+ }
+ let cachedNow = 0;

package/patches/postcss-js+5.1.0.patch

@@ -0,0 +1,20 @@
+diff --git a/node_modules/postcss-js/objectifier.js b/node_modules/postcss-js/objectifier.js
+index 6cb9d88c..24c47835 100644
+--- a/node_modules/postcss-js/objectifier.js
++++ b/node_modules/postcss-js/objectifier.js
+@@ -1,4 +1,15 @@
+ let UNITLESS = {
++// JsView Added >>>
++// 添加将px转为int的属性，用于Css转为Js。
++  height: true,
++  left: true,
++  top: true,
++  width: true,
++
++  fontSize: true,
++  lineHeight: true,
++// JsView Added <<<
++
+   boxFlex: true,
+   boxFlexGroup: true,
+   columnCount: true,

package/patches/vite+4.0.0.patch

@@ -0,0 +1,117 @@
+diff --git a/node_modules/vite/dist/node/chunks/dep-ed9cb113.js b/node_modules/vite/dist/node/chunks/dep-ed9cb113.js
+index 06c7511..b483cfb 100644
+--- a/node_modules/vite/dist/node/chunks/dep-ed9cb113.js
++++ b/node_modules/vite/dist/node/chunks/dep-ed9cb113.js
+@@ -12601,6 +12601,12 @@ function printServerUrls(urls, optionsHost, info) {
+             picocolors.exports.bold('--host') +
+             picocolors.exports.dim(' to expose'));
+     }
++// JsView Modified >>>
++// 将url写入network.mjs文件，用于npm run android。
++    import('../jsview-vite-extension.js').then((module) => {
++      module.jsvSaveUrlToCache(urls);
++    });
++// JsView Modified <<<
+ }
+ 
+ const groups = [
+@@ -13537,6 +13543,17 @@ const buildEsbuildPlugin = (config) => {
+             if (!options) {
+                 return null;
+             }
++
++// JsView Added >>>
++// Minify文件过滤
++            if(options.minify && tsconfckParseOptions.jsvMinifyExclude) {
++                const regex = new RegExp(tsconfckParseOptions.jsvMinifyExclude.trim() );
++                if(regex.test(chunk.name)) {
++                    options.minify = false;
++                }
++            }
++// JsView Added <<<
++
+             const res = await transformWithEsbuild(code, chunk.fileName, options);
+             if (config.build.lib) {
+                 // #7188, esbuild adds helpers out of the UMD and IIFE wrappers, and the
+@@ -13658,6 +13675,10 @@ const tsconfckParseOptions = {
+     tsConfigPaths: undefined,
+     root: undefined,
+     resolveWithEmptyIfConfigNotFound: true,
++// JsView Added >>>
++// Minify文件过滤
++    jsvMinifyExclude: undefined, 
++// JsView Added <<<
+ };
+ async function initTSConfck(config) {
+     const workspaceRoot = searchForWorkspaceRoot(config.root);
+@@ -13669,6 +13690,10 @@ async function initTSConfck(config) {
+             skip: (dir) => dir === 'node_modules' || dir === '.git',
+         })),
+     ]);
++// JsView Added >>>
++// Minify文件过滤
++    tsconfckParseOptions.jsvMinifyExclude = config.build.jsvMinifyExclude;
++// JsView Added <<<
+     debug$f(`init tsconfck end`);
+ }
+ async function loadTsconfigJsonForFile(filename) {
+@@ -39465,6 +39490,12 @@ function normalizeHmrUrl(url) {
+     if (!url.startsWith('.') && !url.startsWith('/')) {
+         url = wrapId(url);
+     }
++// JsView Added >>>
++// 解决@import的css文件没有被热更新问题。
++    if (url.includes('type=style')) {
++       url = url.substr(0, url.indexOf('?'))
++    }
++// JsView Added <<<
+     return url;
+ }
+ function error$1(pos) {
+@@ -44386,7 +44417,11 @@ function preload(baseModule, deps, importerUrl) {
+ function buildImportAnalysisPlugin(config) {
+     const ssr = !!config.build.ssr;
+     const isWorker = config.isWorker;
+-    const insertPreload = !(ssr ||
++// JsView Modified >>>
++// 关闭 preload，盒子不支持
++    // const insertPreload = !(ssr ||
++    const insertPreload = false && !(ssr ||
++// JsView Modified <<<
+         !!config.build.lib ||
+         isWorker ||
+         config.build.modulePreload === false);
+@@ -61896,7 +61931,15 @@ async function createServer(inlineConfig = {}) {
+     if (httpServer) {
+         setClientErrorHandler(httpServer, config.logger);
+     }
+-    const watcher = chokidar.watch(path$o.resolve(root), resolvedWatchOptions);
++// JsView Modified >>>
++// 将@shijiu目录加入文件改变监控
++    // const watcher = chokidar.watch(path$o.resolve(root), resolvedWatchOptions);
++    const watchPaths = [
++      path$o.resolve(root),
++      path$o.resolve(root, 'node_modules/@shijiu'),
++    ];
++    const watcher = chokidar.watch(watchPaths, resolvedWatchOptions);
++// JsView Modified <<<
+     const moduleGraph = new ModuleGraph((url, ssr) => container.resolveId(url, undefined, { ssr }));
+     const container = await createPluginContainer(config, moduleGraph, watcher);
+     const closeHttpServer = createServerCloseFn(httpServer);
+@@ -62579,6 +62622,16 @@ async function resolveConfig(inlineConfig, command, defaultMode = 'development',
+             configFileDependencies = loadResult.dependencies;
+         }
+     }
++
++// JsView Added >>>
++// 合并jsview自定义config
++    const { jsvCreateJsViewViteConfig } = (await import('../jsview-vite-extension.js'));
++    const jsviewViteConfig = jsvCreateJsViewViteConfig(config);
++    if (jsviewViteConfig) {
++      config = mergeConfig(jsviewViteConfig, config);
++    }
++// JsView Added <<<
++    
+     // user config may provide an alternative mode. But --mode has a higher priority
+     mode = inlineConfig.mode || config.mode || mode;
+     configEnv.mode = mode;

package/patches/vite+8.0.9.patch

@@ -0,0 +1,77 @@
+diff --git a/node_modules/vite/dist/node/chunks/logger.js b/node_modules/vite/dist/node/chunks/logger.js
+index bd8dd7c..d5cc4b5 100644
+--- a/node_modules/vite/dist/node/chunks/logger.js
++++ b/node_modules/vite/dist/node/chunks/logger.js
+@@ -317,6 +317,13 @@ function printServerUrls(urls, optionsHost, info) {
+ 	for (const url of urls.local) info(`  ${import_picocolors.default.green("➜")}  ${import_picocolors.default.bold("Local")}:   ${colorUrl(url)}`);
+ 	for (const url of urls.network) info(`  ${import_picocolors.default.green("➜")}  ${import_picocolors.default.bold("Network")}: ${colorUrl(url)}`);
+ 	if (urls.network.length === 0 && optionsHost === void 0) info(import_picocolors.default.dim(`  ${import_picocolors.default.green("➜")}  ${import_picocolors.default.bold("Network")}: use `) + import_picocolors.default.bold("--host") + import_picocolors.default.dim(" to expose"));
++
++// JsView Modified >>>
++// 将url写入network.mjs文件，用于npm run android。
++  import('@shijiu/jsview/thirdparty/vite/jsview-vite-extension.mjs').then((module) => {
++    module.jsvSaveUrlToCache(urls);
++  });
++// JsView Modified <<<
+ }
+ //#endregion
+ export { OPTIMIZABLE_ENTRY_RE as A, ERR_FILE_NOT_FOUND_IN_OPTIMIZED_DEP_DIR as C, JS_TYPES_RE as D, FS_PREFIX as E, defaultAllowedOrigins as F, loopbackHosts as I, wildcardHosts as L, SPECIAL_QUERY_RE as M, VERSION as N, KNOWN_ASSET_TYPES as O, VITE_PACKAGE_DIR as P, require_picocolors as R, ENV_PUBLIC_PATH as S, ESBUILD_BASELINE_WIDELY_AVAILABLE_TARGET as T, DEFAULT_SERVER_CONDITIONS as _, CLIENT_ENTRY as a, DEV_PROD_CONDITION as b, DEFAULT_ASSETS_INLINE_LIMIT as c, DEFAULT_CLIENT_MAIN_FIELDS as d, DEFAULT_CONFIG_FILES as f, DEFAULT_PREVIEW_PORT as g, DEFAULT_EXTERNAL_CONDITIONS as h, CLIENT_DIR as i, ROLLUP_HOOKS as j, METADATA_FILENAME as k, DEFAULT_ASSETS_RE as l, DEFAULT_EXTENSIONS as m, createLogger as n, CLIENT_PUBLIC_PATH as o, DEFAULT_DEV_PORT as p, printServerUrls as r, CSS_LANGS_RE as s, LogLevels as t, DEFAULT_CLIENT_CONDITIONS as u, DEFAULT_SERVER_MAIN_FIELDS as v, ERR_OPTIMIZE_DEPS_PROCESSING_ERROR as w, ENV_ENTRY as x, DEP_VERSION_RE as y };
+diff --git a/node_modules/vite/dist/node/chunks/node.js b/node_modules/vite/dist/node/chunks/node.js
+index ffddb72..b031ad8 100644
+--- a/node_modules/vite/dist/node/chunks/node.js
++++ b/node_modules/vite/dist/node/chunks/node.js
+@@ -26025,6 +26025,10 @@ async function _createServer(inlineConfig = {}, options) {
+ 	if (httpServer) setClientErrorHandler(httpServer, config.logger);
+ 	const watcher = serverConfig.watch !== null ? import_chokidar.watch([
+ 		...config.experimental.bundledDev ? [] : [root],
++// JsView Modified >>>
++// 将@shijiu目录加入文件改变监控
++		path.resolve(root, "node_modules/@shijiu"),
++// JsView Modified <<<
+ 		...config.configFileDependencies,
+ 		...getEnvFilesForMode(config.mode, config.envDir),
+ 		...publicDir && publicFiles ? [publicDir] : []
+@@ -26951,6 +26955,14 @@ function lexAcceptedHmrExports(code, start, exportNames) {
+ }
+ function normalizeHmrUrl(url) {
+ 	if (url[0] !== "." && url[0] !== "/") url = wrapId(url);
++
++// JsView Added >>>
++// 解决@import的css文件没有被热更新问题。
++	if (url.includes('type=style')) {
++			url = url.substr(0, url.indexOf('?'))
++	}
++// JsView Added <<<
++
+ 	return url;
+ }
+ function error(pos) {
+@@ -28215,7 +28227,10 @@ function getPreloadCode(environment, renderBuiltUrlBoolean, isRelativeBase) {
+ * Build only. During serve this is performed as part of ./importAnalysis.
+ */
+ function buildImportAnalysisPlugin(config) {
+-	const getInsertPreload = (environment) => environment.config.consumer === "client" && !config.isWorker && !config.build.lib;
++// JsView Modified >>>
++// 关闭 preload，盒子不支持
++	const getInsertPreload = (environment) => false && environment.config.consumer === "client" && !config.isWorker && !config.build.lib;
++// JsView Modified <<<
+ 	const renderBuiltUrl = config.experimental.renderBuiltUrl;
+ 	const isRelativeBase = config.base === "./" || config.base === "";
+ 	return [{
+@@ -34199,6 +34214,16 @@ async function resolveConfig(inlineConfig, command, defaultMode = "development",
+ 			configFileDependencies = loadResult.dependencies;
+ 		}
+ 	}
++
++// JsView Added >>>
++// 合并jsview自定义config
++	const { jsvCreateJsViewViteConfig } = (await import('@shijiu/jsview/thirdparty/vite/jsview-vite-extension.mjs'));
++	const jsviewViteConfig = jsvCreateJsViewViteConfig(config);
++	if (jsviewViteConfig) {
++		config = mergeConfig(defineConfig(jsviewViteConfig), config);
++	}
++// JsView Added <<<
++
+ 	mode = inlineConfig.mode || config.mode || mode;
+ 	configEnv.mode = mode;
+ 	const filterPlugin = (p) => {

package/patches/vue-router+4.1.6.patch

@@ -0,0 +1,17 @@
+diff --git a/node_modules/vue-router/dist/vue-router.mjs b/node_modules/vue-router/dist/vue-router.mjs
+index 947b094..deddeea 100644
+--- a/node_modules/vue-router/dist/vue-router.mjs
++++ b/node_modules/vue-router/dist/vue-router.mjs
+@@ -3088,7 +3088,11 @@ function createRouter(options) {
+             : assign({}, to);
+     }
+     function checkCanceledNavigation(to, from) {
+-        if (pendingLocation !== to) {
++// JsView Modified >>>
++// 修改location是否相等判定
++        // if (pendingLocation !== to) {
++        if (pendingLocation.href !== to.href) { // 防止按键粘连带来的连续进入同一页面报警
++// JsView Modified <<<
+             return createRouterError(8 /* ErrorTypes.NAVIGATION_CANCELLED */, {
+                 from,
+                 to,

package/{patches/node_modules/@vue/compiler-sfc/dist/jsview-css-to-js.js → thirdparty/@vue/compiler-sfc/jsview-css-to-js.cjs}

@@ -5,15 +5,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const crypto = require('crypto');
-const fs = require('fs');
-const path = require('path');
-const postCss = require('postcss');
-const postCssJs = require('postcss-js');
-const styleChecker = require('./jsview-style-checker');
-const { Logger } = require('@shijiu/jsview/tools/jsview-logger');
-
-const compilerSfc = require('./compiler-sfc.cjs');
+const crypto = require('node:crypto');
+const fs = require('node:fs');
+const path = require('node:path');
+const { createRequire } = require('node:module');
+
+const projectRequire = createRequire(path.resolve(process.cwd(), 'package.json'));
+const postCss = projectRequire('postcss');
+const postCssJs = projectRequire('postcss-js');
+const compilerSfc = projectRequire('@vue/compiler-sfc/dist/compiler-sfc.cjs.js');
+const styleChecker = projectRequire('@shijiu/jsview/thirdparty/@vue/compiler-sfc/jsview-style-checker.cjs');
+const { Logger } = projectRequire('@shijiu/jsview/tools/jsview-logger.cjs');
+
 const processorLangList = [
     'less',
     'sass',
@@ -110,7 +113,9 @@ function ensureSfcDescriptorImpl(descriptor) {
     // Logger.Debug('insert a empty script.');
     descriptor.script = {
         type: 'script',
-        content: 'export default {}\n',
+        // Vite plugin-vue 会在后续拼接统一的 export default，
+        // 这里仅提供 _sfc_main 占位，避免重复默认导出导致语法错误。
+        content: '',
         loc: {
             source: '',
             start: { column: 0, line: 0, offset: 0 },

package/{patches/node_modules/@vue/compiler-sfc/dist/jsview-style-checker.js → thirdparty/@vue/compiler-sfc/jsview-style-checker.cjs}

@@ -1,10 +1,15 @@
+/*
+ * QCode Added
+ */
+'use strict';
+
+const { Logger } = require('../../../tools/jsview-logger.cjs');
 const {
   StyleFormator,
   StyleName,
   StyleValue,
   StyleVariable
 } = require("./jsview-style-formator.cjs");
-const { Logger } = require('@shijiu/jsview/tools/jsview-logger');
 
 class StyleChecker {
   static GetFormattedValue(fileName, propName, propValue) {

package/{patches/node_modules/@vue/compiler-sfc/dist/jsview-style-formator.cjs.js → thirdparty/@vue/compiler-sfc/jsview-style-formator.cjs}

@@ -1,3 +1,6 @@
+/*
+ * QCode Added
+ */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/thirdparty/@vue/runtime-core/jsview-render-break.mjs

@@ -0,0 +1,189 @@
+/*
+ * QCode Added
+ */
+'use strict';
+
+const jsvDelayQueue = [];
+let jsvPendingForFirstDelayRender = false;
+let jsvDelayQueueTimer = 0;
+let jsvDelayQueueTaskToken = 1;
+const jsvDelayQueueRecord = [];
+let JsvRenderCount = 0;
+
+function jsvSliceDelayQueue(queue)
+{
+	let delayQueueSize = jsvDelayQueue?.length ?? 0;
+
+	if (jsvDelayQueue.length > 0 && !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++;
+	}
+
+	return delayQueueSize;
+}
+
+function jsvPostDelayQueue(queueFlush)
+{
+	//重置允许描画的个数
+	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);
+	}
+}
+
+function jsvRemoveNodeIfRenderBreaked(vnode)
+{
+	// 前一次的patch被打断
+
+	// anchor和container要从vnode中还原出来
+	const jsvContainer = vnode.jsvRenderBreaker.patchPack.container;
+	const jsvAnchor = vnode.jsvRenderBreaker.patchPack.anchor;
+
+	// 释放renderBreak时，创建出来的占位element
+	if (vnode.el) {
+		vnode.el.parentNode.removeChild(vnode.el);
+		vnode.el = null;
+	}
+
+	return {
+		jsvContainer,
+		jsvAnchor,
+	};
+}
+
+function jsvCancelPatchIfRenderBreaked(vnode, options, container, anchor, parentComponent)
+{
+	if (vnode.key == "__QcodeJsviewMetroWidgetSlot" 
+	&& (jsvPendingForFirstDelayRender 
+		|| window.JsvCode.Dom.IsLazyTaskQueueOverLoad()
+		|| window.JsView?.hasPendingUserInput?.()) 
+	&& JsvRenderCount >= (window.JsView?.getInstantRenderNum?.() ?? 0)) {
+		const { insert: hostInsert, createComment: hostCreateComment } = options;
+
+		// 创建Comment节点, 以解决el释放可能出错问题
+		// 同时存储el以便给父节点进行属性链接
+		hostInsert((vnode.el = hostCreateComment('')), container, anchor)
+		vnode.anchor = anchor;
+
+		vnode.jsvRenderBreaker = {
+			breaked: true,
+			patchPack: {
+				container,
+				anchor, // 可能获取从fragment提交过来的anchor
+			}
+		};
+
+		// TODO: 有时候children[0]不存在
+		// TODO: 为什么需要对children[0]进行设置？是否是考虑patch时第一子节点不递归的问题, 需要vue版本升级时重新评估                
+		if (vnode.children?.[0]?.key === "__QcodeJsviewMetroWidgetSlot") {
+			vnode.children[0].anchor = anchor;
+			vnode.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 true;
+	}
+	JsvRenderCount++;
+
+	return false;
+}
+
+function jsvUpdatePatchNode(prevTree, hostParentNode, getNextHostNode)
+{
+	let parentNode;
+	let nextHostNode;
+	if (prevTree.jsvRenderBreaker?.breaked) {
+		// parentNode = hostParentNode(prevTree.el);
+		// nextHostNode = getNextHostNode(prevTree);
+		parentNode = prevTree.jsvRenderBreaker.patchPack.container;
+		nextHostNode = prevTree.jsvRenderBreaker.patchPack.anchor;
+
+		if (nextHostNode && nextHostNode.parent != parentNode) {
+			// anchor失效了
+			// console.warn("QCodeDrop lost anchor for anchor.parent=", nextHostNode.parent);
+			nextHostNode = null;
+		}
+	} else if (prevTree.jsvPatchedFlag) {
+		// if (!prevTree.el) {
+		//     console.log("QCodeDrop element lost...");
+		// }
+		parentNode = hostParentNode(prevTree.el);
+		nextHostNode = getNextHostNode(prevTree);
+	} else {
+		console.warn("QCodeDrop update with no patched item, use default set");
+		// parentNode = container;
+		// nextHostNode = anchor;
+		return null;
+	}
+
+	return {
+		parentNode,
+		nextHostNode,
+	};
+}
+
+function jsvResetPatchNode(vnode)
+{
+	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;
+	}
+}
+
+export {
+	jsvSliceDelayQueue,
+	jsvPostDelayQueue,
+	jsvRemoveNodeIfRenderBreaked,
+	jsvCancelPatchIfRenderBreaked,
+	jsvUpdatePatchNode,
+	jsvResetPatchNode,
+}