@shijiu/jsview 2.1.200 → 2.1.339-test.0

package/patches/node_modules/@vitejs/plugin-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-vue",
-  "version": "4.0.0",
+  "version": "5.0.3",
   "license": "MIT",
   "author": "Evan You",
   "files": [
@@ -11,19 +11,12 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     }
   },
-  "scripts": {
-    "dev": "unbuild --stub",
-    "build": "unbuild && pnpm run patch-cjs",
-    "patch-cjs": "tsx ../../scripts/patchCJS.ts",
-    "prepublishOnly": "npm run build"
-  },
   "engines": {
-    "node": "^14.18.0 || >=16.0.0"
+    "node": "^18.0.0 || >=20.0.0"
   },
   "repository": {
     "type": "git",
@@ -35,17 +28,22 @@
   },
   "homepage": "https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#readme",
   "peerDependencies": {
-    "vite": "^4.0.0",
+    "vite": "^5.0.0",
     "vue": "^3.2.25"
   },
   "devDependencies": {
-    "@jridgewell/gen-mapping": "^0.3.2",
-    "@jridgewell/trace-mapping": "^0.3.17",
+    "@jridgewell/gen-mapping": "^0.3.3",
+    "@jridgewell/trace-mapping": "^0.3.20",
     "debug": "^4.3.4",
-    "rollup": "^3.7.0",
-    "slash": "^5.0.0",
-    "source-map": "^0.6.1",
-    "vite": "^4.0.0",
-    "vue": "^3.2.45"
+    "rollup": "^4.9.2",
+    "slash": "^5.1.0",
+    "source-map-js": "^1.0.2",
+    "vite": "^5.0.10",
+    "vue": "^3.4.5"
+  },
+  "scripts": {
+    "dev": "unbuild --stub",
+    "build": "unbuild && pnpm run patch-cjs",
+    "patch-cjs": "tsx ../../scripts/patchCJS.ts"
   }
-}
+}

package/patches/node_modules/@vue/compiler-sfc/dist/jsview-css-to-js.js

@@ -41,7 +41,7 @@ function compileCssToJs(sfc, options) {
         const compiledJsContent = compileCssToJsImpl(sfc, options)
         return compiledJsContent;
     } catch (exception) {
-        Logger.ErrorAndThrow(Logger.GetFileTag(sfc.filename), 'Failed to call compileCssToJs()!');
+        Logger.ErrorAndExit(Logger.GetFileTag(sfc.filename), 'Failed to call compileCssToJs()!', exception);
     }
 }
 
@@ -444,6 +444,12 @@ function parseUnscopedStyleSheets(node, selector, declarations, scopedId) {
     let styleRules = {};
 
     for (let [name, value] of Object.entries(declarations)) {
+        if (name == 'objectFit' || name == 'overflow') {
+            // 因为<style>标签中添加objectFit和overflow的操作滞后于Element的ClipView创建，
+            // 所以 class 不支持'objectFit' 和 styleName == 'overflow'
+            const errMsg = "Unimplemented style name: " + name + ", please set the " + name + " attribute directly in the element's style.";
+            Logger.Warn(Logger.GetFileTag(node.source.input.file), errMsg);
+        }
         if (value instanceof Array) { // 同一个name定义了多次
             Logger.Warn(Logger.GetFileTag(node.source.input.file), 'Multi defined CSS name "' + name + '" from ' + selector + '.\n');
             value = value[value.length - 1];
@@ -478,4 +484,4 @@ function parseUnscopedStyleSheets(node, selector, declarations, scopedId) {
 
 exports.ensureSfcDescriptor = ensureSfcDescriptor;
 exports.compileCssToJs = compileCssToJs;
-// exports.compileAndSaveImportedNode = compileAndSaveImportedNode;
+// exports.compileAndSaveImportedNode = compileAndSaveImportedNode;

package/patches/node_modules/@vue/compiler-sfc/dist/jsview-style-checker.js

@@ -33,7 +33,7 @@ class StyleChecker {
       case StyleName.Effect.ClipPath:
       case StyleName.Effect.Display:
       case StyleName.Effect.ObjectFit:
-      case StyleName.Effect.Opacity:
+      // case StyleName.Effect.Opacity:
       case StyleName.Effect.Overflow:
       case StyleName.Effect.Perspective:
       case StyleName.Effect.PerspectiveOrigin:
@@ -139,9 +139,9 @@ class StyleChecker {
   static #GetEffectValue(fileName, propName, propValue) {
     let formattedValue = null;
     switch (propName) {
-      case StyleName.Effect.Opacity:
-        formattedValue = StyleFormator.ConvertToFloat(propName, propValue);
-        break;
+      // case StyleName.Effect.Opacity:
+      //   formattedValue = StyleFormator.ConvertToFloat(propName, propValue);
+      //   break;
       case StyleName.Effect.ZIndex:
         formattedValue = StyleFormator.ConvertToInt32(propName, propValue);
         break;

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

@@ -156,6 +156,7 @@ class StyleName {
     static Motion = class {
         static Animation = "animation";
         static Transition = "transition";
+        static AnimationFillMode = "animationFillMode";
         constructor() { throw new Error("new StyleName.Motion() is forbidden."); }
     };
     static HasGetterMethod(name) {
@@ -301,6 +302,9 @@ class StyleName {
         else if (name == StyleName.Motion.Transition) {
             return StyleName.Motion.Transition;
         }
+        else if (name == StyleName.Motion.AnimationFillMode) {
+            return StyleName.Motion.AnimationFillMode;
+        }
         return null;
     }
     constructor() { throw new Error("new StyleName() is forbidden."); }
@@ -1204,3 +1208,4 @@ exports.StyleFormator = StyleFormator;
 exports.StyleName = StyleName;
 exports.StyleValue = StyleValue;
 exports.StyleVariable = StyleVariable;
+//# sourceMappingURL=jsview-style-formator.cjs.js.map

package/patches/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js

@@ -1143,7 +1143,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
@@ -5707,6 +5714,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;
@@ -5794,9 +5804,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;
@@ -5899,6 +5916,9 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((process.env.NODE_ENV !== 'production')) {
                     popWarningContext();
                 }
+                // JsView Added >>>
+                endMeasure(instance, "reactive");
+                // JsView Added <<<
             }
         };
         // create reactive effect for rendering