@vue/language-core 3.3.3 → 3.3.4

package/lib/codegen/template/element.js

@@ -219,9 +219,14 @@ function* generateComponent(options, ctx, node) {
         }
     }
     if (shouldInheritAttrs) {
-        const restsVar = ctx.getInternalVariable();
-        yield `var ${restsVar} = ${names_1.names.omit}(${getPropsVar()}, {\n${propsStr}})${utils_1.endOfLine}`;
-        ctx.inheritedAttrVars.add(restsVar);
+        if (options.vueCompilerOptions.checkRequiredFallthroughAttributes) {
+            const restsVar = ctx.getInternalVariable();
+            yield `var ${restsVar} = ${names_1.names.omit}(${getPropsVar()}, {\n${propsStr}})${utils_1.endOfLine}`;
+            ctx.inheritedAttrVars.add(restsVar);
+        }
+        else {
+            ctx.inheritedAttrVars.add(getPropsVar());
+        }
     }
     yield* generateStyleScopedClassReferences(options, node);
     const slotDir = node.props.find(CompilerDOM.isVSlot);

package/lib/codegen/template/elementEvents.js

@@ -47,7 +47,7 @@ const boundary_1 = require("../utils/boundary");
 const camelized_1 = require("../utils/camelized");
 const interpolation_1 = require("./interpolation");
 function* generateElementEvents(options, ctx, node, componentOriginalVar, getCtxVar, getPropsVar) {
-    let emitsVar;
+    const definitions = [];
     for (const prop of node.props) {
         if (prop.type === CompilerDOM.NodeTypes.DIRECTIVE
             && (prop.name === 'on'
@@ -55,12 +55,8 @@ function* generateElementEvents(options, ctx, node, componentOriginalVar, getCtx
                 || options.vueCompilerOptions.strictVModel
                     && prop.name === 'model'
                     && (!prop.arg || prop.arg.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic))) {
-            if (!emitsVar) {
-                emitsVar = ctx.getInternalVariable();
-                yield `let ${emitsVar}!: ${names_1.names.ResolveEmits}<typeof ${componentOriginalVar}, typeof ${getCtxVar()}.emit>${utils_1.endOfLine}`;
-            }
             let source = prop.arg?.loc.source ?? 'model-value';
-            let start = prop.arg?.loc.start.offset;
+            let offset = prop.arg?.loc.start.offset;
             let propPrefix = 'on-';
             let emitPrefix = '';
             if (prop.name === 'model') {
@@ -69,32 +65,55 @@ function* generateElementEvents(options, ctx, node, componentOriginalVar, getCtx
             }
             else if (source.startsWith('vue:')) {
                 source = source.slice('vue:'.length);
-                start = start + 'vue:'.length;
+                offset = offset + 'vue:'.length;
                 propPrefix = 'onVnode-';
                 emitPrefix = 'vnode-';
             }
             const propName = (0, shared_1.camelize)(propPrefix + source);
             const emitName = emitPrefix + source;
-            const camelizedEmitName = (0, shared_1.camelize)(emitName);
-            yield `const ${ctx.getInternalVariable()}: ${names_1.names.NormalizeComponentEvent}<typeof ${getPropsVar()}, typeof ${emitsVar}, '${propName}', '${emitName}', '${camelizedEmitName}'> = (${utils_1.newLine}`;
-            if (prop.name === 'on') {
-                yield `{ `;
-                yield* generateEventArg(options, source, start, emitPrefix.slice(0, -1), codeFeatures_1.codeFeatures.navigation);
-                yield `: {} as any } as typeof ${emitsVar},${utils_1.newLine}`;
-            }
-            yield `{ `;
-            if (prop.name === 'on') {
-                yield* generateEventArg(options, source, start, propPrefix.slice(0, -1));
-                yield `: `;
-                yield* generateEventExpression(options, ctx, prop);
-            }
-            else {
-                yield `'${propName}': `;
-                yield* generateModelEventExpression(options, ctx, prop);
-            }
-            yield `})${utils_1.endOfLine}`;
+            definitions.push({
+                prop,
+                source,
+                offset,
+                emitPrefix,
+                propPrefix,
+                propName,
+                emitName,
+            });
+        }
+    }
+    if (!definitions.length) {
+        return;
+    }
+    const emitsVar = ctx.getInternalVariable();
+    yield `let ${emitsVar}!: ${names_1.names.ResolveEmits}<typeof ${componentOriginalVar}, typeof ${getCtxVar()}.emit>${utils_1.endOfLine}`;
+    yield `const ${ctx.getInternalVariable()}: `;
+    for (let i = 0; i < definitions.length; i++) {
+        const { propName, emitName } = definitions[i];
+        if (i > 0) {
+            yield ` & `;
+        }
+        yield `${names_1.names.NormalizeComponentEvent}<typeof ${getPropsVar()}, typeof ${emitsVar}, '${propName}', '${emitName}', '${(0, shared_1.camelize)(emitName)}'>`;
+    }
+    yield ` = {${utils_1.newLine}`;
+    for (const { prop, source, offset, emitPrefix, propPrefix, propName } of definitions) {
+        if (prop.name === 'on') {
+            yield `...{ `;
+            yield* generateEventArg(options, source, offset, emitPrefix.slice(0, -1), codeFeatures_1.codeFeatures.navigation);
+            yield `: {} as any } as typeof ${emitsVar},${utils_1.newLine}`;
+        }
+        if (prop.name === 'on') {
+            yield* generateEventArg(options, source, offset, propPrefix.slice(0, -1));
+            yield `: `;
+            yield* generateEventExpression(options, ctx, prop);
+        }
+        else {
+            yield `'${propName}': `;
+            yield* generateModelEventExpression(options, ctx, prop);
         }
+        yield `,${utils_1.newLine}`;
     }
+    yield `}${utils_1.endOfLine}`;
 }
 function* generateEventArg(options, name, start, directive = 'on', features) {
     features ??= {

package/lib/codegen/template/elementProps.js

@@ -239,7 +239,8 @@ function getShouldCamelize(options, node, prop, propName) {
         || node.tagType === CompilerDOM.ElementTypes.SLOT) && (prop.type !== CompilerDOM.NodeTypes.DIRECTIVE
         || prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)
         && (0, shared_2.hyphenateAttr)(propName) === propName
-        && !options.vueCompilerOptions.htmlAttributes.some(pattern => (0, picomatch_1.isMatch)(propName, pattern));
+        && (node.tagType === CompilerDOM.ElementTypes.SLOT
+            || !options.vueCompilerOptions.htmlAttributes.some(pattern => (0, picomatch_1.isMatch)(propName, pattern)));
 }
 function getPropsCodeFeatures(checkUnknownProps) {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-core",
-	"version": "3.3.3",
+	"version": "3.3.4",
 	"license": "MIT",
 	"files": [
 		"index.d.ts",
@@ -34,5 +34,5 @@
 		"@volar/typescript": "2.4.28",
 		"@vue/compiler-sfc": "^3.5.0"
 	},
-	"gitHead": "5c41b5f8637c29551e7f3f1e0674606e5963cd0a"
+	"gitHead": "043a77b6182db32f4076f84a767c1c674ef2b149"
 }