Compare commits
No commits in common. 'main' and 'main' have entirely different histories.
@ -1,24 +0,0 @@
|
|||||||
# Logs
|
|
||||||
logs
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
pnpm-debug.log*
|
|
||||||
lerna-debug.log*
|
|
||||||
|
|
||||||
node_modules
|
|
||||||
dist
|
|
||||||
dist-ssr
|
|
||||||
*.local
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.vscode/*
|
|
||||||
!.vscode/extensions.json
|
|
||||||
.idea
|
|
||||||
.DS_Store
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
*.sw?
|
|
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"recommendations": ["Vue.volar"]
|
|
||||||
}
|
|
@ -1,5 +0,0 @@
|
|||||||
# Vue 3 + Vite
|
|
||||||
|
|
||||||
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
||||||
|
|
||||||
Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
|
|
@ -1,13 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Vite + Vue</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
|
||||||
<script type="module" src="/src/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Binary file not shown.
BIN
calculator/node_modules/@rollup/rollup-win32-x64-msvc/rollup.win32-x64-msvc.node
generated
vendored
BIN
calculator/node_modules/@rollup/rollup-win32-x64-msvc/rollup.win32-x64-msvc.node
generated
vendored
Binary file not shown.
@ -1,21 +0,0 @@
|
|||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) Microsoft Corporation.
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE
|
|
@ -1,15 +0,0 @@
|
|||||||
# Installation
|
|
||||||
> `npm install --save @types/estree`
|
|
||||||
|
|
||||||
# Summary
|
|
||||||
This package contains type definitions for estree (https://github.com/estree/estree).
|
|
||||||
|
|
||||||
# Details
|
|
||||||
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/estree.
|
|
||||||
|
|
||||||
### Additional Details
|
|
||||||
* Last updated: Mon, 06 Nov 2023 22:41:05 GMT
|
|
||||||
* Dependencies: none
|
|
||||||
|
|
||||||
# Credits
|
|
||||||
These definitions were written by [RReverser](https://github.com/RReverser).
|
|
@ -1,167 +0,0 @@
|
|||||||
declare namespace ESTree {
|
|
||||||
interface FlowTypeAnnotation extends Node {}
|
|
||||||
|
|
||||||
interface FlowBaseTypeAnnotation extends FlowTypeAnnotation {}
|
|
||||||
|
|
||||||
interface FlowLiteralTypeAnnotation extends FlowTypeAnnotation, Literal {}
|
|
||||||
|
|
||||||
interface FlowDeclaration extends Declaration {}
|
|
||||||
|
|
||||||
interface AnyTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
|
|
||||||
interface ArrayTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
elementType: FlowTypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface BooleanLiteralTypeAnnotation extends FlowLiteralTypeAnnotation {}
|
|
||||||
|
|
||||||
interface BooleanTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
|
|
||||||
interface ClassImplements extends Node {
|
|
||||||
id: Identifier;
|
|
||||||
typeParameters?: TypeParameterInstantiation | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ClassProperty {
|
|
||||||
key: Expression;
|
|
||||||
value?: Expression | null;
|
|
||||||
typeAnnotation?: TypeAnnotation | null;
|
|
||||||
computed: boolean;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface DeclareClass extends FlowDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
typeParameters?: TypeParameterDeclaration | null;
|
|
||||||
body: ObjectTypeAnnotation;
|
|
||||||
extends: InterfaceExtends[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface DeclareFunction extends FlowDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface DeclareModule extends FlowDeclaration {
|
|
||||||
id: Literal | Identifier;
|
|
||||||
body: BlockStatement;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface DeclareVariable extends FlowDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface FunctionTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
params: FunctionTypeParam[];
|
|
||||||
returnType: FlowTypeAnnotation;
|
|
||||||
rest?: FunctionTypeParam | null;
|
|
||||||
typeParameters?: TypeParameterDeclaration | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface FunctionTypeParam {
|
|
||||||
name: Identifier;
|
|
||||||
typeAnnotation: FlowTypeAnnotation;
|
|
||||||
optional: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface GenericTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
id: Identifier | QualifiedTypeIdentifier;
|
|
||||||
typeParameters?: TypeParameterInstantiation | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface InterfaceExtends extends Node {
|
|
||||||
id: Identifier | QualifiedTypeIdentifier;
|
|
||||||
typeParameters?: TypeParameterInstantiation | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface InterfaceDeclaration extends FlowDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
typeParameters?: TypeParameterDeclaration | null;
|
|
||||||
extends: InterfaceExtends[];
|
|
||||||
body: ObjectTypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface IntersectionTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
types: FlowTypeAnnotation[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface MixedTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
|
|
||||||
interface NullableTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
typeAnnotation: TypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface NumberLiteralTypeAnnotation extends FlowLiteralTypeAnnotation {}
|
|
||||||
|
|
||||||
interface NumberTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
|
|
||||||
interface StringLiteralTypeAnnotation extends FlowLiteralTypeAnnotation {}
|
|
||||||
|
|
||||||
interface StringTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
|
|
||||||
interface TupleTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
types: FlowTypeAnnotation[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeofTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
argument: FlowTypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeAlias extends FlowDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
typeParameters?: TypeParameterDeclaration | null;
|
|
||||||
right: FlowTypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeAnnotation extends Node {
|
|
||||||
typeAnnotation: FlowTypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeCastExpression extends Expression {
|
|
||||||
expression: Expression;
|
|
||||||
typeAnnotation: TypeAnnotation;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeParameterDeclaration extends Node {
|
|
||||||
params: Identifier[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface TypeParameterInstantiation extends Node {
|
|
||||||
params: FlowTypeAnnotation[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ObjectTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
properties: ObjectTypeProperty[];
|
|
||||||
indexers: ObjectTypeIndexer[];
|
|
||||||
callProperties: ObjectTypeCallProperty[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ObjectTypeCallProperty extends Node {
|
|
||||||
value: FunctionTypeAnnotation;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ObjectTypeIndexer extends Node {
|
|
||||||
id: Identifier;
|
|
||||||
key: FlowTypeAnnotation;
|
|
||||||
value: FlowTypeAnnotation;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ObjectTypeProperty extends Node {
|
|
||||||
key: Expression;
|
|
||||||
value: FlowTypeAnnotation;
|
|
||||||
optional: boolean;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface QualifiedTypeIdentifier extends Node {
|
|
||||||
qualification: Identifier | QualifiedTypeIdentifier;
|
|
||||||
id: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface UnionTypeAnnotation extends FlowTypeAnnotation {
|
|
||||||
types: FlowTypeAnnotation[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface VoidTypeAnnotation extends FlowBaseTypeAnnotation {}
|
|
||||||
}
|
|
@ -1,683 +0,0 @@
|
|||||||
// This definition file follows a somewhat unusual format. ESTree allows
|
|
||||||
// runtime type checks based on the `type` parameter. In order to explain this
|
|
||||||
// to typescript we want to use discriminated union types:
|
|
||||||
// https://github.com/Microsoft/TypeScript/pull/9163
|
|
||||||
//
|
|
||||||
// For ESTree this is a bit tricky because the high level interfaces like
|
|
||||||
// Node or Function are pulling double duty. We want to pass common fields down
|
|
||||||
// to the interfaces that extend them (like Identifier or
|
|
||||||
// ArrowFunctionExpression), but you can't extend a type union or enforce
|
|
||||||
// common fields on them. So we've split the high level interfaces into two
|
|
||||||
// types, a base type which passes down inherited fields, and a type union of
|
|
||||||
// all types which extend the base type. Only the type union is exported, and
|
|
||||||
// the union is how other types refer to the collection of inheriting types.
|
|
||||||
//
|
|
||||||
// This makes the definitions file here somewhat more difficult to maintain,
|
|
||||||
// but it has the notable advantage of making ESTree much easier to use as
|
|
||||||
// an end user.
|
|
||||||
|
|
||||||
export interface BaseNodeWithoutComments {
|
|
||||||
// Every leaf interface that extends BaseNode must specify a type property.
|
|
||||||
// The type property should be a string literal. For example, Identifier
|
|
||||||
// has: `type: "Identifier"`
|
|
||||||
type: string;
|
|
||||||
loc?: SourceLocation | null | undefined;
|
|
||||||
range?: [number, number] | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BaseNode extends BaseNodeWithoutComments {
|
|
||||||
leadingComments?: Comment[] | undefined;
|
|
||||||
trailingComments?: Comment[] | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface NodeMap {
|
|
||||||
AssignmentProperty: AssignmentProperty;
|
|
||||||
CatchClause: CatchClause;
|
|
||||||
Class: Class;
|
|
||||||
ClassBody: ClassBody;
|
|
||||||
Expression: Expression;
|
|
||||||
Function: Function;
|
|
||||||
Identifier: Identifier;
|
|
||||||
Literal: Literal;
|
|
||||||
MethodDefinition: MethodDefinition;
|
|
||||||
ModuleDeclaration: ModuleDeclaration;
|
|
||||||
ModuleSpecifier: ModuleSpecifier;
|
|
||||||
Pattern: Pattern;
|
|
||||||
PrivateIdentifier: PrivateIdentifier;
|
|
||||||
Program: Program;
|
|
||||||
Property: Property;
|
|
||||||
PropertyDefinition: PropertyDefinition;
|
|
||||||
SpreadElement: SpreadElement;
|
|
||||||
Statement: Statement;
|
|
||||||
Super: Super;
|
|
||||||
SwitchCase: SwitchCase;
|
|
||||||
TemplateElement: TemplateElement;
|
|
||||||
VariableDeclarator: VariableDeclarator;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Node = NodeMap[keyof NodeMap];
|
|
||||||
|
|
||||||
export interface Comment extends BaseNodeWithoutComments {
|
|
||||||
type: "Line" | "Block";
|
|
||||||
value: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SourceLocation {
|
|
||||||
source?: string | null | undefined;
|
|
||||||
start: Position;
|
|
||||||
end: Position;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Position {
|
|
||||||
/** >= 1 */
|
|
||||||
line: number;
|
|
||||||
/** >= 0 */
|
|
||||||
column: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Program extends BaseNode {
|
|
||||||
type: "Program";
|
|
||||||
sourceType: "script" | "module";
|
|
||||||
body: Array<Directive | Statement | ModuleDeclaration>;
|
|
||||||
comments?: Comment[] | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Directive extends BaseNode {
|
|
||||||
type: "ExpressionStatement";
|
|
||||||
expression: Literal;
|
|
||||||
directive: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BaseFunction extends BaseNode {
|
|
||||||
params: Pattern[];
|
|
||||||
generator?: boolean | undefined;
|
|
||||||
async?: boolean | undefined;
|
|
||||||
// The body is either BlockStatement or Expression because arrow functions
|
|
||||||
// can have a body that's either. FunctionDeclarations and
|
|
||||||
// FunctionExpressions have only BlockStatement bodies.
|
|
||||||
body: BlockStatement | Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Function = FunctionDeclaration | FunctionExpression | ArrowFunctionExpression;
|
|
||||||
|
|
||||||
export type Statement =
|
|
||||||
| ExpressionStatement
|
|
||||||
| BlockStatement
|
|
||||||
| StaticBlock
|
|
||||||
| EmptyStatement
|
|
||||||
| DebuggerStatement
|
|
||||||
| WithStatement
|
|
||||||
| ReturnStatement
|
|
||||||
| LabeledStatement
|
|
||||||
| BreakStatement
|
|
||||||
| ContinueStatement
|
|
||||||
| IfStatement
|
|
||||||
| SwitchStatement
|
|
||||||
| ThrowStatement
|
|
||||||
| TryStatement
|
|
||||||
| WhileStatement
|
|
||||||
| DoWhileStatement
|
|
||||||
| ForStatement
|
|
||||||
| ForInStatement
|
|
||||||
| ForOfStatement
|
|
||||||
| Declaration;
|
|
||||||
|
|
||||||
export interface BaseStatement extends BaseNode {}
|
|
||||||
|
|
||||||
export interface EmptyStatement extends BaseStatement {
|
|
||||||
type: "EmptyStatement";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BlockStatement extends BaseStatement {
|
|
||||||
type: "BlockStatement";
|
|
||||||
body: Statement[];
|
|
||||||
innerComments?: Comment[] | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface StaticBlock extends Omit<BlockStatement, "type"> {
|
|
||||||
type: "StaticBlock";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExpressionStatement extends BaseStatement {
|
|
||||||
type: "ExpressionStatement";
|
|
||||||
expression: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface IfStatement extends BaseStatement {
|
|
||||||
type: "IfStatement";
|
|
||||||
test: Expression;
|
|
||||||
consequent: Statement;
|
|
||||||
alternate?: Statement | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface LabeledStatement extends BaseStatement {
|
|
||||||
type: "LabeledStatement";
|
|
||||||
label: Identifier;
|
|
||||||
body: Statement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BreakStatement extends BaseStatement {
|
|
||||||
type: "BreakStatement";
|
|
||||||
label?: Identifier | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ContinueStatement extends BaseStatement {
|
|
||||||
type: "ContinueStatement";
|
|
||||||
label?: Identifier | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface WithStatement extends BaseStatement {
|
|
||||||
type: "WithStatement";
|
|
||||||
object: Expression;
|
|
||||||
body: Statement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SwitchStatement extends BaseStatement {
|
|
||||||
type: "SwitchStatement";
|
|
||||||
discriminant: Expression;
|
|
||||||
cases: SwitchCase[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ReturnStatement extends BaseStatement {
|
|
||||||
type: "ReturnStatement";
|
|
||||||
argument?: Expression | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ThrowStatement extends BaseStatement {
|
|
||||||
type: "ThrowStatement";
|
|
||||||
argument: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TryStatement extends BaseStatement {
|
|
||||||
type: "TryStatement";
|
|
||||||
block: BlockStatement;
|
|
||||||
handler?: CatchClause | null | undefined;
|
|
||||||
finalizer?: BlockStatement | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface WhileStatement extends BaseStatement {
|
|
||||||
type: "WhileStatement";
|
|
||||||
test: Expression;
|
|
||||||
body: Statement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface DoWhileStatement extends BaseStatement {
|
|
||||||
type: "DoWhileStatement";
|
|
||||||
body: Statement;
|
|
||||||
test: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ForStatement extends BaseStatement {
|
|
||||||
type: "ForStatement";
|
|
||||||
init?: VariableDeclaration | Expression | null | undefined;
|
|
||||||
test?: Expression | null | undefined;
|
|
||||||
update?: Expression | null | undefined;
|
|
||||||
body: Statement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BaseForXStatement extends BaseStatement {
|
|
||||||
left: VariableDeclaration | Pattern;
|
|
||||||
right: Expression;
|
|
||||||
body: Statement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ForInStatement extends BaseForXStatement {
|
|
||||||
type: "ForInStatement";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface DebuggerStatement extends BaseStatement {
|
|
||||||
type: "DebuggerStatement";
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Declaration = FunctionDeclaration | VariableDeclaration | ClassDeclaration;
|
|
||||||
|
|
||||||
export interface BaseDeclaration extends BaseStatement {}
|
|
||||||
|
|
||||||
export interface MaybeNamedFunctionDeclaration extends BaseFunction, BaseDeclaration {
|
|
||||||
type: "FunctionDeclaration";
|
|
||||||
/** It is null when a function declaration is a part of the `export default function` statement */
|
|
||||||
id: Identifier | null;
|
|
||||||
body: BlockStatement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface FunctionDeclaration extends MaybeNamedFunctionDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface VariableDeclaration extends BaseDeclaration {
|
|
||||||
type: "VariableDeclaration";
|
|
||||||
declarations: VariableDeclarator[];
|
|
||||||
kind: "var" | "let" | "const";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface VariableDeclarator extends BaseNode {
|
|
||||||
type: "VariableDeclarator";
|
|
||||||
id: Pattern;
|
|
||||||
init?: Expression | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExpressionMap {
|
|
||||||
ArrayExpression: ArrayExpression;
|
|
||||||
ArrowFunctionExpression: ArrowFunctionExpression;
|
|
||||||
AssignmentExpression: AssignmentExpression;
|
|
||||||
AwaitExpression: AwaitExpression;
|
|
||||||
BinaryExpression: BinaryExpression;
|
|
||||||
CallExpression: CallExpression;
|
|
||||||
ChainExpression: ChainExpression;
|
|
||||||
ClassExpression: ClassExpression;
|
|
||||||
ConditionalExpression: ConditionalExpression;
|
|
||||||
FunctionExpression: FunctionExpression;
|
|
||||||
Identifier: Identifier;
|
|
||||||
ImportExpression: ImportExpression;
|
|
||||||
Literal: Literal;
|
|
||||||
LogicalExpression: LogicalExpression;
|
|
||||||
MemberExpression: MemberExpression;
|
|
||||||
MetaProperty: MetaProperty;
|
|
||||||
NewExpression: NewExpression;
|
|
||||||
ObjectExpression: ObjectExpression;
|
|
||||||
SequenceExpression: SequenceExpression;
|
|
||||||
TaggedTemplateExpression: TaggedTemplateExpression;
|
|
||||||
TemplateLiteral: TemplateLiteral;
|
|
||||||
ThisExpression: ThisExpression;
|
|
||||||
UnaryExpression: UnaryExpression;
|
|
||||||
UpdateExpression: UpdateExpression;
|
|
||||||
YieldExpression: YieldExpression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Expression = ExpressionMap[keyof ExpressionMap];
|
|
||||||
|
|
||||||
export interface BaseExpression extends BaseNode {}
|
|
||||||
|
|
||||||
export type ChainElement = SimpleCallExpression | MemberExpression;
|
|
||||||
|
|
||||||
export interface ChainExpression extends BaseExpression {
|
|
||||||
type: "ChainExpression";
|
|
||||||
expression: ChainElement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ThisExpression extends BaseExpression {
|
|
||||||
type: "ThisExpression";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ArrayExpression extends BaseExpression {
|
|
||||||
type: "ArrayExpression";
|
|
||||||
elements: Array<Expression | SpreadElement | null>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ObjectExpression extends BaseExpression {
|
|
||||||
type: "ObjectExpression";
|
|
||||||
properties: Array<Property | SpreadElement>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface PrivateIdentifier extends BaseNode {
|
|
||||||
type: "PrivateIdentifier";
|
|
||||||
name: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Property extends BaseNode {
|
|
||||||
type: "Property";
|
|
||||||
key: Expression | PrivateIdentifier;
|
|
||||||
value: Expression | Pattern; // Could be an AssignmentProperty
|
|
||||||
kind: "init" | "get" | "set";
|
|
||||||
method: boolean;
|
|
||||||
shorthand: boolean;
|
|
||||||
computed: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface PropertyDefinition extends BaseNode {
|
|
||||||
type: "PropertyDefinition";
|
|
||||||
key: Expression | PrivateIdentifier;
|
|
||||||
value?: Expression | null | undefined;
|
|
||||||
computed: boolean;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface FunctionExpression extends BaseFunction, BaseExpression {
|
|
||||||
id?: Identifier | null | undefined;
|
|
||||||
type: "FunctionExpression";
|
|
||||||
body: BlockStatement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SequenceExpression extends BaseExpression {
|
|
||||||
type: "SequenceExpression";
|
|
||||||
expressions: Expression[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UnaryExpression extends BaseExpression {
|
|
||||||
type: "UnaryExpression";
|
|
||||||
operator: UnaryOperator;
|
|
||||||
prefix: true;
|
|
||||||
argument: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BinaryExpression extends BaseExpression {
|
|
||||||
type: "BinaryExpression";
|
|
||||||
operator: BinaryOperator;
|
|
||||||
left: Expression;
|
|
||||||
right: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface AssignmentExpression extends BaseExpression {
|
|
||||||
type: "AssignmentExpression";
|
|
||||||
operator: AssignmentOperator;
|
|
||||||
left: Pattern | MemberExpression;
|
|
||||||
right: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UpdateExpression extends BaseExpression {
|
|
||||||
type: "UpdateExpression";
|
|
||||||
operator: UpdateOperator;
|
|
||||||
argument: Expression;
|
|
||||||
prefix: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface LogicalExpression extends BaseExpression {
|
|
||||||
type: "LogicalExpression";
|
|
||||||
operator: LogicalOperator;
|
|
||||||
left: Expression;
|
|
||||||
right: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ConditionalExpression extends BaseExpression {
|
|
||||||
type: "ConditionalExpression";
|
|
||||||
test: Expression;
|
|
||||||
alternate: Expression;
|
|
||||||
consequent: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BaseCallExpression extends BaseExpression {
|
|
||||||
callee: Expression | Super;
|
|
||||||
arguments: Array<Expression | SpreadElement>;
|
|
||||||
}
|
|
||||||
export type CallExpression = SimpleCallExpression | NewExpression;
|
|
||||||
|
|
||||||
export interface SimpleCallExpression extends BaseCallExpression {
|
|
||||||
type: "CallExpression";
|
|
||||||
optional: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface NewExpression extends BaseCallExpression {
|
|
||||||
type: "NewExpression";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MemberExpression extends BaseExpression, BasePattern {
|
|
||||||
type: "MemberExpression";
|
|
||||||
object: Expression | Super;
|
|
||||||
property: Expression | PrivateIdentifier;
|
|
||||||
computed: boolean;
|
|
||||||
optional: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Pattern = Identifier | ObjectPattern | ArrayPattern | RestElement | AssignmentPattern | MemberExpression;
|
|
||||||
|
|
||||||
export interface BasePattern extends BaseNode {}
|
|
||||||
|
|
||||||
export interface SwitchCase extends BaseNode {
|
|
||||||
type: "SwitchCase";
|
|
||||||
test?: Expression | null | undefined;
|
|
||||||
consequent: Statement[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface CatchClause extends BaseNode {
|
|
||||||
type: "CatchClause";
|
|
||||||
param: Pattern | null;
|
|
||||||
body: BlockStatement;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Identifier extends BaseNode, BaseExpression, BasePattern {
|
|
||||||
type: "Identifier";
|
|
||||||
name: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Literal = SimpleLiteral | RegExpLiteral | BigIntLiteral;
|
|
||||||
|
|
||||||
export interface SimpleLiteral extends BaseNode, BaseExpression {
|
|
||||||
type: "Literal";
|
|
||||||
value: string | boolean | number | null;
|
|
||||||
raw?: string | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface RegExpLiteral extends BaseNode, BaseExpression {
|
|
||||||
type: "Literal";
|
|
||||||
value?: RegExp | null | undefined;
|
|
||||||
regex: {
|
|
||||||
pattern: string;
|
|
||||||
flags: string;
|
|
||||||
};
|
|
||||||
raw?: string | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BigIntLiteral extends BaseNode, BaseExpression {
|
|
||||||
type: "Literal";
|
|
||||||
value?: bigint | null | undefined;
|
|
||||||
bigint: string;
|
|
||||||
raw?: string | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type UnaryOperator = "-" | "+" | "!" | "~" | "typeof" | "void" | "delete";
|
|
||||||
|
|
||||||
export type BinaryOperator =
|
|
||||||
| "=="
|
|
||||||
| "!="
|
|
||||||
| "==="
|
|
||||||
| "!=="
|
|
||||||
| "<"
|
|
||||||
| "<="
|
|
||||||
| ">"
|
|
||||||
| ">="
|
|
||||||
| "<<"
|
|
||||||
| ">>"
|
|
||||||
| ">>>"
|
|
||||||
| "+"
|
|
||||||
| "-"
|
|
||||||
| "*"
|
|
||||||
| "/"
|
|
||||||
| "%"
|
|
||||||
| "**"
|
|
||||||
| "|"
|
|
||||||
| "^"
|
|
||||||
| "&"
|
|
||||||
| "in"
|
|
||||||
| "instanceof";
|
|
||||||
|
|
||||||
export type LogicalOperator = "||" | "&&" | "??";
|
|
||||||
|
|
||||||
export type AssignmentOperator =
|
|
||||||
| "="
|
|
||||||
| "+="
|
|
||||||
| "-="
|
|
||||||
| "*="
|
|
||||||
| "/="
|
|
||||||
| "%="
|
|
||||||
| "**="
|
|
||||||
| "<<="
|
|
||||||
| ">>="
|
|
||||||
| ">>>="
|
|
||||||
| "|="
|
|
||||||
| "^="
|
|
||||||
| "&="
|
|
||||||
| "||="
|
|
||||||
| "&&="
|
|
||||||
| "??=";
|
|
||||||
|
|
||||||
export type UpdateOperator = "++" | "--";
|
|
||||||
|
|
||||||
export interface ForOfStatement extends BaseForXStatement {
|
|
||||||
type: "ForOfStatement";
|
|
||||||
await: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Super extends BaseNode {
|
|
||||||
type: "Super";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SpreadElement extends BaseNode {
|
|
||||||
type: "SpreadElement";
|
|
||||||
argument: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ArrowFunctionExpression extends BaseExpression, BaseFunction {
|
|
||||||
type: "ArrowFunctionExpression";
|
|
||||||
expression: boolean;
|
|
||||||
body: BlockStatement | Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface YieldExpression extends BaseExpression {
|
|
||||||
type: "YieldExpression";
|
|
||||||
argument?: Expression | null | undefined;
|
|
||||||
delegate: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TemplateLiteral extends BaseExpression {
|
|
||||||
type: "TemplateLiteral";
|
|
||||||
quasis: TemplateElement[];
|
|
||||||
expressions: Expression[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TaggedTemplateExpression extends BaseExpression {
|
|
||||||
type: "TaggedTemplateExpression";
|
|
||||||
tag: Expression;
|
|
||||||
quasi: TemplateLiteral;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TemplateElement extends BaseNode {
|
|
||||||
type: "TemplateElement";
|
|
||||||
tail: boolean;
|
|
||||||
value: {
|
|
||||||
/** It is null when the template literal is tagged and the text has an invalid escape (e.g. - tag`\unicode and \u{55}`) */
|
|
||||||
cooked?: string | null | undefined;
|
|
||||||
raw: string;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface AssignmentProperty extends Property {
|
|
||||||
value: Pattern;
|
|
||||||
kind: "init";
|
|
||||||
method: boolean; // false
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ObjectPattern extends BasePattern {
|
|
||||||
type: "ObjectPattern";
|
|
||||||
properties: Array<AssignmentProperty | RestElement>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ArrayPattern extends BasePattern {
|
|
||||||
type: "ArrayPattern";
|
|
||||||
elements: Array<Pattern | null>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface RestElement extends BasePattern {
|
|
||||||
type: "RestElement";
|
|
||||||
argument: Pattern;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface AssignmentPattern extends BasePattern {
|
|
||||||
type: "AssignmentPattern";
|
|
||||||
left: Pattern;
|
|
||||||
right: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Class = ClassDeclaration | ClassExpression;
|
|
||||||
export interface BaseClass extends BaseNode {
|
|
||||||
superClass?: Expression | null | undefined;
|
|
||||||
body: ClassBody;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ClassBody extends BaseNode {
|
|
||||||
type: "ClassBody";
|
|
||||||
body: Array<MethodDefinition | PropertyDefinition | StaticBlock>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MethodDefinition extends BaseNode {
|
|
||||||
type: "MethodDefinition";
|
|
||||||
key: Expression | PrivateIdentifier;
|
|
||||||
value: FunctionExpression;
|
|
||||||
kind: "constructor" | "method" | "get" | "set";
|
|
||||||
computed: boolean;
|
|
||||||
static: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MaybeNamedClassDeclaration extends BaseClass, BaseDeclaration {
|
|
||||||
type: "ClassDeclaration";
|
|
||||||
/** It is null when a class declaration is a part of the `export default class` statement */
|
|
||||||
id: Identifier | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ClassDeclaration extends MaybeNamedClassDeclaration {
|
|
||||||
id: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ClassExpression extends BaseClass, BaseExpression {
|
|
||||||
type: "ClassExpression";
|
|
||||||
id?: Identifier | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MetaProperty extends BaseExpression {
|
|
||||||
type: "MetaProperty";
|
|
||||||
meta: Identifier;
|
|
||||||
property: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ModuleDeclaration =
|
|
||||||
| ImportDeclaration
|
|
||||||
| ExportNamedDeclaration
|
|
||||||
| ExportDefaultDeclaration
|
|
||||||
| ExportAllDeclaration;
|
|
||||||
export interface BaseModuleDeclaration extends BaseNode {}
|
|
||||||
|
|
||||||
export type ModuleSpecifier = ImportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier | ExportSpecifier;
|
|
||||||
export interface BaseModuleSpecifier extends BaseNode {
|
|
||||||
local: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ImportDeclaration extends BaseModuleDeclaration {
|
|
||||||
type: "ImportDeclaration";
|
|
||||||
specifiers: Array<ImportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier>;
|
|
||||||
source: Literal;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ImportSpecifier extends BaseModuleSpecifier {
|
|
||||||
type: "ImportSpecifier";
|
|
||||||
imported: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ImportExpression extends BaseExpression {
|
|
||||||
type: "ImportExpression";
|
|
||||||
source: Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ImportDefaultSpecifier extends BaseModuleSpecifier {
|
|
||||||
type: "ImportDefaultSpecifier";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ImportNamespaceSpecifier extends BaseModuleSpecifier {
|
|
||||||
type: "ImportNamespaceSpecifier";
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExportNamedDeclaration extends BaseModuleDeclaration {
|
|
||||||
type: "ExportNamedDeclaration";
|
|
||||||
declaration?: Declaration | null | undefined;
|
|
||||||
specifiers: ExportSpecifier[];
|
|
||||||
source?: Literal | null | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExportSpecifier extends BaseModuleSpecifier {
|
|
||||||
type: "ExportSpecifier";
|
|
||||||
exported: Identifier;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExportDefaultDeclaration extends BaseModuleDeclaration {
|
|
||||||
type: "ExportDefaultDeclaration";
|
|
||||||
declaration: MaybeNamedFunctionDeclaration | MaybeNamedClassDeclaration | Expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ExportAllDeclaration extends BaseModuleDeclaration {
|
|
||||||
type: "ExportAllDeclaration";
|
|
||||||
exported: Identifier | null;
|
|
||||||
source: Literal;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface AwaitExpression extends BaseExpression {
|
|
||||||
type: "AwaitExpression";
|
|
||||||
argument: Expression;
|
|
||||||
}
|
|
@ -1,26 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@types/estree",
|
|
||||||
"version": "1.0.5",
|
|
||||||
"description": "TypeScript definitions for estree",
|
|
||||||
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/estree",
|
|
||||||
"license": "MIT",
|
|
||||||
"contributors": [
|
|
||||||
{
|
|
||||||
"name": "RReverser",
|
|
||||||
"githubUsername": "RReverser",
|
|
||||||
"url": "https://github.com/RReverser"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"main": "",
|
|
||||||
"types": "index.d.ts",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/DefinitelyTyped/DefinitelyTyped.git",
|
|
||||||
"directory": "types/estree"
|
|
||||||
},
|
|
||||||
"scripts": {},
|
|
||||||
"dependencies": {},
|
|
||||||
"typesPublisherContentHash": "6f0eeaffe488ce594e73f8df619c677d752a279b51edbc744e4aebb20db4b3a7",
|
|
||||||
"typeScriptVersion": "4.5",
|
|
||||||
"nonNpm": true
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
@ -1,261 +0,0 @@
|
|||||||
# @vitejs/plugin-vue [![npm](https://img.shields.io/npm/v/@vitejs/plugin-vue.svg)](https://npmjs.com/package/@vitejs/plugin-vue)
|
|
||||||
|
|
||||||
> Note: as of `vue` 3.2.13+ and `@vitejs/plugin-vue` 1.9.0+, `@vue/compiler-sfc` is no longer required as a peer dependency.
|
|
||||||
|
|
||||||
```js
|
|
||||||
// vite.config.js
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
plugins: [vue()],
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
For JSX / TSX support, [`@vitejs/plugin-vue-jsx`](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) is also needed.
|
|
||||||
|
|
||||||
## Options
|
|
||||||
|
|
||||||
```ts
|
|
||||||
export interface Options {
|
|
||||||
include?: string | RegExp | (string | RegExp)[]
|
|
||||||
exclude?: string | RegExp | (string | RegExp)[]
|
|
||||||
|
|
||||||
isProduction?: boolean
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Requires @vitejs/plugin-vue@^5.1.0
|
|
||||||
*/
|
|
||||||
features?: {
|
|
||||||
/**
|
|
||||||
* Enable reactive destructure for `defineProps`.
|
|
||||||
* - Available in Vue 3.4 and later.
|
|
||||||
* - **default:** `false` in Vue 3.4 (**experimental**), `true` in Vue 3.5+
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean
|
|
||||||
/**
|
|
||||||
* Transform Vue SFCs into custom elements.
|
|
||||||
* - `true`: all `*.vue` imports are converted into custom elements
|
|
||||||
* - `string | RegExp`: matched files are converted into custom elements
|
|
||||||
* - **default:** /\.ce\.vue$/
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[]
|
|
||||||
/**
|
|
||||||
* Set to `false` to disable Options API support and allow related code in
|
|
||||||
* Vue core to be dropped via dead-code elimination in production builds,
|
|
||||||
* resulting in smaller bundles.
|
|
||||||
* - **default:** `true`
|
|
||||||
*/
|
|
||||||
optionsAPI?: boolean
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable devtools support in production builds.
|
|
||||||
* Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodDevtools?: boolean
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable detailed information for hydration mismatch
|
|
||||||
* errors in production builds. Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodHydrationMismatchDetails?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
// `script`, `template` and `style` are lower-level compiler options
|
|
||||||
// to pass on to respective APIs of `vue/compiler-sfc`
|
|
||||||
|
|
||||||
script?: Partial<
|
|
||||||
Omit<
|
|
||||||
SFCScriptCompileOptions,
|
|
||||||
| 'id'
|
|
||||||
| 'isProd'
|
|
||||||
| 'inlineTemplate'
|
|
||||||
| 'templateOptions'
|
|
||||||
| 'sourceMap'
|
|
||||||
| 'genDefaultAs'
|
|
||||||
| 'customElement'
|
|
||||||
>
|
|
||||||
>
|
|
||||||
|
|
||||||
template?: Partial<
|
|
||||||
Omit<
|
|
||||||
SFCTemplateCompileOptions,
|
|
||||||
| 'id'
|
|
||||||
| 'source'
|
|
||||||
| 'ast'
|
|
||||||
| 'filename'
|
|
||||||
| 'scoped'
|
|
||||||
| 'slotted'
|
|
||||||
| 'isProd'
|
|
||||||
| 'inMap'
|
|
||||||
| 'ssr'
|
|
||||||
| 'ssrCssVars'
|
|
||||||
| 'preprocessLang'
|
|
||||||
>
|
|
||||||
>
|
|
||||||
|
|
||||||
style?: Partial<
|
|
||||||
Omit<
|
|
||||||
SFCStyleCompileOptions,
|
|
||||||
| 'filename'
|
|
||||||
| 'id'
|
|
||||||
| 'isProd'
|
|
||||||
| 'source'
|
|
||||||
| 'scoped'
|
|
||||||
| 'cssDevSourcemap'
|
|
||||||
| 'postcssOptions'
|
|
||||||
| 'map'
|
|
||||||
| 'postcssPlugins'
|
|
||||||
| 'preprocessCustomRequire'
|
|
||||||
| 'preprocessLang'
|
|
||||||
| 'preprocessOptions'
|
|
||||||
>
|
|
||||||
>
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Use custom compiler-sfc instance. Can be used to force a specific version.
|
|
||||||
*/
|
|
||||||
compiler?: typeof _compiler
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.customElement`.
|
|
||||||
*/
|
|
||||||
customElements?: boolean | string | RegExp | (string | RegExp)[]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Asset URL handling
|
|
||||||
|
|
||||||
When `@vitejs/plugin-vue` compiles the `<template>` blocks in SFCs, it also converts any encountered asset URLs into ESM imports.
|
|
||||||
|
|
||||||
For example, the following template snippet:
|
|
||||||
|
|
||||||
```vue
|
|
||||||
<img src="../image.png" />
|
|
||||||
```
|
|
||||||
|
|
||||||
Is the same as:
|
|
||||||
|
|
||||||
```vue
|
|
||||||
<script setup>
|
|
||||||
import _imports_0 from '../image.png'
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<img :src="_imports_0" />
|
|
||||||
```
|
|
||||||
|
|
||||||
By default the following tag/attribute combinations are transformed, and can be configured using the `template.transformAssetUrls` option.
|
|
||||||
|
|
||||||
```js
|
|
||||||
{
|
|
||||||
video: ['src', 'poster'],
|
|
||||||
source: ['src'],
|
|
||||||
img: ['src'],
|
|
||||||
image: ['xlink:href', 'href'],
|
|
||||||
use: ['xlink:href', 'href']
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Note that only attribute values that are static strings are transformed. Otherwise, you'd need to import the asset manually, e.g. `import imgUrl from '../image.png'`.
|
|
||||||
|
|
||||||
## Example for passing options to `vue/compiler-sfc`:
|
|
||||||
|
|
||||||
```ts
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
plugins: [
|
|
||||||
vue({
|
|
||||||
template: {
|
|
||||||
compilerOptions: {
|
|
||||||
// ...
|
|
||||||
},
|
|
||||||
transformAssetUrls: {
|
|
||||||
// ...
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Example for transforming custom blocks
|
|
||||||
|
|
||||||
```ts
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
import yaml from 'js-yaml'
|
|
||||||
|
|
||||||
const vueI18nPlugin = {
|
|
||||||
name: 'vue-i18n',
|
|
||||||
transform(code, id) {
|
|
||||||
// if .vue file don't have <i18n> block, just return
|
|
||||||
if (!/vue&type=i18n/.test(id)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
// parse yaml
|
|
||||||
if (/\.ya?ml$/.test(id)) {
|
|
||||||
code = JSON.stringify(yaml.load(code.trim()))
|
|
||||||
}
|
|
||||||
// mount the value on the i18n property of the component instance
|
|
||||||
return `export default Comp => {
|
|
||||||
Comp.i18n = ${code}
|
|
||||||
}`
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
plugins: [vue(), vueI18nPlugin],
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Create a file named `Demo.vue`, add `lang="yaml"` to the `<i18n>` blocks, then you can use the syntax of `YAML`:
|
|
||||||
|
|
||||||
```vue
|
|
||||||
<template>Hello</template>
|
|
||||||
|
|
||||||
<i18n lang="yaml">
|
|
||||||
message: 'world'
|
|
||||||
fullWord: 'hello world'
|
|
||||||
</i18n>
|
|
||||||
```
|
|
||||||
|
|
||||||
`message` is mounted on the i18n property of the component instance, you can use like this:
|
|
||||||
|
|
||||||
```vue
|
|
||||||
<script setup lang="ts">
|
|
||||||
import Demo from 'components/Demo.vue'
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Demo /> {{ Demo.i18n.message }}
|
|
||||||
<div>{{ Demo.i18n.fullWord }}</div>
|
|
||||||
</template>
|
|
||||||
```
|
|
||||||
|
|
||||||
## Using Vue SFCs as Custom Elements
|
|
||||||
|
|
||||||
> Requires `vue@^3.2.0` & `@vitejs/plugin-vue@^1.4.0`
|
|
||||||
|
|
||||||
Vue 3.2 introduces the `defineCustomElement` method, which works with SFCs. By default, `<style>` tags inside SFCs are extracted and merged into CSS files during build. However when shipping a library of custom elements, it may be desirable to inline the styles as JavaScript strings and inject them into the custom elements' shadow root instead.
|
|
||||||
|
|
||||||
Starting in 1.4.0, files ending with `*.ce.vue` will be compiled in "custom elements" mode: its `<style>` tags are compiled into inlined CSS strings and attached to the component as its `styles` property:
|
|
||||||
|
|
||||||
```js
|
|
||||||
import { defineCustomElement } from 'vue'
|
|
||||||
import Example from './Example.ce.vue'
|
|
||||||
|
|
||||||
console.log(Example.styles) // ['/* css content */']
|
|
||||||
|
|
||||||
// register
|
|
||||||
customElements.define('my-example', defineCustomElement(Example))
|
|
||||||
```
|
|
||||||
|
|
||||||
Note in custom elements mode there is no need to use `<style scoped>` since the CSS is already scoped inside the shadow DOM.
|
|
||||||
|
|
||||||
The `customElement` plugin option can be used to configure the behavior:
|
|
||||||
|
|
||||||
- `{ customElement: true }` will import all `*.vue` files in custom element mode.
|
|
||||||
- Use a string or regex pattern to change how files should be loaded as Custom Elements (this check is applied after `include` and `exclude` matches).
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
MIT
|
|
File diff suppressed because it is too large
Load Diff
@ -1,102 +0,0 @@
|
|||||||
import { ViteDevServer, Plugin } from 'vite';
|
|
||||||
import * as _compiler from 'vue/compiler-sfc';
|
|
||||||
import { SFCScriptCompileOptions, SFCTemplateCompileOptions, SFCStyleCompileOptions } from 'vue/compiler-sfc';
|
|
||||||
|
|
||||||
interface VueQuery {
|
|
||||||
vue?: boolean;
|
|
||||||
src?: string;
|
|
||||||
type?: 'script' | 'template' | 'style' | 'custom';
|
|
||||||
index?: number;
|
|
||||||
lang?: string;
|
|
||||||
raw?: boolean;
|
|
||||||
url?: boolean;
|
|
||||||
scoped?: boolean;
|
|
||||||
id?: string;
|
|
||||||
}
|
|
||||||
declare function parseVueRequest(id: string): {
|
|
||||||
filename: string;
|
|
||||||
query: VueQuery;
|
|
||||||
};
|
|
||||||
|
|
||||||
interface Options {
|
|
||||||
include?: string | RegExp | (string | RegExp)[];
|
|
||||||
exclude?: string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* In Vite, this option follows Vite's config.
|
|
||||||
*/
|
|
||||||
isProduction?: boolean;
|
|
||||||
script?: Partial<Omit<SFCScriptCompileOptions, 'id' | 'isProd' | 'inlineTemplate' | 'templateOptions' | 'sourceMap' | 'genDefaultAs' | 'customElement' | 'defineModel' | 'propsDestructure'>> & {
|
|
||||||
/**
|
|
||||||
* @deprecated defineModel is now a stable feature and always enabled if
|
|
||||||
* using Vue 3.4 or above.
|
|
||||||
*/
|
|
||||||
defineModel?: boolean;
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.propsDestructure`.
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
};
|
|
||||||
template?: Partial<Omit<SFCTemplateCompileOptions, 'id' | 'source' | 'ast' | 'filename' | 'scoped' | 'slotted' | 'isProd' | 'inMap' | 'ssr' | 'ssrCssVars' | 'preprocessLang'>>;
|
|
||||||
style?: Partial<Omit<SFCStyleCompileOptions, 'filename' | 'id' | 'isProd' | 'source' | 'scoped' | 'cssDevSourcemap' | 'postcssOptions' | 'map' | 'postcssPlugins' | 'preprocessCustomRequire' | 'preprocessLang' | 'preprocessOptions'>>;
|
|
||||||
/**
|
|
||||||
* Use custom compiler-sfc instance. Can be used to force a specific version.
|
|
||||||
*/
|
|
||||||
compiler?: typeof _compiler;
|
|
||||||
/**
|
|
||||||
* Requires @vitejs/plugin-vue@^5.1.0
|
|
||||||
*/
|
|
||||||
features?: {
|
|
||||||
/**
|
|
||||||
* Enable reactive destructure for `defineProps`.
|
|
||||||
* - Available in Vue 3.4 and later.
|
|
||||||
* - **default:** `false` in Vue 3.4 (**experimental**), `true` in Vue 3.5+
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
/**
|
|
||||||
* Transform Vue SFCs into custom elements.
|
|
||||||
* - `true`: all `*.vue` imports are converted into custom elements
|
|
||||||
* - `string | RegExp`: matched files are converted into custom elements
|
|
||||||
* - **default:** /\.ce\.vue$/
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* Set to `false` to disable Options API support and allow related code in
|
|
||||||
* Vue core to be dropped via dead-code elimination in production builds,
|
|
||||||
* resulting in smaller bundles.
|
|
||||||
* - **default:** `true`
|
|
||||||
*/
|
|
||||||
optionsAPI?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable devtools support in production builds.
|
|
||||||
* Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodDevtools?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable detailed information for hydration mismatch
|
|
||||||
* errors in production builds. Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodHydrationMismatchDetails?: boolean;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.customElement`.
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
}
|
|
||||||
interface ResolvedOptions extends Options {
|
|
||||||
compiler: typeof _compiler;
|
|
||||||
root: string;
|
|
||||||
sourceMap: boolean;
|
|
||||||
cssDevSourcemap: boolean;
|
|
||||||
devServer?: ViteDevServer;
|
|
||||||
devToolsEnabled?: boolean;
|
|
||||||
}
|
|
||||||
interface Api {
|
|
||||||
get options(): ResolvedOptions;
|
|
||||||
set options(value: ResolvedOptions);
|
|
||||||
version: string;
|
|
||||||
}
|
|
||||||
declare function vuePlugin(rawOptions?: Options): Plugin<Api>;
|
|
||||||
|
|
||||||
export { type Api, type Options, type ResolvedOptions, type VueQuery, vuePlugin as default, parseVueRequest };
|
|
@ -1,102 +0,0 @@
|
|||||||
import { ViteDevServer, Plugin } from 'vite';
|
|
||||||
import * as _compiler from 'vue/compiler-sfc';
|
|
||||||
import { SFCScriptCompileOptions, SFCTemplateCompileOptions, SFCStyleCompileOptions } from 'vue/compiler-sfc';
|
|
||||||
|
|
||||||
interface VueQuery {
|
|
||||||
vue?: boolean;
|
|
||||||
src?: string;
|
|
||||||
type?: 'script' | 'template' | 'style' | 'custom';
|
|
||||||
index?: number;
|
|
||||||
lang?: string;
|
|
||||||
raw?: boolean;
|
|
||||||
url?: boolean;
|
|
||||||
scoped?: boolean;
|
|
||||||
id?: string;
|
|
||||||
}
|
|
||||||
declare function parseVueRequest(id: string): {
|
|
||||||
filename: string;
|
|
||||||
query: VueQuery;
|
|
||||||
};
|
|
||||||
|
|
||||||
interface Options {
|
|
||||||
include?: string | RegExp | (string | RegExp)[];
|
|
||||||
exclude?: string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* In Vite, this option follows Vite's config.
|
|
||||||
*/
|
|
||||||
isProduction?: boolean;
|
|
||||||
script?: Partial<Omit<SFCScriptCompileOptions, 'id' | 'isProd' | 'inlineTemplate' | 'templateOptions' | 'sourceMap' | 'genDefaultAs' | 'customElement' | 'defineModel' | 'propsDestructure'>> & {
|
|
||||||
/**
|
|
||||||
* @deprecated defineModel is now a stable feature and always enabled if
|
|
||||||
* using Vue 3.4 or above.
|
|
||||||
*/
|
|
||||||
defineModel?: boolean;
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.propsDestructure`.
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
};
|
|
||||||
template?: Partial<Omit<SFCTemplateCompileOptions, 'id' | 'source' | 'ast' | 'filename' | 'scoped' | 'slotted' | 'isProd' | 'inMap' | 'ssr' | 'ssrCssVars' | 'preprocessLang'>>;
|
|
||||||
style?: Partial<Omit<SFCStyleCompileOptions, 'filename' | 'id' | 'isProd' | 'source' | 'scoped' | 'cssDevSourcemap' | 'postcssOptions' | 'map' | 'postcssPlugins' | 'preprocessCustomRequire' | 'preprocessLang' | 'preprocessOptions'>>;
|
|
||||||
/**
|
|
||||||
* Use custom compiler-sfc instance. Can be used to force a specific version.
|
|
||||||
*/
|
|
||||||
compiler?: typeof _compiler;
|
|
||||||
/**
|
|
||||||
* Requires @vitejs/plugin-vue@^5.1.0
|
|
||||||
*/
|
|
||||||
features?: {
|
|
||||||
/**
|
|
||||||
* Enable reactive destructure for `defineProps`.
|
|
||||||
* - Available in Vue 3.4 and later.
|
|
||||||
* - **default:** `false` in Vue 3.4 (**experimental**), `true` in Vue 3.5+
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
/**
|
|
||||||
* Transform Vue SFCs into custom elements.
|
|
||||||
* - `true`: all `*.vue` imports are converted into custom elements
|
|
||||||
* - `string | RegExp`: matched files are converted into custom elements
|
|
||||||
* - **default:** /\.ce\.vue$/
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* Set to `false` to disable Options API support and allow related code in
|
|
||||||
* Vue core to be dropped via dead-code elimination in production builds,
|
|
||||||
* resulting in smaller bundles.
|
|
||||||
* - **default:** `true`
|
|
||||||
*/
|
|
||||||
optionsAPI?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable devtools support in production builds.
|
|
||||||
* Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodDevtools?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable detailed information for hydration mismatch
|
|
||||||
* errors in production builds. Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodHydrationMismatchDetails?: boolean;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.customElement`.
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
}
|
|
||||||
interface ResolvedOptions extends Options {
|
|
||||||
compiler: typeof _compiler;
|
|
||||||
root: string;
|
|
||||||
sourceMap: boolean;
|
|
||||||
cssDevSourcemap: boolean;
|
|
||||||
devServer?: ViteDevServer;
|
|
||||||
devToolsEnabled?: boolean;
|
|
||||||
}
|
|
||||||
interface Api {
|
|
||||||
get options(): ResolvedOptions;
|
|
||||||
set options(value: ResolvedOptions);
|
|
||||||
version: string;
|
|
||||||
}
|
|
||||||
declare function vuePlugin(rawOptions?: Options): Plugin<Api>;
|
|
||||||
|
|
||||||
export { type Api, type Options, type ResolvedOptions, type VueQuery, vuePlugin as default, parseVueRequest };
|
|
@ -1,102 +0,0 @@
|
|||||||
import { ViteDevServer, Plugin } from 'vite';
|
|
||||||
import * as _compiler from 'vue/compiler-sfc';
|
|
||||||
import { SFCScriptCompileOptions, SFCTemplateCompileOptions, SFCStyleCompileOptions } from 'vue/compiler-sfc';
|
|
||||||
|
|
||||||
interface VueQuery {
|
|
||||||
vue?: boolean;
|
|
||||||
src?: string;
|
|
||||||
type?: 'script' | 'template' | 'style' | 'custom';
|
|
||||||
index?: number;
|
|
||||||
lang?: string;
|
|
||||||
raw?: boolean;
|
|
||||||
url?: boolean;
|
|
||||||
scoped?: boolean;
|
|
||||||
id?: string;
|
|
||||||
}
|
|
||||||
declare function parseVueRequest(id: string): {
|
|
||||||
filename: string;
|
|
||||||
query: VueQuery;
|
|
||||||
};
|
|
||||||
|
|
||||||
interface Options {
|
|
||||||
include?: string | RegExp | (string | RegExp)[];
|
|
||||||
exclude?: string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* In Vite, this option follows Vite's config.
|
|
||||||
*/
|
|
||||||
isProduction?: boolean;
|
|
||||||
script?: Partial<Omit<SFCScriptCompileOptions, 'id' | 'isProd' | 'inlineTemplate' | 'templateOptions' | 'sourceMap' | 'genDefaultAs' | 'customElement' | 'defineModel' | 'propsDestructure'>> & {
|
|
||||||
/**
|
|
||||||
* @deprecated defineModel is now a stable feature and always enabled if
|
|
||||||
* using Vue 3.4 or above.
|
|
||||||
*/
|
|
||||||
defineModel?: boolean;
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.propsDestructure`.
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
};
|
|
||||||
template?: Partial<Omit<SFCTemplateCompileOptions, 'id' | 'source' | 'ast' | 'filename' | 'scoped' | 'slotted' | 'isProd' | 'inMap' | 'ssr' | 'ssrCssVars' | 'preprocessLang'>>;
|
|
||||||
style?: Partial<Omit<SFCStyleCompileOptions, 'filename' | 'id' | 'isProd' | 'source' | 'scoped' | 'cssDevSourcemap' | 'postcssOptions' | 'map' | 'postcssPlugins' | 'preprocessCustomRequire' | 'preprocessLang' | 'preprocessOptions'>>;
|
|
||||||
/**
|
|
||||||
* Use custom compiler-sfc instance. Can be used to force a specific version.
|
|
||||||
*/
|
|
||||||
compiler?: typeof _compiler;
|
|
||||||
/**
|
|
||||||
* Requires @vitejs/plugin-vue@^5.1.0
|
|
||||||
*/
|
|
||||||
features?: {
|
|
||||||
/**
|
|
||||||
* Enable reactive destructure for `defineProps`.
|
|
||||||
* - Available in Vue 3.4 and later.
|
|
||||||
* - **default:** `false` in Vue 3.4 (**experimental**), `true` in Vue 3.5+
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean;
|
|
||||||
/**
|
|
||||||
* Transform Vue SFCs into custom elements.
|
|
||||||
* - `true`: all `*.vue` imports are converted into custom elements
|
|
||||||
* - `string | RegExp`: matched files are converted into custom elements
|
|
||||||
* - **default:** /\.ce\.vue$/
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
/**
|
|
||||||
* Set to `false` to disable Options API support and allow related code in
|
|
||||||
* Vue core to be dropped via dead-code elimination in production builds,
|
|
||||||
* resulting in smaller bundles.
|
|
||||||
* - **default:** `true`
|
|
||||||
*/
|
|
||||||
optionsAPI?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable devtools support in production builds.
|
|
||||||
* Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodDevtools?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `true` to enable detailed information for hydration mismatch
|
|
||||||
* errors in production builds. Results in slightly larger bundles.
|
|
||||||
* - **default:** `false`
|
|
||||||
*/
|
|
||||||
prodHydrationMismatchDetails?: boolean;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* @deprecated moved to `features.customElement`.
|
|
||||||
*/
|
|
||||||
customElement?: boolean | string | RegExp | (string | RegExp)[];
|
|
||||||
}
|
|
||||||
interface ResolvedOptions extends Options {
|
|
||||||
compiler: typeof _compiler;
|
|
||||||
root: string;
|
|
||||||
sourceMap: boolean;
|
|
||||||
cssDevSourcemap: boolean;
|
|
||||||
devServer?: ViteDevServer;
|
|
||||||
devToolsEnabled?: boolean;
|
|
||||||
}
|
|
||||||
interface Api {
|
|
||||||
get options(): ResolvedOptions;
|
|
||||||
set options(value: ResolvedOptions);
|
|
||||||
version: string;
|
|
||||||
}
|
|
||||||
declare function vuePlugin(rawOptions?: Options): Plugin<Api>;
|
|
||||||
|
|
||||||
export { type Api, type Options, type ResolvedOptions, type VueQuery, vuePlugin as default, parseVueRequest };
|
|
File diff suppressed because it is too large
Load Diff
@ -1,15 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
||||||
|
|
||||||
case `uname` in
|
|
||||||
*CYGWIN*) basedir=`cygpath -w "$basedir"`;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
if [ -x "$basedir/node" ]; then
|
|
||||||
"$basedir/node" "$basedir/../../../../vite/bin/vite.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
else
|
|
||||||
node "$basedir/../../../../vite/bin/vite.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
fi
|
|
||||||
exit $ret
|
|
@ -1,7 +0,0 @@
|
|||||||
@IF EXIST "%~dp0\node.exe" (
|
|
||||||
"%~dp0\node.exe" "%~dp0\..\..\..\..\vite\bin\vite.js" %*
|
|
||||||
) ELSE (
|
|
||||||
@SETLOCAL
|
|
||||||
@SET PATHEXT=%PATHEXT:;.JS;=;%
|
|
||||||
node "%~dp0\..\..\..\..\vite\bin\vite.js" %*
|
|
||||||
)
|
|
@ -1,50 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vitejs/plugin-vue",
|
|
||||||
"version": "5.1.3",
|
|
||||||
"type": "commonjs",
|
|
||||||
"license": "MIT",
|
|
||||||
"author": "Evan You",
|
|
||||||
"files": [
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"main": "./dist/index.cjs",
|
|
||||||
"module": "./dist/index.mjs",
|
|
||||||
"types": "./dist/index.d.ts",
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"import": "./dist/index.mjs",
|
|
||||||
"require": "./dist/index.cjs"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^18.0.0 || >=20.0.0"
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vitejs/vite-plugin-vue.git",
|
|
||||||
"directory": "packages/plugin-vue"
|
|
||||||
},
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vitejs/vite-plugin-vue/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#readme",
|
|
||||||
"peerDependencies": {
|
|
||||||
"vite": "^5.0.0",
|
|
||||||
"vue": "^3.2.25"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@jridgewell/gen-mapping": "^0.3.5",
|
|
||||||
"@jridgewell/trace-mapping": "^0.3.25",
|
|
||||||
"debug": "^4.3.6",
|
|
||||||
"rollup": "^4.21.1",
|
|
||||||
"slash": "^5.1.0",
|
|
||||||
"source-map-js": "^1.2.0",
|
|
||||||
"vite": "^5.4.2",
|
|
||||||
"vue": "^3.5.0-rc.1"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"dev": "unbuild --stub",
|
|
||||||
"build": "unbuild && pnpm run patch-cjs",
|
|
||||||
"patch-cjs": "tsx ../../scripts/patchCJS.ts"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1 +0,0 @@
|
|||||||
# @vue/compiler-core
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
5780
calculator/node_modules/@vue/compiler-core/dist/compiler-core.esm-bundler.js
generated
vendored
5780
calculator/node_modules/@vue/compiler-core/dist/compiler-core.esm-bundler.js
generated
vendored
File diff suppressed because it is too large
Load Diff
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/compiler-core.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/compiler-core.cjs.js')
|
|
||||||
}
|
|
@ -1,15 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
||||||
|
|
||||||
case `uname` in
|
|
||||||
*CYGWIN*) basedir=`cygpath -w "$basedir"`;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
if [ -x "$basedir/node" ]; then
|
|
||||||
"$basedir/node" "$basedir/../../../../@babel/parser/bin/babel-parser.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
else
|
|
||||||
node "$basedir/../../../../@babel/parser/bin/babel-parser.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
fi
|
|
||||||
exit $ret
|
|
@ -1,7 +0,0 @@
|
|||||||
@IF EXIST "%~dp0\node.exe" (
|
|
||||||
"%~dp0\node.exe" "%~dp0\..\..\..\..\@babel\parser\bin\babel-parser.js" %*
|
|
||||||
) ELSE (
|
|
||||||
@SETLOCAL
|
|
||||||
@SET PATHEXT=%PATHEXT:;.JS;=;%
|
|
||||||
node "%~dp0\..\..\..\..\@babel\parser\bin\babel-parser.js" %*
|
|
||||||
)
|
|
@ -1,58 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/compiler-core",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/compiler-core",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/compiler-core.esm-bundler.js",
|
|
||||||
"types": "dist/compiler-core.d.ts",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/compiler-core.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/compiler-core.cjs.prod.js",
|
|
||||||
"development": "./dist/compiler-core.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/compiler-core.esm-bundler.js",
|
|
||||||
"import": "./dist/compiler-core.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueCompilerCore",
|
|
||||||
"compat": true,
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"cjs"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/compiler-core"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-core#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@babel/parser": "^7.25.3",
|
|
||||||
"entities": "^4.5.0",
|
|
||||||
"estree-walker": "^2.0.2",
|
|
||||||
"source-map-js": "^1.2.0",
|
|
||||||
"@vue/shared": "3.5.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@babel/types": "^7.25.2"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1 +0,0 @@
|
|||||||
# @vue/compiler-dom
|
|
@ -1,925 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vue/compiler-dom v3.5.1
|
|
||||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
||||||
* @license MIT
|
|
||||||
**/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
|
|
||||||
var compilerCore = require('@vue/compiler-core');
|
|
||||||
var shared = require('@vue/shared');
|
|
||||||
|
|
||||||
const V_MODEL_RADIO = Symbol(`vModelRadio` );
|
|
||||||
const V_MODEL_CHECKBOX = Symbol(
|
|
||||||
`vModelCheckbox`
|
|
||||||
);
|
|
||||||
const V_MODEL_TEXT = Symbol(`vModelText` );
|
|
||||||
const V_MODEL_SELECT = Symbol(
|
|
||||||
`vModelSelect`
|
|
||||||
);
|
|
||||||
const V_MODEL_DYNAMIC = Symbol(
|
|
||||||
`vModelDynamic`
|
|
||||||
);
|
|
||||||
const V_ON_WITH_MODIFIERS = Symbol(
|
|
||||||
`vOnModifiersGuard`
|
|
||||||
);
|
|
||||||
const V_ON_WITH_KEYS = Symbol(
|
|
||||||
`vOnKeysGuard`
|
|
||||||
);
|
|
||||||
const V_SHOW = Symbol(`vShow` );
|
|
||||||
const TRANSITION = Symbol(`Transition` );
|
|
||||||
const TRANSITION_GROUP = Symbol(
|
|
||||||
`TransitionGroup`
|
|
||||||
);
|
|
||||||
compilerCore.registerRuntimeHelpers({
|
|
||||||
[V_MODEL_RADIO]: `vModelRadio`,
|
|
||||||
[V_MODEL_CHECKBOX]: `vModelCheckbox`,
|
|
||||||
[V_MODEL_TEXT]: `vModelText`,
|
|
||||||
[V_MODEL_SELECT]: `vModelSelect`,
|
|
||||||
[V_MODEL_DYNAMIC]: `vModelDynamic`,
|
|
||||||
[V_ON_WITH_MODIFIERS]: `withModifiers`,
|
|
||||||
[V_ON_WITH_KEYS]: `withKeys`,
|
|
||||||
[V_SHOW]: `vShow`,
|
|
||||||
[TRANSITION]: `Transition`,
|
|
||||||
[TRANSITION_GROUP]: `TransitionGroup`
|
|
||||||
});
|
|
||||||
|
|
||||||
const parserOptions = {
|
|
||||||
parseMode: "html",
|
|
||||||
isVoidTag: shared.isVoidTag,
|
|
||||||
isNativeTag: (tag) => shared.isHTMLTag(tag) || shared.isSVGTag(tag) || shared.isMathMLTag(tag),
|
|
||||||
isPreTag: (tag) => tag === "pre",
|
|
||||||
decodeEntities: void 0,
|
|
||||||
isBuiltInComponent: (tag) => {
|
|
||||||
if (tag === "Transition" || tag === "transition") {
|
|
||||||
return TRANSITION;
|
|
||||||
} else if (tag === "TransitionGroup" || tag === "transition-group") {
|
|
||||||
return TRANSITION_GROUP;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher
|
|
||||||
getNamespace(tag, parent, rootNamespace) {
|
|
||||||
let ns = parent ? parent.ns : rootNamespace;
|
|
||||||
if (parent && ns === 2) {
|
|
||||||
if (parent.tag === "annotation-xml") {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (parent.props.some(
|
|
||||||
(a) => a.type === 6 && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
|
|
||||||
)) {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (parent && ns === 1) {
|
|
||||||
if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (ns === 0) {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (tag === "math") {
|
|
||||||
return 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ns;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformStyle = (node) => {
|
|
||||||
if (node.type === 1) {
|
|
||||||
node.props.forEach((p, i) => {
|
|
||||||
if (p.type === 6 && p.name === "style" && p.value) {
|
|
||||||
node.props[i] = {
|
|
||||||
type: 7,
|
|
||||||
name: `bind`,
|
|
||||||
arg: compilerCore.createSimpleExpression(`style`, true, p.loc),
|
|
||||||
exp: parseInlineCSS(p.value.content, p.loc),
|
|
||||||
modifiers: [],
|
|
||||||
loc: p.loc
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const parseInlineCSS = (cssText, loc) => {
|
|
||||||
const normalized = shared.parseStringStyle(cssText);
|
|
||||||
return compilerCore.createSimpleExpression(
|
|
||||||
JSON.stringify(normalized),
|
|
||||||
false,
|
|
||||||
loc,
|
|
||||||
3
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
function createDOMCompilerError(code, loc) {
|
|
||||||
return compilerCore.createCompilerError(
|
|
||||||
code,
|
|
||||||
loc,
|
|
||||||
DOMErrorMessages
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const DOMErrorCodes = {
|
|
||||||
"X_V_HTML_NO_EXPRESSION": 53,
|
|
||||||
"53": "X_V_HTML_NO_EXPRESSION",
|
|
||||||
"X_V_HTML_WITH_CHILDREN": 54,
|
|
||||||
"54": "X_V_HTML_WITH_CHILDREN",
|
|
||||||
"X_V_TEXT_NO_EXPRESSION": 55,
|
|
||||||
"55": "X_V_TEXT_NO_EXPRESSION",
|
|
||||||
"X_V_TEXT_WITH_CHILDREN": 56,
|
|
||||||
"56": "X_V_TEXT_WITH_CHILDREN",
|
|
||||||
"X_V_MODEL_ON_INVALID_ELEMENT": 57,
|
|
||||||
"57": "X_V_MODEL_ON_INVALID_ELEMENT",
|
|
||||||
"X_V_MODEL_ARG_ON_ELEMENT": 58,
|
|
||||||
"58": "X_V_MODEL_ARG_ON_ELEMENT",
|
|
||||||
"X_V_MODEL_ON_FILE_INPUT_ELEMENT": 59,
|
|
||||||
"59": "X_V_MODEL_ON_FILE_INPUT_ELEMENT",
|
|
||||||
"X_V_MODEL_UNNECESSARY_VALUE": 60,
|
|
||||||
"60": "X_V_MODEL_UNNECESSARY_VALUE",
|
|
||||||
"X_V_SHOW_NO_EXPRESSION": 61,
|
|
||||||
"61": "X_V_SHOW_NO_EXPRESSION",
|
|
||||||
"X_TRANSITION_INVALID_CHILDREN": 62,
|
|
||||||
"62": "X_TRANSITION_INVALID_CHILDREN",
|
|
||||||
"X_IGNORED_SIDE_EFFECT_TAG": 63,
|
|
||||||
"63": "X_IGNORED_SIDE_EFFECT_TAG",
|
|
||||||
"__EXTEND_POINT__": 64,
|
|
||||||
"64": "__EXTEND_POINT__"
|
|
||||||
};
|
|
||||||
const DOMErrorMessages = {
|
|
||||||
[53]: `v-html is missing expression.`,
|
|
||||||
[54]: `v-html will override element children.`,
|
|
||||||
[55]: `v-text is missing expression.`,
|
|
||||||
[56]: `v-text will override element children.`,
|
|
||||||
[57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
|
|
||||||
[58]: `v-model argument is not supported on plain elements.`,
|
|
||||||
[59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
|
|
||||||
[60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
|
|
||||||
[61]: `v-show is missing expression.`,
|
|
||||||
[62]: `<Transition> expects exactly one child element or component.`,
|
|
||||||
[63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVHtml = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(53, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(54, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
compilerCore.createObjectProperty(
|
|
||||||
compilerCore.createSimpleExpression(`innerHTML`, true, loc),
|
|
||||||
exp || compilerCore.createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVText = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(55, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(56, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
compilerCore.createObjectProperty(
|
|
||||||
compilerCore.createSimpleExpression(`textContent`, true),
|
|
||||||
exp ? compilerCore.getConstantType(exp, context) > 0 ? exp : compilerCore.createCallExpression(
|
|
||||||
context.helperString(compilerCore.TO_DISPLAY_STRING),
|
|
||||||
[exp],
|
|
||||||
loc
|
|
||||||
) : compilerCore.createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformModel = (dir, node, context) => {
|
|
||||||
const baseResult = compilerCore.transformModel(dir, node, context);
|
|
||||||
if (!baseResult.props.length || node.tagType === 1) {
|
|
||||||
return baseResult;
|
|
||||||
}
|
|
||||||
if (dir.arg) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
58,
|
|
||||||
dir.arg.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function checkDuplicatedValue() {
|
|
||||||
const value = compilerCore.findDir(node, "bind");
|
|
||||||
if (value && compilerCore.isStaticArgOf(value.arg, "value")) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
60,
|
|
||||||
value.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const { tag } = node;
|
|
||||||
const isCustomElement = context.isCustomElement(tag);
|
|
||||||
if (tag === "input" || tag === "textarea" || tag === "select" || isCustomElement) {
|
|
||||||
let directiveToUse = V_MODEL_TEXT;
|
|
||||||
let isInvalidType = false;
|
|
||||||
if (tag === "input" || isCustomElement) {
|
|
||||||
const type = compilerCore.findProp(node, `type`);
|
|
||||||
if (type) {
|
|
||||||
if (type.type === 7) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else if (type.value) {
|
|
||||||
switch (type.value.content) {
|
|
||||||
case "radio":
|
|
||||||
directiveToUse = V_MODEL_RADIO;
|
|
||||||
break;
|
|
||||||
case "checkbox":
|
|
||||||
directiveToUse = V_MODEL_CHECKBOX;
|
|
||||||
break;
|
|
||||||
case "file":
|
|
||||||
isInvalidType = true;
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
59,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
checkDuplicatedValue();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (compilerCore.hasDynamicKeyVBind(node)) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else {
|
|
||||||
checkDuplicatedValue();
|
|
||||||
}
|
|
||||||
} else if (tag === "select") {
|
|
||||||
directiveToUse = V_MODEL_SELECT;
|
|
||||||
} else {
|
|
||||||
checkDuplicatedValue();
|
|
||||||
}
|
|
||||||
if (!isInvalidType) {
|
|
||||||
baseResult.needRuntime = context.helper(directiveToUse);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
57,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
baseResult.props = baseResult.props.filter(
|
|
||||||
(p) => !(p.key.type === 4 && p.key.content === "modelValue")
|
|
||||||
);
|
|
||||||
return baseResult;
|
|
||||||
};
|
|
||||||
|
|
||||||
const isEventOptionModifier = /* @__PURE__ */ shared.makeMap(`passive,once,capture`);
|
|
||||||
const isNonKeyModifier = /* @__PURE__ */ shared.makeMap(
|
|
||||||
// event propagation management
|
|
||||||
`stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
|
|
||||||
);
|
|
||||||
const maybeKeyModifier = /* @__PURE__ */ shared.makeMap("left,right");
|
|
||||||
const isKeyboardEvent = /* @__PURE__ */ shared.makeMap(
|
|
||||||
`onkeyup,onkeydown,onkeypress`,
|
|
||||||
true
|
|
||||||
);
|
|
||||||
const resolveModifiers = (key, modifiers, context, loc) => {
|
|
||||||
const keyModifiers = [];
|
|
||||||
const nonKeyModifiers = [];
|
|
||||||
const eventOptionModifiers = [];
|
|
||||||
for (let i = 0; i < modifiers.length; i++) {
|
|
||||||
const modifier = modifiers[i];
|
|
||||||
if (modifier === "native" && compilerCore.checkCompatEnabled(
|
|
||||||
"COMPILER_V_ON_NATIVE",
|
|
||||||
context,
|
|
||||||
loc
|
|
||||||
)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else if (isEventOptionModifier(modifier)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
if (maybeKeyModifier(modifier)) {
|
|
||||||
if (compilerCore.isStaticExp(key)) {
|
|
||||||
if (isKeyboardEvent(key.content)) {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (isNonKeyModifier(modifier)) {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
keyModifiers,
|
|
||||||
nonKeyModifiers,
|
|
||||||
eventOptionModifiers
|
|
||||||
};
|
|
||||||
};
|
|
||||||
const transformClick = (key, event) => {
|
|
||||||
const isStaticClick = compilerCore.isStaticExp(key) && key.content.toLowerCase() === "onclick";
|
|
||||||
return isStaticClick ? compilerCore.createSimpleExpression(event, true) : key.type !== 4 ? compilerCore.createCompoundExpression([
|
|
||||||
`(`,
|
|
||||||
key,
|
|
||||||
`) === "onClick" ? "${event}" : (`,
|
|
||||||
key,
|
|
||||||
`)`
|
|
||||||
]) : key;
|
|
||||||
};
|
|
||||||
const transformOn = (dir, node, context) => {
|
|
||||||
return compilerCore.transformOn(dir, node, context, (baseResult) => {
|
|
||||||
const { modifiers } = dir;
|
|
||||||
if (!modifiers.length) return baseResult;
|
|
||||||
let { key, value: handlerExp } = baseResult.props[0];
|
|
||||||
const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc);
|
|
||||||
if (nonKeyModifiers.includes("right")) {
|
|
||||||
key = transformClick(key, `onContextmenu`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.includes("middle")) {
|
|
||||||
key = transformClick(key, `onMouseup`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.length) {
|
|
||||||
handlerExp = compilerCore.createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(nonKeyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard
|
|
||||||
(!compilerCore.isStaticExp(key) || isKeyboardEvent(key.content))) {
|
|
||||||
handlerExp = compilerCore.createCallExpression(context.helper(V_ON_WITH_KEYS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(keyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (eventOptionModifiers.length) {
|
|
||||||
const modifierPostfix = eventOptionModifiers.map(shared.capitalize).join("");
|
|
||||||
key = compilerCore.isStaticExp(key) ? compilerCore.createSimpleExpression(`${key.content}${modifierPostfix}`, true) : compilerCore.createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [compilerCore.createObjectProperty(key, handlerExp)]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformShow = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(61, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [],
|
|
||||||
needRuntime: context.helper(V_SHOW)
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformTransition = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 1) {
|
|
||||||
const component = context.isBuiltInComponent(node.tag);
|
|
||||||
if (component === TRANSITION) {
|
|
||||||
return () => {
|
|
||||||
if (!node.children.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (hasMultipleChildren(node)) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
62,
|
|
||||||
{
|
|
||||||
start: node.children[0].loc.start,
|
|
||||||
end: node.children[node.children.length - 1].loc.end,
|
|
||||||
source: ""
|
|
||||||
}
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const child = node.children[0];
|
|
||||||
if (child.type === 1) {
|
|
||||||
for (const p of child.props) {
|
|
||||||
if (p.type === 7 && p.name === "show") {
|
|
||||||
node.props.push({
|
|
||||||
type: 6,
|
|
||||||
name: "persisted",
|
|
||||||
nameLoc: node.loc,
|
|
||||||
value: void 0,
|
|
||||||
loc: node.loc
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
function hasMultipleChildren(node) {
|
|
||||||
const children = node.children = node.children.filter(
|
|
||||||
(c) => c.type !== 3 && !(c.type === 2 && !c.content.trim())
|
|
||||||
);
|
|
||||||
const child = children[0];
|
|
||||||
return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
|
|
||||||
}
|
|
||||||
|
|
||||||
const expReplaceRE = /__VUE_EXP_START__(.*?)__VUE_EXP_END__/g;
|
|
||||||
const stringifyStatic = (children, context, parent) => {
|
|
||||||
if (context.scopes.vSlot > 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const isParentCached = parent.type === 1 && parent.codegenNode && parent.codegenNode.type === 13 && parent.codegenNode.children && !shared.isArray(parent.codegenNode.children) && parent.codegenNode.children.type === 20;
|
|
||||||
let nc = 0;
|
|
||||||
let ec = 0;
|
|
||||||
const currentChunk = [];
|
|
||||||
const stringifyCurrentChunk = (currentIndex) => {
|
|
||||||
if (nc >= 20 || ec >= 5) {
|
|
||||||
const staticCall = compilerCore.createCallExpression(context.helper(compilerCore.CREATE_STATIC), [
|
|
||||||
JSON.stringify(
|
|
||||||
currentChunk.map((node) => stringifyNode(node, context)).join("")
|
|
||||||
).replace(expReplaceRE, `" + $1 + "`),
|
|
||||||
// the 2nd argument indicates the number of DOM nodes this static vnode
|
|
||||||
// will insert / hydrate
|
|
||||||
String(currentChunk.length)
|
|
||||||
]);
|
|
||||||
if (isParentCached) {
|
|
||||||
parent.codegenNode.children.value = compilerCore.createArrayExpression([staticCall]);
|
|
||||||
} else {
|
|
||||||
currentChunk[0].codegenNode.value = staticCall;
|
|
||||||
if (currentChunk.length > 1) {
|
|
||||||
const deleteCount = currentChunk.length - 1;
|
|
||||||
children.splice(currentIndex - currentChunk.length + 1, deleteCount);
|
|
||||||
const cacheIndex = context.cached.indexOf(
|
|
||||||
currentChunk[currentChunk.length - 1].codegenNode
|
|
||||||
);
|
|
||||||
if (cacheIndex > -1) {
|
|
||||||
for (let i2 = cacheIndex; i2 < context.cached.length; i2++) {
|
|
||||||
const c = context.cached[i2];
|
|
||||||
if (c) c.index -= deleteCount;
|
|
||||||
}
|
|
||||||
context.cached.splice(cacheIndex - deleteCount + 1, deleteCount);
|
|
||||||
}
|
|
||||||
return deleteCount;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return 0;
|
|
||||||
};
|
|
||||||
let i = 0;
|
|
||||||
for (; i < children.length; i++) {
|
|
||||||
const child = children[i];
|
|
||||||
const isCached = isParentCached || getCachedNode(child);
|
|
||||||
if (isCached) {
|
|
||||||
const result = analyzeNode(child);
|
|
||||||
if (result) {
|
|
||||||
nc += result[0];
|
|
||||||
ec += result[1];
|
|
||||||
currentChunk.push(child);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i -= stringifyCurrentChunk(i);
|
|
||||||
nc = 0;
|
|
||||||
ec = 0;
|
|
||||||
currentChunk.length = 0;
|
|
||||||
}
|
|
||||||
stringifyCurrentChunk(i);
|
|
||||||
};
|
|
||||||
const getCachedNode = (node) => {
|
|
||||||
if ((node.type === 1 && node.tagType === 0 || node.type === 12) && node.codegenNode && node.codegenNode.type === 20) {
|
|
||||||
return node.codegenNode;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const dataAriaRE = /^(data|aria)-/;
|
|
||||||
const isStringifiableAttr = (name, ns) => {
|
|
||||||
return (ns === 0 ? shared.isKnownHtmlAttr(name) : ns === 1 ? shared.isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
|
|
||||||
};
|
|
||||||
const isNonStringifiable = /* @__PURE__ */ shared.makeMap(
|
|
||||||
`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
|
|
||||||
);
|
|
||||||
function analyzeNode(node) {
|
|
||||||
if (node.type === 1 && isNonStringifiable(node.tag)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (node.type === 12) {
|
|
||||||
return [1, 0];
|
|
||||||
}
|
|
||||||
let nc = 1;
|
|
||||||
let ec = node.props.length > 0 ? 1 : 0;
|
|
||||||
let bailed = false;
|
|
||||||
const bail = () => {
|
|
||||||
bailed = true;
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
function walk(node2) {
|
|
||||||
const isOptionTag = node2.tag === "option" && node2.ns === 0;
|
|
||||||
for (let i = 0; i < node2.props.length; i++) {
|
|
||||||
const p = node2.props[i];
|
|
||||||
if (p.type === 6 && !isStringifiableAttr(p.name, node2.ns)) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (p.type === 7 && p.name === "bind") {
|
|
||||||
if (p.arg && (p.arg.type === 8 || p.arg.isStatic && !isStringifiableAttr(p.arg.content, node2.ns))) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (isOptionTag && compilerCore.isStaticArgOf(p.arg, "value") && p.exp && p.exp.ast && p.exp.ast.type !== "StringLiteral") {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (let i = 0; i < node2.children.length; i++) {
|
|
||||||
nc++;
|
|
||||||
const child = node2.children[i];
|
|
||||||
if (child.type === 1) {
|
|
||||||
if (child.props.length > 0) {
|
|
||||||
ec++;
|
|
||||||
}
|
|
||||||
walk(child);
|
|
||||||
if (bailed) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return walk(node) ? [nc, ec] : false;
|
|
||||||
}
|
|
||||||
function stringifyNode(node, context) {
|
|
||||||
if (shared.isString(node)) {
|
|
||||||
return node;
|
|
||||||
}
|
|
||||||
if (shared.isSymbol(node)) {
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
switch (node.type) {
|
|
||||||
case 1:
|
|
||||||
return stringifyElement(node, context);
|
|
||||||
case 2:
|
|
||||||
return shared.escapeHtml(node.content);
|
|
||||||
case 3:
|
|
||||||
return `<!--${shared.escapeHtml(node.content)}-->`;
|
|
||||||
case 5:
|
|
||||||
return shared.escapeHtml(shared.toDisplayString(evaluateConstant(node.content)));
|
|
||||||
case 8:
|
|
||||||
return shared.escapeHtml(evaluateConstant(node));
|
|
||||||
case 12:
|
|
||||||
return stringifyNode(node.content, context);
|
|
||||||
default:
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function stringifyElement(node, context) {
|
|
||||||
let res = `<${node.tag}`;
|
|
||||||
let innerHTML = "";
|
|
||||||
for (let i = 0; i < node.props.length; i++) {
|
|
||||||
const p = node.props[i];
|
|
||||||
if (p.type === 6) {
|
|
||||||
res += ` ${p.name}`;
|
|
||||||
if (p.value) {
|
|
||||||
res += `="${shared.escapeHtml(p.value.content)}"`;
|
|
||||||
}
|
|
||||||
} else if (p.type === 7) {
|
|
||||||
if (p.name === "bind") {
|
|
||||||
const exp = p.exp;
|
|
||||||
if (exp.content[0] === "_") {
|
|
||||||
res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (shared.isBooleanAttr(p.arg.content) && exp.content === "false") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
let evaluated = evaluateConstant(exp);
|
|
||||||
if (evaluated != null) {
|
|
||||||
const arg = p.arg && p.arg.content;
|
|
||||||
if (arg === "class") {
|
|
||||||
evaluated = shared.normalizeClass(evaluated);
|
|
||||||
} else if (arg === "style") {
|
|
||||||
evaluated = shared.stringifyStyle(shared.normalizeStyle(evaluated));
|
|
||||||
}
|
|
||||||
res += ` ${p.arg.content}="${shared.escapeHtml(
|
|
||||||
evaluated
|
|
||||||
)}"`;
|
|
||||||
}
|
|
||||||
} else if (p.name === "html") {
|
|
||||||
innerHTML = evaluateConstant(p.exp);
|
|
||||||
} else if (p.name === "text") {
|
|
||||||
innerHTML = shared.escapeHtml(
|
|
||||||
shared.toDisplayString(evaluateConstant(p.exp))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (context.scopeId) {
|
|
||||||
res += ` ${context.scopeId}`;
|
|
||||||
}
|
|
||||||
res += `>`;
|
|
||||||
if (innerHTML) {
|
|
||||||
res += innerHTML;
|
|
||||||
} else {
|
|
||||||
for (let i = 0; i < node.children.length; i++) {
|
|
||||||
res += stringifyNode(node.children[i], context);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!shared.isVoidTag(node.tag)) {
|
|
||||||
res += `</${node.tag}>`;
|
|
||||||
}
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
function evaluateConstant(exp) {
|
|
||||||
if (exp.type === 4) {
|
|
||||||
return new Function(`return (${exp.content})`)();
|
|
||||||
} else {
|
|
||||||
let res = ``;
|
|
||||||
exp.children.forEach((c) => {
|
|
||||||
if (shared.isString(c) || shared.isSymbol(c)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (c.type === 2) {
|
|
||||||
res += c.content;
|
|
||||||
} else if (c.type === 5) {
|
|
||||||
res += shared.toDisplayString(evaluateConstant(c.content));
|
|
||||||
} else {
|
|
||||||
res += evaluateConstant(c);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const ignoreSideEffectTags = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
63,
|
|
||||||
node.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
context.removeNode();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function isValidHTMLNesting(parent, child) {
|
|
||||||
if (parent in onlyValidChildren) {
|
|
||||||
return onlyValidChildren[parent].has(child);
|
|
||||||
}
|
|
||||||
if (child in onlyValidParents) {
|
|
||||||
return onlyValidParents[child].has(parent);
|
|
||||||
}
|
|
||||||
if (parent in knownInvalidChildren) {
|
|
||||||
if (knownInvalidChildren[parent].has(child)) return false;
|
|
||||||
}
|
|
||||||
if (child in knownInvalidParents) {
|
|
||||||
if (knownInvalidParents[child].has(parent)) return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
const headings = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
|
|
||||||
const emptySet = /* @__PURE__ */ new Set([]);
|
|
||||||
const onlyValidChildren = {
|
|
||||||
head: /* @__PURE__ */ new Set([
|
|
||||||
"base",
|
|
||||||
"basefront",
|
|
||||||
"bgsound",
|
|
||||||
"link",
|
|
||||||
"meta",
|
|
||||||
"title",
|
|
||||||
"noscript",
|
|
||||||
"noframes",
|
|
||||||
"style",
|
|
||||||
"script",
|
|
||||||
"template"
|
|
||||||
]),
|
|
||||||
optgroup: /* @__PURE__ */ new Set(["option"]),
|
|
||||||
select: /* @__PURE__ */ new Set(["optgroup", "option", "hr"]),
|
|
||||||
// table
|
|
||||||
table: /* @__PURE__ */ new Set(["caption", "colgroup", "tbody", "tfoot", "thead"]),
|
|
||||||
tr: /* @__PURE__ */ new Set(["td", "th"]),
|
|
||||||
colgroup: /* @__PURE__ */ new Set(["col"]),
|
|
||||||
tbody: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
thead: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
tfoot: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
// these elements can not have any children elements
|
|
||||||
script: emptySet,
|
|
||||||
iframe: emptySet,
|
|
||||||
option: emptySet,
|
|
||||||
textarea: emptySet,
|
|
||||||
style: emptySet,
|
|
||||||
title: emptySet
|
|
||||||
};
|
|
||||||
const onlyValidParents = {
|
|
||||||
// sections
|
|
||||||
html: emptySet,
|
|
||||||
body: /* @__PURE__ */ new Set(["html"]),
|
|
||||||
head: /* @__PURE__ */ new Set(["html"]),
|
|
||||||
// table
|
|
||||||
td: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
colgroup: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
caption: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tbody: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tfoot: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
col: /* @__PURE__ */ new Set(["colgroup"]),
|
|
||||||
th: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
thead: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tr: /* @__PURE__ */ new Set(["tbody", "thead", "tfoot"]),
|
|
||||||
// data list
|
|
||||||
dd: /* @__PURE__ */ new Set(["dl", "div"]),
|
|
||||||
dt: /* @__PURE__ */ new Set(["dl", "div"]),
|
|
||||||
// other
|
|
||||||
figcaption: /* @__PURE__ */ new Set(["figure"]),
|
|
||||||
// li: new Set(["ul", "ol"]),
|
|
||||||
summary: /* @__PURE__ */ new Set(["details"]),
|
|
||||||
area: /* @__PURE__ */ new Set(["map"])
|
|
||||||
};
|
|
||||||
const knownInvalidChildren = {
|
|
||||||
p: /* @__PURE__ */ new Set([
|
|
||||||
"address",
|
|
||||||
"article",
|
|
||||||
"aside",
|
|
||||||
"blockquote",
|
|
||||||
"center",
|
|
||||||
"details",
|
|
||||||
"dialog",
|
|
||||||
"dir",
|
|
||||||
"div",
|
|
||||||
"dl",
|
|
||||||
"fieldset",
|
|
||||||
"figure",
|
|
||||||
"footer",
|
|
||||||
"form",
|
|
||||||
"h1",
|
|
||||||
"h2",
|
|
||||||
"h3",
|
|
||||||
"h4",
|
|
||||||
"h5",
|
|
||||||
"h6",
|
|
||||||
"header",
|
|
||||||
"hgroup",
|
|
||||||
"hr",
|
|
||||||
"li",
|
|
||||||
"main",
|
|
||||||
"nav",
|
|
||||||
"menu",
|
|
||||||
"ol",
|
|
||||||
"p",
|
|
||||||
"pre",
|
|
||||||
"section",
|
|
||||||
"table",
|
|
||||||
"ul"
|
|
||||||
]),
|
|
||||||
svg: /* @__PURE__ */ new Set([
|
|
||||||
"b",
|
|
||||||
"blockquote",
|
|
||||||
"br",
|
|
||||||
"code",
|
|
||||||
"dd",
|
|
||||||
"div",
|
|
||||||
"dl",
|
|
||||||
"dt",
|
|
||||||
"em",
|
|
||||||
"embed",
|
|
||||||
"h1",
|
|
||||||
"h2",
|
|
||||||
"h3",
|
|
||||||
"h4",
|
|
||||||
"h5",
|
|
||||||
"h6",
|
|
||||||
"hr",
|
|
||||||
"i",
|
|
||||||
"img",
|
|
||||||
"li",
|
|
||||||
"menu",
|
|
||||||
"meta",
|
|
||||||
"ol",
|
|
||||||
"p",
|
|
||||||
"pre",
|
|
||||||
"ruby",
|
|
||||||
"s",
|
|
||||||
"small",
|
|
||||||
"span",
|
|
||||||
"strong",
|
|
||||||
"sub",
|
|
||||||
"sup",
|
|
||||||
"table",
|
|
||||||
"u",
|
|
||||||
"ul",
|
|
||||||
"var"
|
|
||||||
])
|
|
||||||
};
|
|
||||||
const knownInvalidParents = {
|
|
||||||
a: /* @__PURE__ */ new Set(["a"]),
|
|
||||||
button: /* @__PURE__ */ new Set(["button"]),
|
|
||||||
dd: /* @__PURE__ */ new Set(["dd", "dt"]),
|
|
||||||
dt: /* @__PURE__ */ new Set(["dd", "dt"]),
|
|
||||||
form: /* @__PURE__ */ new Set(["form"]),
|
|
||||||
li: /* @__PURE__ */ new Set(["li"]),
|
|
||||||
h1: headings,
|
|
||||||
h2: headings,
|
|
||||||
h3: headings,
|
|
||||||
h4: headings,
|
|
||||||
h5: headings,
|
|
||||||
h6: headings
|
|
||||||
};
|
|
||||||
|
|
||||||
const validateHtmlNesting = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 0 && context.parent && context.parent.type === 1 && context.parent.tagType === 0 && !isValidHTMLNesting(context.parent.tag, node.tag)) {
|
|
||||||
const error = new SyntaxError(
|
|
||||||
`<${node.tag}> cannot be child of <${context.parent.tag}>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.`
|
|
||||||
);
|
|
||||||
error.loc = node.loc;
|
|
||||||
context.onWarn(error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const DOMNodeTransforms = [
|
|
||||||
transformStyle,
|
|
||||||
...[transformTransition, validateHtmlNesting]
|
|
||||||
];
|
|
||||||
const DOMDirectiveTransforms = {
|
|
||||||
cloak: compilerCore.noopDirectiveTransform,
|
|
||||||
html: transformVHtml,
|
|
||||||
text: transformVText,
|
|
||||||
model: transformModel,
|
|
||||||
// override compiler-core
|
|
||||||
on: transformOn,
|
|
||||||
// override compiler-core
|
|
||||||
show: transformShow
|
|
||||||
};
|
|
||||||
function compile(src, options = {}) {
|
|
||||||
return compilerCore.baseCompile(
|
|
||||||
src,
|
|
||||||
shared.extend({}, parserOptions, options, {
|
|
||||||
nodeTransforms: [
|
|
||||||
// ignore <script> and <tag>
|
|
||||||
// this is not put inside DOMNodeTransforms because that list is used
|
|
||||||
// by compiler-ssr to generate vnode fallback branches
|
|
||||||
ignoreSideEffectTags,
|
|
||||||
...DOMNodeTransforms,
|
|
||||||
...options.nodeTransforms || []
|
|
||||||
],
|
|
||||||
directiveTransforms: shared.extend(
|
|
||||||
{},
|
|
||||||
DOMDirectiveTransforms,
|
|
||||||
options.directiveTransforms || {}
|
|
||||||
),
|
|
||||||
transformHoist: stringifyStatic
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function parse(template, options = {}) {
|
|
||||||
return compilerCore.baseParse(template, shared.extend({}, parserOptions, options));
|
|
||||||
}
|
|
||||||
|
|
||||||
exports.DOMDirectiveTransforms = DOMDirectiveTransforms;
|
|
||||||
exports.DOMErrorCodes = DOMErrorCodes;
|
|
||||||
exports.DOMErrorMessages = DOMErrorMessages;
|
|
||||||
exports.DOMNodeTransforms = DOMNodeTransforms;
|
|
||||||
exports.TRANSITION = TRANSITION;
|
|
||||||
exports.TRANSITION_GROUP = TRANSITION_GROUP;
|
|
||||||
exports.V_MODEL_CHECKBOX = V_MODEL_CHECKBOX;
|
|
||||||
exports.V_MODEL_DYNAMIC = V_MODEL_DYNAMIC;
|
|
||||||
exports.V_MODEL_RADIO = V_MODEL_RADIO;
|
|
||||||
exports.V_MODEL_SELECT = V_MODEL_SELECT;
|
|
||||||
exports.V_MODEL_TEXT = V_MODEL_TEXT;
|
|
||||||
exports.V_ON_WITH_KEYS = V_ON_WITH_KEYS;
|
|
||||||
exports.V_ON_WITH_MODIFIERS = V_ON_WITH_MODIFIERS;
|
|
||||||
exports.V_SHOW = V_SHOW;
|
|
||||||
exports.compile = compile;
|
|
||||||
exports.createDOMCompilerError = createDOMCompilerError;
|
|
||||||
exports.parse = parse;
|
|
||||||
exports.parserOptions = parserOptions;
|
|
||||||
exports.transformStyle = transformStyle;
|
|
||||||
Object.keys(compilerCore).forEach(function (k) {
|
|
||||||
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = compilerCore[k];
|
|
||||||
});
|
|
@ -1,683 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vue/compiler-dom v3.5.1
|
|
||||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
||||||
* @license MIT
|
|
||||||
**/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
|
|
||||||
var compilerCore = require('@vue/compiler-core');
|
|
||||||
var shared = require('@vue/shared');
|
|
||||||
|
|
||||||
const V_MODEL_RADIO = Symbol(``);
|
|
||||||
const V_MODEL_CHECKBOX = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
const V_MODEL_TEXT = Symbol(``);
|
|
||||||
const V_MODEL_SELECT = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
const V_MODEL_DYNAMIC = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
const V_ON_WITH_MODIFIERS = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
const V_ON_WITH_KEYS = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
const V_SHOW = Symbol(``);
|
|
||||||
const TRANSITION = Symbol(``);
|
|
||||||
const TRANSITION_GROUP = Symbol(
|
|
||||||
``
|
|
||||||
);
|
|
||||||
compilerCore.registerRuntimeHelpers({
|
|
||||||
[V_MODEL_RADIO]: `vModelRadio`,
|
|
||||||
[V_MODEL_CHECKBOX]: `vModelCheckbox`,
|
|
||||||
[V_MODEL_TEXT]: `vModelText`,
|
|
||||||
[V_MODEL_SELECT]: `vModelSelect`,
|
|
||||||
[V_MODEL_DYNAMIC]: `vModelDynamic`,
|
|
||||||
[V_ON_WITH_MODIFIERS]: `withModifiers`,
|
|
||||||
[V_ON_WITH_KEYS]: `withKeys`,
|
|
||||||
[V_SHOW]: `vShow`,
|
|
||||||
[TRANSITION]: `Transition`,
|
|
||||||
[TRANSITION_GROUP]: `TransitionGroup`
|
|
||||||
});
|
|
||||||
|
|
||||||
const parserOptions = {
|
|
||||||
parseMode: "html",
|
|
||||||
isVoidTag: shared.isVoidTag,
|
|
||||||
isNativeTag: (tag) => shared.isHTMLTag(tag) || shared.isSVGTag(tag) || shared.isMathMLTag(tag),
|
|
||||||
isPreTag: (tag) => tag === "pre",
|
|
||||||
decodeEntities: void 0,
|
|
||||||
isBuiltInComponent: (tag) => {
|
|
||||||
if (tag === "Transition" || tag === "transition") {
|
|
||||||
return TRANSITION;
|
|
||||||
} else if (tag === "TransitionGroup" || tag === "transition-group") {
|
|
||||||
return TRANSITION_GROUP;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher
|
|
||||||
getNamespace(tag, parent, rootNamespace) {
|
|
||||||
let ns = parent ? parent.ns : rootNamespace;
|
|
||||||
if (parent && ns === 2) {
|
|
||||||
if (parent.tag === "annotation-xml") {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (parent.props.some(
|
|
||||||
(a) => a.type === 6 && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
|
|
||||||
)) {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (parent && ns === 1) {
|
|
||||||
if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (ns === 0) {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (tag === "math") {
|
|
||||||
return 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ns;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformStyle = (node) => {
|
|
||||||
if (node.type === 1) {
|
|
||||||
node.props.forEach((p, i) => {
|
|
||||||
if (p.type === 6 && p.name === "style" && p.value) {
|
|
||||||
node.props[i] = {
|
|
||||||
type: 7,
|
|
||||||
name: `bind`,
|
|
||||||
arg: compilerCore.createSimpleExpression(`style`, true, p.loc),
|
|
||||||
exp: parseInlineCSS(p.value.content, p.loc),
|
|
||||||
modifiers: [],
|
|
||||||
loc: p.loc
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const parseInlineCSS = (cssText, loc) => {
|
|
||||||
const normalized = shared.parseStringStyle(cssText);
|
|
||||||
return compilerCore.createSimpleExpression(
|
|
||||||
JSON.stringify(normalized),
|
|
||||||
false,
|
|
||||||
loc,
|
|
||||||
3
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
function createDOMCompilerError(code, loc) {
|
|
||||||
return compilerCore.createCompilerError(
|
|
||||||
code,
|
|
||||||
loc,
|
|
||||||
DOMErrorMessages
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const DOMErrorCodes = {
|
|
||||||
"X_V_HTML_NO_EXPRESSION": 53,
|
|
||||||
"53": "X_V_HTML_NO_EXPRESSION",
|
|
||||||
"X_V_HTML_WITH_CHILDREN": 54,
|
|
||||||
"54": "X_V_HTML_WITH_CHILDREN",
|
|
||||||
"X_V_TEXT_NO_EXPRESSION": 55,
|
|
||||||
"55": "X_V_TEXT_NO_EXPRESSION",
|
|
||||||
"X_V_TEXT_WITH_CHILDREN": 56,
|
|
||||||
"56": "X_V_TEXT_WITH_CHILDREN",
|
|
||||||
"X_V_MODEL_ON_INVALID_ELEMENT": 57,
|
|
||||||
"57": "X_V_MODEL_ON_INVALID_ELEMENT",
|
|
||||||
"X_V_MODEL_ARG_ON_ELEMENT": 58,
|
|
||||||
"58": "X_V_MODEL_ARG_ON_ELEMENT",
|
|
||||||
"X_V_MODEL_ON_FILE_INPUT_ELEMENT": 59,
|
|
||||||
"59": "X_V_MODEL_ON_FILE_INPUT_ELEMENT",
|
|
||||||
"X_V_MODEL_UNNECESSARY_VALUE": 60,
|
|
||||||
"60": "X_V_MODEL_UNNECESSARY_VALUE",
|
|
||||||
"X_V_SHOW_NO_EXPRESSION": 61,
|
|
||||||
"61": "X_V_SHOW_NO_EXPRESSION",
|
|
||||||
"X_TRANSITION_INVALID_CHILDREN": 62,
|
|
||||||
"62": "X_TRANSITION_INVALID_CHILDREN",
|
|
||||||
"X_IGNORED_SIDE_EFFECT_TAG": 63,
|
|
||||||
"63": "X_IGNORED_SIDE_EFFECT_TAG",
|
|
||||||
"__EXTEND_POINT__": 64,
|
|
||||||
"64": "__EXTEND_POINT__"
|
|
||||||
};
|
|
||||||
const DOMErrorMessages = {
|
|
||||||
[53]: `v-html is missing expression.`,
|
|
||||||
[54]: `v-html will override element children.`,
|
|
||||||
[55]: `v-text is missing expression.`,
|
|
||||||
[56]: `v-text will override element children.`,
|
|
||||||
[57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
|
|
||||||
[58]: `v-model argument is not supported on plain elements.`,
|
|
||||||
[59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
|
|
||||||
[60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
|
|
||||||
[61]: `v-show is missing expression.`,
|
|
||||||
[62]: `<Transition> expects exactly one child element or component.`,
|
|
||||||
[63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVHtml = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(53, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(54, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
compilerCore.createObjectProperty(
|
|
||||||
compilerCore.createSimpleExpression(`innerHTML`, true, loc),
|
|
||||||
exp || compilerCore.createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVText = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(55, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(56, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
compilerCore.createObjectProperty(
|
|
||||||
compilerCore.createSimpleExpression(`textContent`, true),
|
|
||||||
exp ? compilerCore.getConstantType(exp, context) > 0 ? exp : compilerCore.createCallExpression(
|
|
||||||
context.helperString(compilerCore.TO_DISPLAY_STRING),
|
|
||||||
[exp],
|
|
||||||
loc
|
|
||||||
) : compilerCore.createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformModel = (dir, node, context) => {
|
|
||||||
const baseResult = compilerCore.transformModel(dir, node, context);
|
|
||||||
if (!baseResult.props.length || node.tagType === 1) {
|
|
||||||
return baseResult;
|
|
||||||
}
|
|
||||||
if (dir.arg) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
58,
|
|
||||||
dir.arg.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const { tag } = node;
|
|
||||||
const isCustomElement = context.isCustomElement(tag);
|
|
||||||
if (tag === "input" || tag === "textarea" || tag === "select" || isCustomElement) {
|
|
||||||
let directiveToUse = V_MODEL_TEXT;
|
|
||||||
let isInvalidType = false;
|
|
||||||
if (tag === "input" || isCustomElement) {
|
|
||||||
const type = compilerCore.findProp(node, `type`);
|
|
||||||
if (type) {
|
|
||||||
if (type.type === 7) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else if (type.value) {
|
|
||||||
switch (type.value.content) {
|
|
||||||
case "radio":
|
|
||||||
directiveToUse = V_MODEL_RADIO;
|
|
||||||
break;
|
|
||||||
case "checkbox":
|
|
||||||
directiveToUse = V_MODEL_CHECKBOX;
|
|
||||||
break;
|
|
||||||
case "file":
|
|
||||||
isInvalidType = true;
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
59,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (compilerCore.hasDynamicKeyVBind(node)) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else ;
|
|
||||||
} else if (tag === "select") {
|
|
||||||
directiveToUse = V_MODEL_SELECT;
|
|
||||||
} else ;
|
|
||||||
if (!isInvalidType) {
|
|
||||||
baseResult.needRuntime = context.helper(directiveToUse);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
57,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
baseResult.props = baseResult.props.filter(
|
|
||||||
(p) => !(p.key.type === 4 && p.key.content === "modelValue")
|
|
||||||
);
|
|
||||||
return baseResult;
|
|
||||||
};
|
|
||||||
|
|
||||||
const isEventOptionModifier = /* @__PURE__ */ shared.makeMap(`passive,once,capture`);
|
|
||||||
const isNonKeyModifier = /* @__PURE__ */ shared.makeMap(
|
|
||||||
// event propagation management
|
|
||||||
`stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
|
|
||||||
);
|
|
||||||
const maybeKeyModifier = /* @__PURE__ */ shared.makeMap("left,right");
|
|
||||||
const isKeyboardEvent = /* @__PURE__ */ shared.makeMap(
|
|
||||||
`onkeyup,onkeydown,onkeypress`,
|
|
||||||
true
|
|
||||||
);
|
|
||||||
const resolveModifiers = (key, modifiers, context, loc) => {
|
|
||||||
const keyModifiers = [];
|
|
||||||
const nonKeyModifiers = [];
|
|
||||||
const eventOptionModifiers = [];
|
|
||||||
for (let i = 0; i < modifiers.length; i++) {
|
|
||||||
const modifier = modifiers[i];
|
|
||||||
if (modifier === "native" && compilerCore.checkCompatEnabled(
|
|
||||||
"COMPILER_V_ON_NATIVE",
|
|
||||||
context,
|
|
||||||
loc
|
|
||||||
)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else if (isEventOptionModifier(modifier)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
if (maybeKeyModifier(modifier)) {
|
|
||||||
if (compilerCore.isStaticExp(key)) {
|
|
||||||
if (isKeyboardEvent(key.content)) {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (isNonKeyModifier(modifier)) {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
keyModifiers,
|
|
||||||
nonKeyModifiers,
|
|
||||||
eventOptionModifiers
|
|
||||||
};
|
|
||||||
};
|
|
||||||
const transformClick = (key, event) => {
|
|
||||||
const isStaticClick = compilerCore.isStaticExp(key) && key.content.toLowerCase() === "onclick";
|
|
||||||
return isStaticClick ? compilerCore.createSimpleExpression(event, true) : key.type !== 4 ? compilerCore.createCompoundExpression([
|
|
||||||
`(`,
|
|
||||||
key,
|
|
||||||
`) === "onClick" ? "${event}" : (`,
|
|
||||||
key,
|
|
||||||
`)`
|
|
||||||
]) : key;
|
|
||||||
};
|
|
||||||
const transformOn = (dir, node, context) => {
|
|
||||||
return compilerCore.transformOn(dir, node, context, (baseResult) => {
|
|
||||||
const { modifiers } = dir;
|
|
||||||
if (!modifiers.length) return baseResult;
|
|
||||||
let { key, value: handlerExp } = baseResult.props[0];
|
|
||||||
const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc);
|
|
||||||
if (nonKeyModifiers.includes("right")) {
|
|
||||||
key = transformClick(key, `onContextmenu`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.includes("middle")) {
|
|
||||||
key = transformClick(key, `onMouseup`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.length) {
|
|
||||||
handlerExp = compilerCore.createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(nonKeyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard
|
|
||||||
(!compilerCore.isStaticExp(key) || isKeyboardEvent(key.content))) {
|
|
||||||
handlerExp = compilerCore.createCallExpression(context.helper(V_ON_WITH_KEYS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(keyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (eventOptionModifiers.length) {
|
|
||||||
const modifierPostfix = eventOptionModifiers.map(shared.capitalize).join("");
|
|
||||||
key = compilerCore.isStaticExp(key) ? compilerCore.createSimpleExpression(`${key.content}${modifierPostfix}`, true) : compilerCore.createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [compilerCore.createObjectProperty(key, handlerExp)]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformShow = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(61, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [],
|
|
||||||
needRuntime: context.helper(V_SHOW)
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const expReplaceRE = /__VUE_EXP_START__(.*?)__VUE_EXP_END__/g;
|
|
||||||
const stringifyStatic = (children, context, parent) => {
|
|
||||||
if (context.scopes.vSlot > 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const isParentCached = parent.type === 1 && parent.codegenNode && parent.codegenNode.type === 13 && parent.codegenNode.children && !shared.isArray(parent.codegenNode.children) && parent.codegenNode.children.type === 20;
|
|
||||||
let nc = 0;
|
|
||||||
let ec = 0;
|
|
||||||
const currentChunk = [];
|
|
||||||
const stringifyCurrentChunk = (currentIndex) => {
|
|
||||||
if (nc >= 20 || ec >= 5) {
|
|
||||||
const staticCall = compilerCore.createCallExpression(context.helper(compilerCore.CREATE_STATIC), [
|
|
||||||
JSON.stringify(
|
|
||||||
currentChunk.map((node) => stringifyNode(node, context)).join("")
|
|
||||||
).replace(expReplaceRE, `" + $1 + "`),
|
|
||||||
// the 2nd argument indicates the number of DOM nodes this static vnode
|
|
||||||
// will insert / hydrate
|
|
||||||
String(currentChunk.length)
|
|
||||||
]);
|
|
||||||
if (isParentCached) {
|
|
||||||
parent.codegenNode.children.value = compilerCore.createArrayExpression([staticCall]);
|
|
||||||
} else {
|
|
||||||
currentChunk[0].codegenNode.value = staticCall;
|
|
||||||
if (currentChunk.length > 1) {
|
|
||||||
const deleteCount = currentChunk.length - 1;
|
|
||||||
children.splice(currentIndex - currentChunk.length + 1, deleteCount);
|
|
||||||
const cacheIndex = context.cached.indexOf(
|
|
||||||
currentChunk[currentChunk.length - 1].codegenNode
|
|
||||||
);
|
|
||||||
if (cacheIndex > -1) {
|
|
||||||
for (let i2 = cacheIndex; i2 < context.cached.length; i2++) {
|
|
||||||
const c = context.cached[i2];
|
|
||||||
if (c) c.index -= deleteCount;
|
|
||||||
}
|
|
||||||
context.cached.splice(cacheIndex - deleteCount + 1, deleteCount);
|
|
||||||
}
|
|
||||||
return deleteCount;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return 0;
|
|
||||||
};
|
|
||||||
let i = 0;
|
|
||||||
for (; i < children.length; i++) {
|
|
||||||
const child = children[i];
|
|
||||||
const isCached = isParentCached || getCachedNode(child);
|
|
||||||
if (isCached) {
|
|
||||||
const result = analyzeNode(child);
|
|
||||||
if (result) {
|
|
||||||
nc += result[0];
|
|
||||||
ec += result[1];
|
|
||||||
currentChunk.push(child);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i -= stringifyCurrentChunk(i);
|
|
||||||
nc = 0;
|
|
||||||
ec = 0;
|
|
||||||
currentChunk.length = 0;
|
|
||||||
}
|
|
||||||
stringifyCurrentChunk(i);
|
|
||||||
};
|
|
||||||
const getCachedNode = (node) => {
|
|
||||||
if ((node.type === 1 && node.tagType === 0 || node.type === 12) && node.codegenNode && node.codegenNode.type === 20) {
|
|
||||||
return node.codegenNode;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const dataAriaRE = /^(data|aria)-/;
|
|
||||||
const isStringifiableAttr = (name, ns) => {
|
|
||||||
return (ns === 0 ? shared.isKnownHtmlAttr(name) : ns === 1 ? shared.isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
|
|
||||||
};
|
|
||||||
const isNonStringifiable = /* @__PURE__ */ shared.makeMap(
|
|
||||||
`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
|
|
||||||
);
|
|
||||||
function analyzeNode(node) {
|
|
||||||
if (node.type === 1 && isNonStringifiable(node.tag)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (node.type === 12) {
|
|
||||||
return [1, 0];
|
|
||||||
}
|
|
||||||
let nc = 1;
|
|
||||||
let ec = node.props.length > 0 ? 1 : 0;
|
|
||||||
let bailed = false;
|
|
||||||
const bail = () => {
|
|
||||||
bailed = true;
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
function walk(node2) {
|
|
||||||
const isOptionTag = node2.tag === "option" && node2.ns === 0;
|
|
||||||
for (let i = 0; i < node2.props.length; i++) {
|
|
||||||
const p = node2.props[i];
|
|
||||||
if (p.type === 6 && !isStringifiableAttr(p.name, node2.ns)) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (p.type === 7 && p.name === "bind") {
|
|
||||||
if (p.arg && (p.arg.type === 8 || p.arg.isStatic && !isStringifiableAttr(p.arg.content, node2.ns))) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
if (isOptionTag && compilerCore.isStaticArgOf(p.arg, "value") && p.exp && p.exp.ast && p.exp.ast.type !== "StringLiteral") {
|
|
||||||
return bail();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (let i = 0; i < node2.children.length; i++) {
|
|
||||||
nc++;
|
|
||||||
const child = node2.children[i];
|
|
||||||
if (child.type === 1) {
|
|
||||||
if (child.props.length > 0) {
|
|
||||||
ec++;
|
|
||||||
}
|
|
||||||
walk(child);
|
|
||||||
if (bailed) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return walk(node) ? [nc, ec] : false;
|
|
||||||
}
|
|
||||||
function stringifyNode(node, context) {
|
|
||||||
if (shared.isString(node)) {
|
|
||||||
return node;
|
|
||||||
}
|
|
||||||
if (shared.isSymbol(node)) {
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
switch (node.type) {
|
|
||||||
case 1:
|
|
||||||
return stringifyElement(node, context);
|
|
||||||
case 2:
|
|
||||||
return shared.escapeHtml(node.content);
|
|
||||||
case 3:
|
|
||||||
return `<!--${shared.escapeHtml(node.content)}-->`;
|
|
||||||
case 5:
|
|
||||||
return shared.escapeHtml(shared.toDisplayString(evaluateConstant(node.content)));
|
|
||||||
case 8:
|
|
||||||
return shared.escapeHtml(evaluateConstant(node));
|
|
||||||
case 12:
|
|
||||||
return stringifyNode(node.content, context);
|
|
||||||
default:
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function stringifyElement(node, context) {
|
|
||||||
let res = `<${node.tag}`;
|
|
||||||
let innerHTML = "";
|
|
||||||
for (let i = 0; i < node.props.length; i++) {
|
|
||||||
const p = node.props[i];
|
|
||||||
if (p.type === 6) {
|
|
||||||
res += ` ${p.name}`;
|
|
||||||
if (p.value) {
|
|
||||||
res += `="${shared.escapeHtml(p.value.content)}"`;
|
|
||||||
}
|
|
||||||
} else if (p.type === 7) {
|
|
||||||
if (p.name === "bind") {
|
|
||||||
const exp = p.exp;
|
|
||||||
if (exp.content[0] === "_") {
|
|
||||||
res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (shared.isBooleanAttr(p.arg.content) && exp.content === "false") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
let evaluated = evaluateConstant(exp);
|
|
||||||
if (evaluated != null) {
|
|
||||||
const arg = p.arg && p.arg.content;
|
|
||||||
if (arg === "class") {
|
|
||||||
evaluated = shared.normalizeClass(evaluated);
|
|
||||||
} else if (arg === "style") {
|
|
||||||
evaluated = shared.stringifyStyle(shared.normalizeStyle(evaluated));
|
|
||||||
}
|
|
||||||
res += ` ${p.arg.content}="${shared.escapeHtml(
|
|
||||||
evaluated
|
|
||||||
)}"`;
|
|
||||||
}
|
|
||||||
} else if (p.name === "html") {
|
|
||||||
innerHTML = evaluateConstant(p.exp);
|
|
||||||
} else if (p.name === "text") {
|
|
||||||
innerHTML = shared.escapeHtml(
|
|
||||||
shared.toDisplayString(evaluateConstant(p.exp))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (context.scopeId) {
|
|
||||||
res += ` ${context.scopeId}`;
|
|
||||||
}
|
|
||||||
res += `>`;
|
|
||||||
if (innerHTML) {
|
|
||||||
res += innerHTML;
|
|
||||||
} else {
|
|
||||||
for (let i = 0; i < node.children.length; i++) {
|
|
||||||
res += stringifyNode(node.children[i], context);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!shared.isVoidTag(node.tag)) {
|
|
||||||
res += `</${node.tag}>`;
|
|
||||||
}
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
function evaluateConstant(exp) {
|
|
||||||
if (exp.type === 4) {
|
|
||||||
return new Function(`return (${exp.content})`)();
|
|
||||||
} else {
|
|
||||||
let res = ``;
|
|
||||||
exp.children.forEach((c) => {
|
|
||||||
if (shared.isString(c) || shared.isSymbol(c)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (c.type === 2) {
|
|
||||||
res += c.content;
|
|
||||||
} else if (c.type === 5) {
|
|
||||||
res += shared.toDisplayString(evaluateConstant(c.content));
|
|
||||||
} else {
|
|
||||||
res += evaluateConstant(c);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const ignoreSideEffectTags = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
|
|
||||||
context.removeNode();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const DOMNodeTransforms = [
|
|
||||||
transformStyle,
|
|
||||||
...[]
|
|
||||||
];
|
|
||||||
const DOMDirectiveTransforms = {
|
|
||||||
cloak: compilerCore.noopDirectiveTransform,
|
|
||||||
html: transformVHtml,
|
|
||||||
text: transformVText,
|
|
||||||
model: transformModel,
|
|
||||||
// override compiler-core
|
|
||||||
on: transformOn,
|
|
||||||
// override compiler-core
|
|
||||||
show: transformShow
|
|
||||||
};
|
|
||||||
function compile(src, options = {}) {
|
|
||||||
return compilerCore.baseCompile(
|
|
||||||
src,
|
|
||||||
shared.extend({}, parserOptions, options, {
|
|
||||||
nodeTransforms: [
|
|
||||||
// ignore <script> and <tag>
|
|
||||||
// this is not put inside DOMNodeTransforms because that list is used
|
|
||||||
// by compiler-ssr to generate vnode fallback branches
|
|
||||||
ignoreSideEffectTags,
|
|
||||||
...DOMNodeTransforms,
|
|
||||||
...options.nodeTransforms || []
|
|
||||||
],
|
|
||||||
directiveTransforms: shared.extend(
|
|
||||||
{},
|
|
||||||
DOMDirectiveTransforms,
|
|
||||||
options.directiveTransforms || {}
|
|
||||||
),
|
|
||||||
transformHoist: stringifyStatic
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function parse(template, options = {}) {
|
|
||||||
return compilerCore.baseParse(template, shared.extend({}, parserOptions, options));
|
|
||||||
}
|
|
||||||
|
|
||||||
exports.DOMDirectiveTransforms = DOMDirectiveTransforms;
|
|
||||||
exports.DOMErrorCodes = DOMErrorCodes;
|
|
||||||
exports.DOMErrorMessages = DOMErrorMessages;
|
|
||||||
exports.DOMNodeTransforms = DOMNodeTransforms;
|
|
||||||
exports.TRANSITION = TRANSITION;
|
|
||||||
exports.TRANSITION_GROUP = TRANSITION_GROUP;
|
|
||||||
exports.V_MODEL_CHECKBOX = V_MODEL_CHECKBOX;
|
|
||||||
exports.V_MODEL_DYNAMIC = V_MODEL_DYNAMIC;
|
|
||||||
exports.V_MODEL_RADIO = V_MODEL_RADIO;
|
|
||||||
exports.V_MODEL_SELECT = V_MODEL_SELECT;
|
|
||||||
exports.V_MODEL_TEXT = V_MODEL_TEXT;
|
|
||||||
exports.V_ON_WITH_KEYS = V_ON_WITH_KEYS;
|
|
||||||
exports.V_ON_WITH_MODIFIERS = V_ON_WITH_MODIFIERS;
|
|
||||||
exports.V_SHOW = V_SHOW;
|
|
||||||
exports.compile = compile;
|
|
||||||
exports.createDOMCompilerError = createDOMCompilerError;
|
|
||||||
exports.parse = parse;
|
|
||||||
exports.parserOptions = parserOptions;
|
|
||||||
exports.transformStyle = transformStyle;
|
|
||||||
Object.keys(compilerCore).forEach(function (k) {
|
|
||||||
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = compilerCore[k];
|
|
||||||
});
|
|
@ -1,45 +0,0 @@
|
|||||||
import { ParserOptions, NodeTransform, SourceLocation, CompilerError, DirectiveTransform, RootNode, CompilerOptions, CodegenResult } from '@vue/compiler-core';
|
|
||||||
export * from '@vue/compiler-core';
|
|
||||||
|
|
||||||
export declare const parserOptions: ParserOptions;
|
|
||||||
|
|
||||||
export declare const V_MODEL_RADIO: unique symbol;
|
|
||||||
export declare const V_MODEL_CHECKBOX: unique symbol;
|
|
||||||
export declare const V_MODEL_TEXT: unique symbol;
|
|
||||||
export declare const V_MODEL_SELECT: unique symbol;
|
|
||||||
export declare const V_MODEL_DYNAMIC: unique symbol;
|
|
||||||
export declare const V_ON_WITH_MODIFIERS: unique symbol;
|
|
||||||
export declare const V_ON_WITH_KEYS: unique symbol;
|
|
||||||
export declare const V_SHOW: unique symbol;
|
|
||||||
export declare const TRANSITION: unique symbol;
|
|
||||||
export declare const TRANSITION_GROUP: unique symbol;
|
|
||||||
|
|
||||||
export declare const transformStyle: NodeTransform;
|
|
||||||
|
|
||||||
interface DOMCompilerError extends CompilerError {
|
|
||||||
code: DOMErrorCodes;
|
|
||||||
}
|
|
||||||
export declare function createDOMCompilerError(code: DOMErrorCodes, loc?: SourceLocation): DOMCompilerError;
|
|
||||||
export declare enum DOMErrorCodes {
|
|
||||||
X_V_HTML_NO_EXPRESSION = 53,
|
|
||||||
X_V_HTML_WITH_CHILDREN = 54,
|
|
||||||
X_V_TEXT_NO_EXPRESSION = 55,
|
|
||||||
X_V_TEXT_WITH_CHILDREN = 56,
|
|
||||||
X_V_MODEL_ON_INVALID_ELEMENT = 57,
|
|
||||||
X_V_MODEL_ARG_ON_ELEMENT = 58,
|
|
||||||
X_V_MODEL_ON_FILE_INPUT_ELEMENT = 59,
|
|
||||||
X_V_MODEL_UNNECESSARY_VALUE = 60,
|
|
||||||
X_V_SHOW_NO_EXPRESSION = 61,
|
|
||||||
X_TRANSITION_INVALID_CHILDREN = 62,
|
|
||||||
X_IGNORED_SIDE_EFFECT_TAG = 63,
|
|
||||||
__EXTEND_POINT__ = 64
|
|
||||||
}
|
|
||||||
export declare const DOMErrorMessages: {
|
|
||||||
[code: number]: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export declare const DOMNodeTransforms: NodeTransform[];
|
|
||||||
export declare const DOMDirectiveTransforms: Record<string, DirectiveTransform>;
|
|
||||||
export declare function compile(src: string | RootNode, options?: CompilerOptions): CodegenResult;
|
|
||||||
export declare function parse(template: string, options?: ParserOptions): RootNode;
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
11
calculator/node_modules/@vue/compiler-dom/dist/compiler-dom.esm-browser.prod.js
generated
vendored
11
calculator/node_modules/@vue/compiler-dom/dist/compiler-dom.esm-browser.prod.js
generated
vendored
File diff suppressed because one or more lines are too long
@ -1,689 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vue/compiler-dom v3.5.1
|
|
||||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
||||||
* @license MIT
|
|
||||||
**/
|
|
||||||
import { registerRuntimeHelpers, createSimpleExpression, createCompilerError, createObjectProperty, getConstantType, createCallExpression, TO_DISPLAY_STRING, transformModel as transformModel$1, findProp, hasDynamicKeyVBind, findDir, isStaticArgOf, transformOn as transformOn$1, isStaticExp, createCompoundExpression, checkCompatEnabled, noopDirectiveTransform, baseCompile, baseParse } from '@vue/compiler-core';
|
|
||||||
export * from '@vue/compiler-core';
|
|
||||||
import { isVoidTag, isHTMLTag, isSVGTag, isMathMLTag, parseStringStyle, capitalize, makeMap, extend } from '@vue/shared';
|
|
||||||
|
|
||||||
const V_MODEL_RADIO = Symbol(!!(process.env.NODE_ENV !== "production") ? `vModelRadio` : ``);
|
|
||||||
const V_MODEL_CHECKBOX = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `vModelCheckbox` : ``
|
|
||||||
);
|
|
||||||
const V_MODEL_TEXT = Symbol(!!(process.env.NODE_ENV !== "production") ? `vModelText` : ``);
|
|
||||||
const V_MODEL_SELECT = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `vModelSelect` : ``
|
|
||||||
);
|
|
||||||
const V_MODEL_DYNAMIC = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `vModelDynamic` : ``
|
|
||||||
);
|
|
||||||
const V_ON_WITH_MODIFIERS = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `vOnModifiersGuard` : ``
|
|
||||||
);
|
|
||||||
const V_ON_WITH_KEYS = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `vOnKeysGuard` : ``
|
|
||||||
);
|
|
||||||
const V_SHOW = Symbol(!!(process.env.NODE_ENV !== "production") ? `vShow` : ``);
|
|
||||||
const TRANSITION = Symbol(!!(process.env.NODE_ENV !== "production") ? `Transition` : ``);
|
|
||||||
const TRANSITION_GROUP = Symbol(
|
|
||||||
!!(process.env.NODE_ENV !== "production") ? `TransitionGroup` : ``
|
|
||||||
);
|
|
||||||
registerRuntimeHelpers({
|
|
||||||
[V_MODEL_RADIO]: `vModelRadio`,
|
|
||||||
[V_MODEL_CHECKBOX]: `vModelCheckbox`,
|
|
||||||
[V_MODEL_TEXT]: `vModelText`,
|
|
||||||
[V_MODEL_SELECT]: `vModelSelect`,
|
|
||||||
[V_MODEL_DYNAMIC]: `vModelDynamic`,
|
|
||||||
[V_ON_WITH_MODIFIERS]: `withModifiers`,
|
|
||||||
[V_ON_WITH_KEYS]: `withKeys`,
|
|
||||||
[V_SHOW]: `vShow`,
|
|
||||||
[TRANSITION]: `Transition`,
|
|
||||||
[TRANSITION_GROUP]: `TransitionGroup`
|
|
||||||
});
|
|
||||||
|
|
||||||
let decoder;
|
|
||||||
function decodeHtmlBrowser(raw, asAttr = false) {
|
|
||||||
if (!decoder) {
|
|
||||||
decoder = document.createElement("div");
|
|
||||||
}
|
|
||||||
if (asAttr) {
|
|
||||||
decoder.innerHTML = `<div foo="${raw.replace(/"/g, """)}">`;
|
|
||||||
return decoder.children[0].getAttribute("foo");
|
|
||||||
} else {
|
|
||||||
decoder.innerHTML = raw;
|
|
||||||
return decoder.textContent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const parserOptions = {
|
|
||||||
parseMode: "html",
|
|
||||||
isVoidTag,
|
|
||||||
isNativeTag: (tag) => isHTMLTag(tag) || isSVGTag(tag) || isMathMLTag(tag),
|
|
||||||
isPreTag: (tag) => tag === "pre",
|
|
||||||
decodeEntities: decodeHtmlBrowser ,
|
|
||||||
isBuiltInComponent: (tag) => {
|
|
||||||
if (tag === "Transition" || tag === "transition") {
|
|
||||||
return TRANSITION;
|
|
||||||
} else if (tag === "TransitionGroup" || tag === "transition-group") {
|
|
||||||
return TRANSITION_GROUP;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher
|
|
||||||
getNamespace(tag, parent, rootNamespace) {
|
|
||||||
let ns = parent ? parent.ns : rootNamespace;
|
|
||||||
if (parent && ns === 2) {
|
|
||||||
if (parent.tag === "annotation-xml") {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (parent.props.some(
|
|
||||||
(a) => a.type === 6 && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
|
|
||||||
)) {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
} else if (parent && ns === 1) {
|
|
||||||
if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") {
|
|
||||||
ns = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (ns === 0) {
|
|
||||||
if (tag === "svg") {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
if (tag === "math") {
|
|
||||||
return 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ns;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformStyle = (node) => {
|
|
||||||
if (node.type === 1) {
|
|
||||||
node.props.forEach((p, i) => {
|
|
||||||
if (p.type === 6 && p.name === "style" && p.value) {
|
|
||||||
node.props[i] = {
|
|
||||||
type: 7,
|
|
||||||
name: `bind`,
|
|
||||||
arg: createSimpleExpression(`style`, true, p.loc),
|
|
||||||
exp: parseInlineCSS(p.value.content, p.loc),
|
|
||||||
modifiers: [],
|
|
||||||
loc: p.loc
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const parseInlineCSS = (cssText, loc) => {
|
|
||||||
const normalized = parseStringStyle(cssText);
|
|
||||||
return createSimpleExpression(
|
|
||||||
JSON.stringify(normalized),
|
|
||||||
false,
|
|
||||||
loc,
|
|
||||||
3
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
function createDOMCompilerError(code, loc) {
|
|
||||||
return createCompilerError(
|
|
||||||
code,
|
|
||||||
loc,
|
|
||||||
!!(process.env.NODE_ENV !== "production") || false ? DOMErrorMessages : void 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const DOMErrorCodes = {
|
|
||||||
"X_V_HTML_NO_EXPRESSION": 53,
|
|
||||||
"53": "X_V_HTML_NO_EXPRESSION",
|
|
||||||
"X_V_HTML_WITH_CHILDREN": 54,
|
|
||||||
"54": "X_V_HTML_WITH_CHILDREN",
|
|
||||||
"X_V_TEXT_NO_EXPRESSION": 55,
|
|
||||||
"55": "X_V_TEXT_NO_EXPRESSION",
|
|
||||||
"X_V_TEXT_WITH_CHILDREN": 56,
|
|
||||||
"56": "X_V_TEXT_WITH_CHILDREN",
|
|
||||||
"X_V_MODEL_ON_INVALID_ELEMENT": 57,
|
|
||||||
"57": "X_V_MODEL_ON_INVALID_ELEMENT",
|
|
||||||
"X_V_MODEL_ARG_ON_ELEMENT": 58,
|
|
||||||
"58": "X_V_MODEL_ARG_ON_ELEMENT",
|
|
||||||
"X_V_MODEL_ON_FILE_INPUT_ELEMENT": 59,
|
|
||||||
"59": "X_V_MODEL_ON_FILE_INPUT_ELEMENT",
|
|
||||||
"X_V_MODEL_UNNECESSARY_VALUE": 60,
|
|
||||||
"60": "X_V_MODEL_UNNECESSARY_VALUE",
|
|
||||||
"X_V_SHOW_NO_EXPRESSION": 61,
|
|
||||||
"61": "X_V_SHOW_NO_EXPRESSION",
|
|
||||||
"X_TRANSITION_INVALID_CHILDREN": 62,
|
|
||||||
"62": "X_TRANSITION_INVALID_CHILDREN",
|
|
||||||
"X_IGNORED_SIDE_EFFECT_TAG": 63,
|
|
||||||
"63": "X_IGNORED_SIDE_EFFECT_TAG",
|
|
||||||
"__EXTEND_POINT__": 64,
|
|
||||||
"64": "__EXTEND_POINT__"
|
|
||||||
};
|
|
||||||
const DOMErrorMessages = {
|
|
||||||
[53]: `v-html is missing expression.`,
|
|
||||||
[54]: `v-html will override element children.`,
|
|
||||||
[55]: `v-text is missing expression.`,
|
|
||||||
[56]: `v-text will override element children.`,
|
|
||||||
[57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
|
|
||||||
[58]: `v-model argument is not supported on plain elements.`,
|
|
||||||
[59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
|
|
||||||
[60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
|
|
||||||
[61]: `v-show is missing expression.`,
|
|
||||||
[62]: `<Transition> expects exactly one child element or component.`,
|
|
||||||
[63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVHtml = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(53, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(54, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
createObjectProperty(
|
|
||||||
createSimpleExpression(`innerHTML`, true, loc),
|
|
||||||
exp || createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformVText = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(55, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (node.children.length) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(56, loc)
|
|
||||||
);
|
|
||||||
node.children.length = 0;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [
|
|
||||||
createObjectProperty(
|
|
||||||
createSimpleExpression(`textContent`, true),
|
|
||||||
exp ? getConstantType(exp, context) > 0 ? exp : createCallExpression(
|
|
||||||
context.helperString(TO_DISPLAY_STRING),
|
|
||||||
[exp],
|
|
||||||
loc
|
|
||||||
) : createSimpleExpression("", true)
|
|
||||||
)
|
|
||||||
]
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformModel = (dir, node, context) => {
|
|
||||||
const baseResult = transformModel$1(dir, node, context);
|
|
||||||
if (!baseResult.props.length || node.tagType === 1) {
|
|
||||||
return baseResult;
|
|
||||||
}
|
|
||||||
if (dir.arg) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
58,
|
|
||||||
dir.arg.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function checkDuplicatedValue() {
|
|
||||||
const value = findDir(node, "bind");
|
|
||||||
if (value && isStaticArgOf(value.arg, "value")) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
60,
|
|
||||||
value.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const { tag } = node;
|
|
||||||
const isCustomElement = context.isCustomElement(tag);
|
|
||||||
if (tag === "input" || tag === "textarea" || tag === "select" || isCustomElement) {
|
|
||||||
let directiveToUse = V_MODEL_TEXT;
|
|
||||||
let isInvalidType = false;
|
|
||||||
if (tag === "input" || isCustomElement) {
|
|
||||||
const type = findProp(node, `type`);
|
|
||||||
if (type) {
|
|
||||||
if (type.type === 7) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else if (type.value) {
|
|
||||||
switch (type.value.content) {
|
|
||||||
case "radio":
|
|
||||||
directiveToUse = V_MODEL_RADIO;
|
|
||||||
break;
|
|
||||||
case "checkbox":
|
|
||||||
directiveToUse = V_MODEL_CHECKBOX;
|
|
||||||
break;
|
|
||||||
case "file":
|
|
||||||
isInvalidType = true;
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
59,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
!!(process.env.NODE_ENV !== "production") && checkDuplicatedValue();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (hasDynamicKeyVBind(node)) {
|
|
||||||
directiveToUse = V_MODEL_DYNAMIC;
|
|
||||||
} else {
|
|
||||||
!!(process.env.NODE_ENV !== "production") && checkDuplicatedValue();
|
|
||||||
}
|
|
||||||
} else if (tag === "select") {
|
|
||||||
directiveToUse = V_MODEL_SELECT;
|
|
||||||
} else {
|
|
||||||
!!(process.env.NODE_ENV !== "production") && checkDuplicatedValue();
|
|
||||||
}
|
|
||||||
if (!isInvalidType) {
|
|
||||||
baseResult.needRuntime = context.helper(directiveToUse);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
57,
|
|
||||||
dir.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
baseResult.props = baseResult.props.filter(
|
|
||||||
(p) => !(p.key.type === 4 && p.key.content === "modelValue")
|
|
||||||
);
|
|
||||||
return baseResult;
|
|
||||||
};
|
|
||||||
|
|
||||||
const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
|
|
||||||
const isNonKeyModifier = /* @__PURE__ */ makeMap(
|
|
||||||
// event propagation management
|
|
||||||
`stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
|
|
||||||
);
|
|
||||||
const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
|
|
||||||
const isKeyboardEvent = /* @__PURE__ */ makeMap(
|
|
||||||
`onkeyup,onkeydown,onkeypress`,
|
|
||||||
true
|
|
||||||
);
|
|
||||||
const resolveModifiers = (key, modifiers, context, loc) => {
|
|
||||||
const keyModifiers = [];
|
|
||||||
const nonKeyModifiers = [];
|
|
||||||
const eventOptionModifiers = [];
|
|
||||||
for (let i = 0; i < modifiers.length; i++) {
|
|
||||||
const modifier = modifiers[i];
|
|
||||||
if (modifier === "native" && checkCompatEnabled(
|
|
||||||
"COMPILER_V_ON_NATIVE",
|
|
||||||
context,
|
|
||||||
loc
|
|
||||||
)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else if (isEventOptionModifier(modifier)) {
|
|
||||||
eventOptionModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
if (maybeKeyModifier(modifier)) {
|
|
||||||
if (isStaticExp(key)) {
|
|
||||||
if (isKeyboardEvent(key.content)) {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (isNonKeyModifier(modifier)) {
|
|
||||||
nonKeyModifiers.push(modifier);
|
|
||||||
} else {
|
|
||||||
keyModifiers.push(modifier);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
keyModifiers,
|
|
||||||
nonKeyModifiers,
|
|
||||||
eventOptionModifiers
|
|
||||||
};
|
|
||||||
};
|
|
||||||
const transformClick = (key, event) => {
|
|
||||||
const isStaticClick = isStaticExp(key) && key.content.toLowerCase() === "onclick";
|
|
||||||
return isStaticClick ? createSimpleExpression(event, true) : key.type !== 4 ? createCompoundExpression([
|
|
||||||
`(`,
|
|
||||||
key,
|
|
||||||
`) === "onClick" ? "${event}" : (`,
|
|
||||||
key,
|
|
||||||
`)`
|
|
||||||
]) : key;
|
|
||||||
};
|
|
||||||
const transformOn = (dir, node, context) => {
|
|
||||||
return transformOn$1(dir, node, context, (baseResult) => {
|
|
||||||
const { modifiers } = dir;
|
|
||||||
if (!modifiers.length) return baseResult;
|
|
||||||
let { key, value: handlerExp } = baseResult.props[0];
|
|
||||||
const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc);
|
|
||||||
if (nonKeyModifiers.includes("right")) {
|
|
||||||
key = transformClick(key, `onContextmenu`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.includes("middle")) {
|
|
||||||
key = transformClick(key, `onMouseup`);
|
|
||||||
}
|
|
||||||
if (nonKeyModifiers.length) {
|
|
||||||
handlerExp = createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(nonKeyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard
|
|
||||||
(!isStaticExp(key) || isKeyboardEvent(key.content))) {
|
|
||||||
handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [
|
|
||||||
handlerExp,
|
|
||||||
JSON.stringify(keyModifiers)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
if (eventOptionModifiers.length) {
|
|
||||||
const modifierPostfix = eventOptionModifiers.map(capitalize).join("");
|
|
||||||
key = isStaticExp(key) ? createSimpleExpression(`${key.content}${modifierPostfix}`, true) : createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [createObjectProperty(key, handlerExp)]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformShow = (dir, node, context) => {
|
|
||||||
const { exp, loc } = dir;
|
|
||||||
if (!exp) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(61, loc)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
props: [],
|
|
||||||
needRuntime: context.helper(V_SHOW)
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const transformTransition = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 1) {
|
|
||||||
const component = context.isBuiltInComponent(node.tag);
|
|
||||||
if (component === TRANSITION) {
|
|
||||||
return () => {
|
|
||||||
if (!node.children.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (hasMultipleChildren(node)) {
|
|
||||||
context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
62,
|
|
||||||
{
|
|
||||||
start: node.children[0].loc.start,
|
|
||||||
end: node.children[node.children.length - 1].loc.end,
|
|
||||||
source: ""
|
|
||||||
}
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const child = node.children[0];
|
|
||||||
if (child.type === 1) {
|
|
||||||
for (const p of child.props) {
|
|
||||||
if (p.type === 7 && p.name === "show") {
|
|
||||||
node.props.push({
|
|
||||||
type: 6,
|
|
||||||
name: "persisted",
|
|
||||||
nameLoc: node.loc,
|
|
||||||
value: void 0,
|
|
||||||
loc: node.loc
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
function hasMultipleChildren(node) {
|
|
||||||
const children = node.children = node.children.filter(
|
|
||||||
(c) => c.type !== 3 && !(c.type === 2 && !c.content.trim())
|
|
||||||
);
|
|
||||||
const child = children[0];
|
|
||||||
return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
|
|
||||||
}
|
|
||||||
|
|
||||||
const ignoreSideEffectTags = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
|
|
||||||
!!(process.env.NODE_ENV !== "production") && context.onError(
|
|
||||||
createDOMCompilerError(
|
|
||||||
63,
|
|
||||||
node.loc
|
|
||||||
)
|
|
||||||
);
|
|
||||||
context.removeNode();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function isValidHTMLNesting(parent, child) {
|
|
||||||
if (parent in onlyValidChildren) {
|
|
||||||
return onlyValidChildren[parent].has(child);
|
|
||||||
}
|
|
||||||
if (child in onlyValidParents) {
|
|
||||||
return onlyValidParents[child].has(parent);
|
|
||||||
}
|
|
||||||
if (parent in knownInvalidChildren) {
|
|
||||||
if (knownInvalidChildren[parent].has(child)) return false;
|
|
||||||
}
|
|
||||||
if (child in knownInvalidParents) {
|
|
||||||
if (knownInvalidParents[child].has(parent)) return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
const headings = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
|
|
||||||
const emptySet = /* @__PURE__ */ new Set([]);
|
|
||||||
const onlyValidChildren = {
|
|
||||||
head: /* @__PURE__ */ new Set([
|
|
||||||
"base",
|
|
||||||
"basefront",
|
|
||||||
"bgsound",
|
|
||||||
"link",
|
|
||||||
"meta",
|
|
||||||
"title",
|
|
||||||
"noscript",
|
|
||||||
"noframes",
|
|
||||||
"style",
|
|
||||||
"script",
|
|
||||||
"template"
|
|
||||||
]),
|
|
||||||
optgroup: /* @__PURE__ */ new Set(["option"]),
|
|
||||||
select: /* @__PURE__ */ new Set(["optgroup", "option", "hr"]),
|
|
||||||
// table
|
|
||||||
table: /* @__PURE__ */ new Set(["caption", "colgroup", "tbody", "tfoot", "thead"]),
|
|
||||||
tr: /* @__PURE__ */ new Set(["td", "th"]),
|
|
||||||
colgroup: /* @__PURE__ */ new Set(["col"]),
|
|
||||||
tbody: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
thead: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
tfoot: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
// these elements can not have any children elements
|
|
||||||
script: emptySet,
|
|
||||||
iframe: emptySet,
|
|
||||||
option: emptySet,
|
|
||||||
textarea: emptySet,
|
|
||||||
style: emptySet,
|
|
||||||
title: emptySet
|
|
||||||
};
|
|
||||||
const onlyValidParents = {
|
|
||||||
// sections
|
|
||||||
html: emptySet,
|
|
||||||
body: /* @__PURE__ */ new Set(["html"]),
|
|
||||||
head: /* @__PURE__ */ new Set(["html"]),
|
|
||||||
// table
|
|
||||||
td: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
colgroup: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
caption: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tbody: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tfoot: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
col: /* @__PURE__ */ new Set(["colgroup"]),
|
|
||||||
th: /* @__PURE__ */ new Set(["tr"]),
|
|
||||||
thead: /* @__PURE__ */ new Set(["table"]),
|
|
||||||
tr: /* @__PURE__ */ new Set(["tbody", "thead", "tfoot"]),
|
|
||||||
// data list
|
|
||||||
dd: /* @__PURE__ */ new Set(["dl", "div"]),
|
|
||||||
dt: /* @__PURE__ */ new Set(["dl", "div"]),
|
|
||||||
// other
|
|
||||||
figcaption: /* @__PURE__ */ new Set(["figure"]),
|
|
||||||
// li: new Set(["ul", "ol"]),
|
|
||||||
summary: /* @__PURE__ */ new Set(["details"]),
|
|
||||||
area: /* @__PURE__ */ new Set(["map"])
|
|
||||||
};
|
|
||||||
const knownInvalidChildren = {
|
|
||||||
p: /* @__PURE__ */ new Set([
|
|
||||||
"address",
|
|
||||||
"article",
|
|
||||||
"aside",
|
|
||||||
"blockquote",
|
|
||||||
"center",
|
|
||||||
"details",
|
|
||||||
"dialog",
|
|
||||||
"dir",
|
|
||||||
"div",
|
|
||||||
"dl",
|
|
||||||
"fieldset",
|
|
||||||
"figure",
|
|
||||||
"footer",
|
|
||||||
"form",
|
|
||||||
"h1",
|
|
||||||
"h2",
|
|
||||||
"h3",
|
|
||||||
"h4",
|
|
||||||
"h5",
|
|
||||||
"h6",
|
|
||||||
"header",
|
|
||||||
"hgroup",
|
|
||||||
"hr",
|
|
||||||
"li",
|
|
||||||
"main",
|
|
||||||
"nav",
|
|
||||||
"menu",
|
|
||||||
"ol",
|
|
||||||
"p",
|
|
||||||
"pre",
|
|
||||||
"section",
|
|
||||||
"table",
|
|
||||||
"ul"
|
|
||||||
]),
|
|
||||||
svg: /* @__PURE__ */ new Set([
|
|
||||||
"b",
|
|
||||||
"blockquote",
|
|
||||||
"br",
|
|
||||||
"code",
|
|
||||||
"dd",
|
|
||||||
"div",
|
|
||||||
"dl",
|
|
||||||
"dt",
|
|
||||||
"em",
|
|
||||||
"embed",
|
|
||||||
"h1",
|
|
||||||
"h2",
|
|
||||||
"h3",
|
|
||||||
"h4",
|
|
||||||
"h5",
|
|
||||||
"h6",
|
|
||||||
"hr",
|
|
||||||
"i",
|
|
||||||
"img",
|
|
||||||
"li",
|
|
||||||
"menu",
|
|
||||||
"meta",
|
|
||||||
"ol",
|
|
||||||
"p",
|
|
||||||
"pre",
|
|
||||||
"ruby",
|
|
||||||
"s",
|
|
||||||
"small",
|
|
||||||
"span",
|
|
||||||
"strong",
|
|
||||||
"sub",
|
|
||||||
"sup",
|
|
||||||
"table",
|
|
||||||
"u",
|
|
||||||
"ul",
|
|
||||||
"var"
|
|
||||||
])
|
|
||||||
};
|
|
||||||
const knownInvalidParents = {
|
|
||||||
a: /* @__PURE__ */ new Set(["a"]),
|
|
||||||
button: /* @__PURE__ */ new Set(["button"]),
|
|
||||||
dd: /* @__PURE__ */ new Set(["dd", "dt"]),
|
|
||||||
dt: /* @__PURE__ */ new Set(["dd", "dt"]),
|
|
||||||
form: /* @__PURE__ */ new Set(["form"]),
|
|
||||||
li: /* @__PURE__ */ new Set(["li"]),
|
|
||||||
h1: headings,
|
|
||||||
h2: headings,
|
|
||||||
h3: headings,
|
|
||||||
h4: headings,
|
|
||||||
h5: headings,
|
|
||||||
h6: headings
|
|
||||||
};
|
|
||||||
|
|
||||||
const validateHtmlNesting = (node, context) => {
|
|
||||||
if (node.type === 1 && node.tagType === 0 && context.parent && context.parent.type === 1 && context.parent.tagType === 0 && !isValidHTMLNesting(context.parent.tag, node.tag)) {
|
|
||||||
const error = new SyntaxError(
|
|
||||||
`<${node.tag}> cannot be child of <${context.parent.tag}>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.`
|
|
||||||
);
|
|
||||||
error.loc = node.loc;
|
|
||||||
context.onWarn(error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const DOMNodeTransforms = [
|
|
||||||
transformStyle,
|
|
||||||
...!!(process.env.NODE_ENV !== "production") ? [transformTransition, validateHtmlNesting] : []
|
|
||||||
];
|
|
||||||
const DOMDirectiveTransforms = {
|
|
||||||
cloak: noopDirectiveTransform,
|
|
||||||
html: transformVHtml,
|
|
||||||
text: transformVText,
|
|
||||||
model: transformModel,
|
|
||||||
// override compiler-core
|
|
||||||
on: transformOn,
|
|
||||||
// override compiler-core
|
|
||||||
show: transformShow
|
|
||||||
};
|
|
||||||
function compile(src, options = {}) {
|
|
||||||
return baseCompile(
|
|
||||||
src,
|
|
||||||
extend({}, parserOptions, options, {
|
|
||||||
nodeTransforms: [
|
|
||||||
// ignore <script> and <tag>
|
|
||||||
// this is not put inside DOMNodeTransforms because that list is used
|
|
||||||
// by compiler-ssr to generate vnode fallback branches
|
|
||||||
ignoreSideEffectTags,
|
|
||||||
...DOMNodeTransforms,
|
|
||||||
...options.nodeTransforms || []
|
|
||||||
],
|
|
||||||
directiveTransforms: extend(
|
|
||||||
{},
|
|
||||||
DOMDirectiveTransforms,
|
|
||||||
options.directiveTransforms || {}
|
|
||||||
),
|
|
||||||
transformHoist: null
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function parse(template, options = {}) {
|
|
||||||
return baseParse(template, extend({}, parserOptions, options));
|
|
||||||
}
|
|
||||||
|
|
||||||
export { DOMDirectiveTransforms, DOMErrorCodes, DOMErrorMessages, DOMNodeTransforms, TRANSITION, TRANSITION_GROUP, V_MODEL_CHECKBOX, V_MODEL_DYNAMIC, V_MODEL_RADIO, V_MODEL_SELECT, V_MODEL_TEXT, V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS, V_SHOW, compile, createDOMCompilerError, parse, parserOptions, transformStyle };
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/compiler-dom.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/compiler-dom.cjs.js')
|
|
||||||
}
|
|
@ -1,57 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/compiler-dom",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/compiler-dom",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/compiler-dom.esm-bundler.js",
|
|
||||||
"types": "dist/compiler-dom.d.ts",
|
|
||||||
"unpkg": "dist/compiler-dom.global.js",
|
|
||||||
"jsdelivr": "dist/compiler-dom.global.js",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/compiler-dom.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/compiler-dom.cjs.prod.js",
|
|
||||||
"development": "./dist/compiler-dom.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/compiler-dom.esm-bundler.js",
|
|
||||||
"import": "./dist/compiler-dom.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueCompilerDOM",
|
|
||||||
"compat": true,
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"esm-browser",
|
|
||||||
"cjs",
|
|
||||||
"global"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/compiler-dom"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-dom#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@vue/compiler-core": "3.5.1",
|
|
||||||
"@vue/shared": "3.5.1"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1,80 +0,0 @@
|
|||||||
# @vue/compiler-sfc
|
|
||||||
|
|
||||||
> Lower level utilities for compiling Vue Single File Components
|
|
||||||
|
|
||||||
**Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/compiler-sfc`. This means you no longer need to explicitly install this package and ensure its version match that of `vue`'s. Just use the main `vue/compiler-sfc` deep import instead.**
|
|
||||||
|
|
||||||
This package contains lower level utilities that you can use if you are writing a plugin / transform for a bundler or module system that compiles Vue Single File Components (SFCs) into JavaScript. It is used in [vue-loader](https://github.com/vuejs/vue-loader) and [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue).
|
|
||||||
|
|
||||||
## API
|
|
||||||
|
|
||||||
The API is intentionally low-level due to the various considerations when integrating Vue SFCs in a build system:
|
|
||||||
|
|
||||||
- Separate hot-module replacement (HMR) for script, template and styles
|
|
||||||
|
|
||||||
- template updates should not reset component state
|
|
||||||
- style updates should be performed without component re-render
|
|
||||||
|
|
||||||
- Leveraging the tool's plugin system for pre-processor handling. e.g. `<style lang="scss">` should be processed by the corresponding webpack loader.
|
|
||||||
|
|
||||||
- In some cases, transformers of each block in an SFC do not share the same execution context. For example, when used with `thread-loader` or other parallelized configurations, the template sub-loader in `vue-loader` may not have access to the full SFC and its descriptor.
|
|
||||||
|
|
||||||
The general idea is to generate a facade module that imports the individual blocks of the component. The trick is the module imports itself with different query strings so that the build system can handle each request as "virtual" modules:
|
|
||||||
|
|
||||||
```
|
|
||||||
+--------------------+
|
|
||||||
| |
|
|
||||||
| script transform |
|
|
||||||
+----->+ |
|
|
||||||
| +--------------------+
|
|
||||||
|
|
|
||||||
+--------------------+ | +--------------------+
|
|
||||||
| | | | |
|
|
||||||
| facade transform +----------->+ template transform |
|
|
||||||
| | | | |
|
|
||||||
+--------------------+ | +--------------------+
|
|
||||||
|
|
|
||||||
| +--------------------+
|
|
||||||
+----->+ |
|
|
||||||
| style transform |
|
|
||||||
| |
|
|
||||||
+--------------------+
|
|
||||||
```
|
|
||||||
|
|
||||||
Where the facade module looks like this:
|
|
||||||
|
|
||||||
```js
|
|
||||||
// main script
|
|
||||||
import script from '/project/foo.vue?vue&type=script'
|
|
||||||
// template compiled to render function
|
|
||||||
import { render } from '/project/foo.vue?vue&type=template&id=xxxxxx'
|
|
||||||
// css
|
|
||||||
import '/project/foo.vue?vue&type=style&index=0&id=xxxxxx'
|
|
||||||
|
|
||||||
// attach render function to script
|
|
||||||
script.render = render
|
|
||||||
|
|
||||||
// attach additional metadata
|
|
||||||
// some of these should be dev only
|
|
||||||
script.__file = 'example.vue'
|
|
||||||
script.__scopeId = 'xxxxxx'
|
|
||||||
|
|
||||||
// additional tooling-specific HMR handling code
|
|
||||||
// using __VUE_HMR_API__ global
|
|
||||||
|
|
||||||
export default script
|
|
||||||
```
|
|
||||||
|
|
||||||
### High Level Workflow
|
|
||||||
|
|
||||||
1. In facade transform, parse the source into descriptor with the `parse` API and generate the above facade module code based on the descriptor;
|
|
||||||
|
|
||||||
2. In script transform, use `compileScript` to process the script. This handles features like `<script setup>` and CSS variable injection. Alternatively, this can be done directly in the facade module (with the code inlined instead of imported), but it will require rewriting `export default` to a temp variable (a `rewriteDefault` convenience API is provided for this purpose) so additional options can be attached to the exported object.
|
|
||||||
|
|
||||||
3. In template transform, use `compileTemplate` to compile the raw template into render function code.
|
|
||||||
|
|
||||||
4. In style transform, use `compileStyle` to compile raw CSS to handle `<style scoped>`, `<style module>` and CSS variable injection.
|
|
||||||
|
|
||||||
Options needed for these APIs can be passed via the query string.
|
|
||||||
|
|
||||||
For detailed API references and options, check out the source type definitions. For actual usage of these APIs, check out [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) or [vue-loader](https://github.com/vuejs/vue-loader/tree/next).
|
|
File diff suppressed because it is too large
Load Diff
@ -1,483 +0,0 @@
|
|||||||
import * as _babel_types from '@babel/types';
|
|
||||||
import { Statement, Expression, TSType, Node, Program, CallExpression, ObjectPattern, TSModuleDeclaration, TSPropertySignature, TSMethodSignature, TSCallSignatureDeclaration, TSFunctionType } from '@babel/types';
|
|
||||||
import { RootNode, CompilerOptions, CodegenResult, ParserOptions, CompilerError, RawSourceMap, SourceLocation, BindingMetadata as BindingMetadata$1 } from '@vue/compiler-core';
|
|
||||||
export { BindingMetadata, CompilerError, CompilerOptions, extractIdentifiers, generateCodeFrame, isInDestructureAssignment, isStaticProperty, walkIdentifiers } from '@vue/compiler-core';
|
|
||||||
import { ParserPlugin } from '@babel/parser';
|
|
||||||
export { parse as babelParse } from '@babel/parser';
|
|
||||||
import { Result, LazyResult } from 'postcss';
|
|
||||||
import MagicString from 'magic-string';
|
|
||||||
export { default as MagicString } from 'magic-string';
|
|
||||||
import TS from 'typescript';
|
|
||||||
|
|
||||||
export interface AssetURLTagConfig {
|
|
||||||
[name: string]: string[];
|
|
||||||
}
|
|
||||||
export interface AssetURLOptions {
|
|
||||||
/**
|
|
||||||
* If base is provided, instead of transforming relative asset urls into
|
|
||||||
* imports, they will be directly rewritten to absolute urls.
|
|
||||||
*/
|
|
||||||
base?: string | null;
|
|
||||||
/**
|
|
||||||
* If true, also processes absolute urls.
|
|
||||||
*/
|
|
||||||
includeAbsolute?: boolean;
|
|
||||||
tags?: AssetURLTagConfig;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TemplateCompiler {
|
|
||||||
compile(source: string | RootNode, options: CompilerOptions): CodegenResult;
|
|
||||||
parse(template: string, options: ParserOptions): RootNode;
|
|
||||||
}
|
|
||||||
export interface SFCTemplateCompileResults {
|
|
||||||
code: string;
|
|
||||||
ast?: RootNode;
|
|
||||||
preamble?: string;
|
|
||||||
source: string;
|
|
||||||
tips: string[];
|
|
||||||
errors: (string | CompilerError)[];
|
|
||||||
map?: RawSourceMap;
|
|
||||||
}
|
|
||||||
export interface SFCTemplateCompileOptions {
|
|
||||||
source: string;
|
|
||||||
ast?: RootNode;
|
|
||||||
filename: string;
|
|
||||||
id: string;
|
|
||||||
scoped?: boolean;
|
|
||||||
slotted?: boolean;
|
|
||||||
isProd?: boolean;
|
|
||||||
ssr?: boolean;
|
|
||||||
ssrCssVars?: string[];
|
|
||||||
inMap?: RawSourceMap;
|
|
||||||
compiler?: TemplateCompiler;
|
|
||||||
compilerOptions?: CompilerOptions;
|
|
||||||
preprocessLang?: string;
|
|
||||||
preprocessOptions?: any;
|
|
||||||
/**
|
|
||||||
* In some cases, compiler-sfc may not be inside the project root (e.g. when
|
|
||||||
* linked or globally installed). In such cases a custom `require` can be
|
|
||||||
* passed to correctly resolve the preprocessors.
|
|
||||||
*/
|
|
||||||
preprocessCustomRequire?: (id: string) => any;
|
|
||||||
/**
|
|
||||||
* Configure what tags/attributes to transform into asset url imports,
|
|
||||||
* or disable the transform altogether with `false`.
|
|
||||||
*/
|
|
||||||
transformAssetUrls?: AssetURLOptions | AssetURLTagConfig | boolean;
|
|
||||||
}
|
|
||||||
export declare function compileTemplate(options: SFCTemplateCompileOptions): SFCTemplateCompileResults;
|
|
||||||
|
|
||||||
export interface SFCScriptCompileOptions {
|
|
||||||
/**
|
|
||||||
* Scope ID for prefixing injected CSS variables.
|
|
||||||
* This must be consistent with the `id` passed to `compileStyle`.
|
|
||||||
*/
|
|
||||||
id: string;
|
|
||||||
/**
|
|
||||||
* Production mode. Used to determine whether to generate hashed CSS variables
|
|
||||||
*/
|
|
||||||
isProd?: boolean;
|
|
||||||
/**
|
|
||||||
* Enable/disable source map. Defaults to true.
|
|
||||||
*/
|
|
||||||
sourceMap?: boolean;
|
|
||||||
/**
|
|
||||||
* https://babeljs.io/docs/en/babel-parser#plugins
|
|
||||||
*/
|
|
||||||
babelParserPlugins?: ParserPlugin[];
|
|
||||||
/**
|
|
||||||
* A list of files to parse for global types to be made available for type
|
|
||||||
* resolving in SFC macros. The list must be fully resolved file system paths.
|
|
||||||
*/
|
|
||||||
globalTypeFiles?: string[];
|
|
||||||
/**
|
|
||||||
* Compile the template and inline the resulting render function
|
|
||||||
* directly inside setup().
|
|
||||||
* - Only affects `<script setup>`
|
|
||||||
* - This should only be used in production because it prevents the template
|
|
||||||
* from being hot-reloaded separately from component state.
|
|
||||||
*/
|
|
||||||
inlineTemplate?: boolean;
|
|
||||||
/**
|
|
||||||
* Generate the final component as a variable instead of default export.
|
|
||||||
* This is useful in e.g. @vitejs/plugin-vue where the script needs to be
|
|
||||||
* placed inside the main module.
|
|
||||||
*/
|
|
||||||
genDefaultAs?: string;
|
|
||||||
/**
|
|
||||||
* Options for template compilation when inlining. Note these are options that
|
|
||||||
* would normally be passed to `compiler-sfc`'s own `compileTemplate()`, not
|
|
||||||
* options passed to `compiler-dom`.
|
|
||||||
*/
|
|
||||||
templateOptions?: Partial<SFCTemplateCompileOptions>;
|
|
||||||
/**
|
|
||||||
* Hoist <script setup> static constants.
|
|
||||||
* - Only enables when one `<script setup>` exists.
|
|
||||||
* @default true
|
|
||||||
*/
|
|
||||||
hoistStatic?: boolean;
|
|
||||||
/**
|
|
||||||
* Set to `false` to disable reactive destructure for `defineProps` (pre-3.5
|
|
||||||
* behavior), or set to `'error'` to throw hard error on props destructures.
|
|
||||||
* @default true
|
|
||||||
*/
|
|
||||||
propsDestructure?: boolean | 'error';
|
|
||||||
/**
|
|
||||||
* File system access methods to be used when resolving types
|
|
||||||
* imported in SFC macros. Defaults to ts.sys in Node.js, can be overwritten
|
|
||||||
* to use a virtual file system for use in browsers (e.g. in REPLs)
|
|
||||||
*/
|
|
||||||
fs?: {
|
|
||||||
fileExists(file: string): boolean;
|
|
||||||
readFile(file: string): string | undefined;
|
|
||||||
realpath?(file: string): string;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Transform Vue SFCs into custom elements.
|
|
||||||
*/
|
|
||||||
customElement?: boolean | ((filename: string) => boolean);
|
|
||||||
}
|
|
||||||
interface ImportBinding {
|
|
||||||
isType: boolean;
|
|
||||||
imported: string;
|
|
||||||
local: string;
|
|
||||||
source: string;
|
|
||||||
isFromSetup: boolean;
|
|
||||||
isUsedInTemplate: boolean;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Compile `<script setup>`
|
|
||||||
* It requires the whole SFC descriptor because we need to handle and merge
|
|
||||||
* normal `<script>` + `<script setup>` if both are present.
|
|
||||||
*/
|
|
||||||
export declare function compileScript(sfc: SFCDescriptor, options: SFCScriptCompileOptions): SFCScriptBlock;
|
|
||||||
|
|
||||||
export interface SFCParseOptions {
|
|
||||||
filename?: string;
|
|
||||||
sourceMap?: boolean;
|
|
||||||
sourceRoot?: string;
|
|
||||||
pad?: boolean | 'line' | 'space';
|
|
||||||
ignoreEmpty?: boolean;
|
|
||||||
compiler?: TemplateCompiler;
|
|
||||||
templateParseOptions?: ParserOptions;
|
|
||||||
}
|
|
||||||
export interface SFCBlock {
|
|
||||||
type: string;
|
|
||||||
content: string;
|
|
||||||
attrs: Record<string, string | true>;
|
|
||||||
loc: SourceLocation;
|
|
||||||
map?: RawSourceMap;
|
|
||||||
lang?: string;
|
|
||||||
src?: string;
|
|
||||||
}
|
|
||||||
export interface SFCTemplateBlock extends SFCBlock {
|
|
||||||
type: 'template';
|
|
||||||
ast?: RootNode;
|
|
||||||
}
|
|
||||||
export interface SFCScriptBlock extends SFCBlock {
|
|
||||||
type: 'script';
|
|
||||||
setup?: string | boolean;
|
|
||||||
bindings?: BindingMetadata$1;
|
|
||||||
imports?: Record<string, ImportBinding>;
|
|
||||||
scriptAst?: _babel_types.Statement[];
|
|
||||||
scriptSetupAst?: _babel_types.Statement[];
|
|
||||||
warnings?: string[];
|
|
||||||
/**
|
|
||||||
* Fully resolved dependency file paths (unix slashes) with imported types
|
|
||||||
* used in macros, used for HMR cache busting in @vitejs/plugin-vue and
|
|
||||||
* vue-loader.
|
|
||||||
*/
|
|
||||||
deps?: string[];
|
|
||||||
}
|
|
||||||
export interface SFCStyleBlock extends SFCBlock {
|
|
||||||
type: 'style';
|
|
||||||
scoped?: boolean;
|
|
||||||
module?: string | boolean;
|
|
||||||
}
|
|
||||||
export interface SFCDescriptor {
|
|
||||||
filename: string;
|
|
||||||
source: string;
|
|
||||||
template: SFCTemplateBlock | null;
|
|
||||||
script: SFCScriptBlock | null;
|
|
||||||
scriptSetup: SFCScriptBlock | null;
|
|
||||||
styles: SFCStyleBlock[];
|
|
||||||
customBlocks: SFCBlock[];
|
|
||||||
cssVars: string[];
|
|
||||||
/**
|
|
||||||
* whether the SFC uses :slotted() modifier.
|
|
||||||
* this is used as a compiler optimization hint.
|
|
||||||
*/
|
|
||||||
slotted: boolean;
|
|
||||||
/**
|
|
||||||
* compare with an existing descriptor to determine whether HMR should perform
|
|
||||||
* a reload vs. re-render.
|
|
||||||
*
|
|
||||||
* Note: this comparison assumes the prev/next script are already identical,
|
|
||||||
* and only checks the special case where <script setup lang="ts"> unused import
|
|
||||||
* pruning result changes due to template changes.
|
|
||||||
*/
|
|
||||||
shouldForceReload: (prevImports: Record<string, ImportBinding>) => boolean;
|
|
||||||
}
|
|
||||||
export interface SFCParseResult {
|
|
||||||
descriptor: SFCDescriptor;
|
|
||||||
errors: (CompilerError | SyntaxError)[];
|
|
||||||
}
|
|
||||||
export declare function parse(source: string, options?: SFCParseOptions): SFCParseResult;
|
|
||||||
|
|
||||||
type PreprocessLang = 'less' | 'sass' | 'scss' | 'styl' | 'stylus';
|
|
||||||
|
|
||||||
export interface SFCStyleCompileOptions {
|
|
||||||
source: string;
|
|
||||||
filename: string;
|
|
||||||
id: string;
|
|
||||||
scoped?: boolean;
|
|
||||||
trim?: boolean;
|
|
||||||
isProd?: boolean;
|
|
||||||
inMap?: RawSourceMap;
|
|
||||||
preprocessLang?: PreprocessLang;
|
|
||||||
preprocessOptions?: any;
|
|
||||||
preprocessCustomRequire?: (id: string) => any;
|
|
||||||
postcssOptions?: any;
|
|
||||||
postcssPlugins?: any[];
|
|
||||||
/**
|
|
||||||
* @deprecated use `inMap` instead.
|
|
||||||
*/
|
|
||||||
map?: RawSourceMap;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Aligns with postcss-modules
|
|
||||||
* https://github.com/css-modules/postcss-modules
|
|
||||||
*/
|
|
||||||
interface CSSModulesOptions {
|
|
||||||
scopeBehaviour?: 'global' | 'local';
|
|
||||||
generateScopedName?: string | ((name: string, filename: string, css: string) => string);
|
|
||||||
hashPrefix?: string;
|
|
||||||
localsConvention?: 'camelCase' | 'camelCaseOnly' | 'dashes' | 'dashesOnly';
|
|
||||||
exportGlobals?: boolean;
|
|
||||||
globalModulePaths?: RegExp[];
|
|
||||||
}
|
|
||||||
export interface SFCAsyncStyleCompileOptions extends SFCStyleCompileOptions {
|
|
||||||
isAsync?: boolean;
|
|
||||||
modules?: boolean;
|
|
||||||
modulesOptions?: CSSModulesOptions;
|
|
||||||
}
|
|
||||||
export interface SFCStyleCompileResults {
|
|
||||||
code: string;
|
|
||||||
map: RawSourceMap | undefined;
|
|
||||||
rawResult: Result | LazyResult | undefined;
|
|
||||||
errors: Error[];
|
|
||||||
modules?: Record<string, string>;
|
|
||||||
dependencies: Set<string>;
|
|
||||||
}
|
|
||||||
export declare function compileStyle(options: SFCStyleCompileOptions): SFCStyleCompileResults;
|
|
||||||
export declare function compileStyleAsync(options: SFCAsyncStyleCompileOptions): Promise<SFCStyleCompileResults>;
|
|
||||||
|
|
||||||
export declare function rewriteDefault(input: string, as: string, parserPlugins?: ParserPlugin[]): string;
|
|
||||||
/**
|
|
||||||
* Utility for rewriting `export default` in a script block into a variable
|
|
||||||
* declaration so that we can inject things into it
|
|
||||||
*/
|
|
||||||
export declare function rewriteDefaultAST(ast: Statement[], s: MagicString, as: string): void;
|
|
||||||
|
|
||||||
type PropsDestructureBindings = Record<string, // public prop key
|
|
||||||
{
|
|
||||||
local: string;
|
|
||||||
default?: Expression;
|
|
||||||
}>;
|
|
||||||
export declare function extractRuntimeProps(ctx: TypeResolveContext): string | undefined;
|
|
||||||
|
|
||||||
interface ModelDecl {
|
|
||||||
type: TSType | undefined;
|
|
||||||
options: string | undefined;
|
|
||||||
identifier: string | undefined;
|
|
||||||
runtimeOptionNodes: Node[];
|
|
||||||
}
|
|
||||||
|
|
||||||
declare enum BindingTypes {
|
|
||||||
/**
|
|
||||||
* returned from data()
|
|
||||||
*/
|
|
||||||
DATA = "data",
|
|
||||||
/**
|
|
||||||
* declared as a prop
|
|
||||||
*/
|
|
||||||
PROPS = "props",
|
|
||||||
/**
|
|
||||||
* a local alias of a `<script setup>` destructured prop.
|
|
||||||
* the original is stored in __propsAliases of the bindingMetadata object.
|
|
||||||
*/
|
|
||||||
PROPS_ALIASED = "props-aliased",
|
|
||||||
/**
|
|
||||||
* a let binding (may or may not be a ref)
|
|
||||||
*/
|
|
||||||
SETUP_LET = "setup-let",
|
|
||||||
/**
|
|
||||||
* a const binding that can never be a ref.
|
|
||||||
* these bindings don't need `unref()` calls when processed in inlined
|
|
||||||
* template expressions.
|
|
||||||
*/
|
|
||||||
SETUP_CONST = "setup-const",
|
|
||||||
/**
|
|
||||||
* a const binding that does not need `unref()`, but may be mutated.
|
|
||||||
*/
|
|
||||||
SETUP_REACTIVE_CONST = "setup-reactive-const",
|
|
||||||
/**
|
|
||||||
* a const binding that may be a ref.
|
|
||||||
*/
|
|
||||||
SETUP_MAYBE_REF = "setup-maybe-ref",
|
|
||||||
/**
|
|
||||||
* bindings that are guaranteed to be refs
|
|
||||||
*/
|
|
||||||
SETUP_REF = "setup-ref",
|
|
||||||
/**
|
|
||||||
* declared by other options, e.g. computed, inject
|
|
||||||
*/
|
|
||||||
OPTIONS = "options",
|
|
||||||
/**
|
|
||||||
* a literal constant, e.g. 'foo', 1, true
|
|
||||||
*/
|
|
||||||
LITERAL_CONST = "literal-const"
|
|
||||||
}
|
|
||||||
type BindingMetadata = {
|
|
||||||
[key: string]: BindingTypes | undefined;
|
|
||||||
} & {
|
|
||||||
__isScriptSetup?: boolean;
|
|
||||||
__propsAliases?: Record<string, string>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export declare class ScriptCompileContext {
|
|
||||||
descriptor: SFCDescriptor;
|
|
||||||
options: Partial<SFCScriptCompileOptions>;
|
|
||||||
isJS: boolean;
|
|
||||||
isTS: boolean;
|
|
||||||
isCE: boolean;
|
|
||||||
scriptAst: Program | null;
|
|
||||||
scriptSetupAst: Program | null;
|
|
||||||
source: string;
|
|
||||||
filename: string;
|
|
||||||
s: MagicString;
|
|
||||||
startOffset: number | undefined;
|
|
||||||
endOffset: number | undefined;
|
|
||||||
scope?: TypeScope;
|
|
||||||
globalScopes?: TypeScope[];
|
|
||||||
userImports: Record<string, ImportBinding>;
|
|
||||||
hasDefinePropsCall: boolean;
|
|
||||||
hasDefineEmitCall: boolean;
|
|
||||||
hasDefineExposeCall: boolean;
|
|
||||||
hasDefaultExportName: boolean;
|
|
||||||
hasDefaultExportRender: boolean;
|
|
||||||
hasDefineOptionsCall: boolean;
|
|
||||||
hasDefineSlotsCall: boolean;
|
|
||||||
hasDefineModelCall: boolean;
|
|
||||||
propsCall: CallExpression | undefined;
|
|
||||||
propsDecl: Node | undefined;
|
|
||||||
propsRuntimeDecl: Node | undefined;
|
|
||||||
propsTypeDecl: Node | undefined;
|
|
||||||
propsDestructureDecl: ObjectPattern | undefined;
|
|
||||||
propsDestructuredBindings: PropsDestructureBindings;
|
|
||||||
propsDestructureRestId: string | undefined;
|
|
||||||
propsRuntimeDefaults: Node | undefined;
|
|
||||||
emitsRuntimeDecl: Node | undefined;
|
|
||||||
emitsTypeDecl: Node | undefined;
|
|
||||||
emitDecl: Node | undefined;
|
|
||||||
modelDecls: Record<string, ModelDecl>;
|
|
||||||
optionsRuntimeDecl: Node | undefined;
|
|
||||||
bindingMetadata: BindingMetadata;
|
|
||||||
helperImports: Set<string>;
|
|
||||||
helper(key: string): string;
|
|
||||||
/**
|
|
||||||
* to be exposed on compiled script block for HMR cache busting
|
|
||||||
*/
|
|
||||||
deps?: Set<string>;
|
|
||||||
/**
|
|
||||||
* cache for resolved fs
|
|
||||||
*/
|
|
||||||
fs?: NonNullable<SFCScriptCompileOptions['fs']>;
|
|
||||||
constructor(descriptor: SFCDescriptor, options: Partial<SFCScriptCompileOptions>);
|
|
||||||
getString(node: Node, scriptSetup?: boolean): string;
|
|
||||||
error(msg: string, node: Node, scope?: TypeScope): never;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type SimpleTypeResolveOptions = Partial<Pick<SFCScriptCompileOptions, 'globalTypeFiles' | 'fs' | 'babelParserPlugins' | 'isProd'>>;
|
|
||||||
/**
|
|
||||||
* TypeResolveContext is compatible with ScriptCompileContext
|
|
||||||
* but also allows a simpler version of it with minimal required properties
|
|
||||||
* when resolveType needs to be used in a non-SFC context, e.g. in a babel
|
|
||||||
* plugin. The simplest context can be just:
|
|
||||||
* ```ts
|
|
||||||
* const ctx: SimpleTypeResolveContext = {
|
|
||||||
* filename: '...',
|
|
||||||
* source: '...',
|
|
||||||
* options: {},
|
|
||||||
* error() {},
|
|
||||||
* ast: []
|
|
||||||
* }
|
|
||||||
* ```
|
|
||||||
*/
|
|
||||||
export type SimpleTypeResolveContext = Pick<ScriptCompileContext, 'source' | 'filename' | 'error' | 'helper' | 'getString' | 'propsTypeDecl' | 'propsRuntimeDefaults' | 'propsDestructuredBindings' | 'emitsTypeDecl' | 'isCE'> & Partial<Pick<ScriptCompileContext, 'scope' | 'globalScopes' | 'deps' | 'fs'>> & {
|
|
||||||
ast: Statement[];
|
|
||||||
options: SimpleTypeResolveOptions;
|
|
||||||
};
|
|
||||||
export type TypeResolveContext = ScriptCompileContext | SimpleTypeResolveContext;
|
|
||||||
type Import = Pick<ImportBinding, 'source' | 'imported'>;
|
|
||||||
interface WithScope {
|
|
||||||
_ownerScope: TypeScope;
|
|
||||||
}
|
|
||||||
type ScopeTypeNode = Node & WithScope & {
|
|
||||||
_ns?: TSModuleDeclaration & WithScope;
|
|
||||||
};
|
|
||||||
declare class TypeScope {
|
|
||||||
filename: string;
|
|
||||||
source: string;
|
|
||||||
offset: number;
|
|
||||||
imports: Record<string, Import>;
|
|
||||||
types: Record<string, ScopeTypeNode>;
|
|
||||||
declares: Record<string, ScopeTypeNode>;
|
|
||||||
constructor(filename: string, source: string, offset?: number, imports?: Record<string, Import>, types?: Record<string, ScopeTypeNode>, declares?: Record<string, ScopeTypeNode>);
|
|
||||||
isGenericScope: boolean;
|
|
||||||
resolvedImportSources: Record<string, string>;
|
|
||||||
exportedTypes: Record<string, ScopeTypeNode>;
|
|
||||||
exportedDeclares: Record<string, ScopeTypeNode>;
|
|
||||||
}
|
|
||||||
interface MaybeWithScope {
|
|
||||||
_ownerScope?: TypeScope;
|
|
||||||
}
|
|
||||||
interface ResolvedElements {
|
|
||||||
props: Record<string, (TSPropertySignature | TSMethodSignature) & {
|
|
||||||
_ownerScope: TypeScope;
|
|
||||||
}>;
|
|
||||||
calls?: (TSCallSignatureDeclaration | TSFunctionType)[];
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Resolve arbitrary type node to a list of type elements that can be then
|
|
||||||
* mapped to runtime props or emits.
|
|
||||||
*/
|
|
||||||
export declare function resolveTypeElements(ctx: TypeResolveContext, node: Node & MaybeWithScope & {
|
|
||||||
_resolvedElements?: ResolvedElements;
|
|
||||||
}, scope?: TypeScope, typeParameters?: Record<string, Node>): ResolvedElements;
|
|
||||||
/**
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
export declare function registerTS(_loadTS: () => typeof TS): void;
|
|
||||||
/**
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
export declare function invalidateTypeCache(filename: string): void;
|
|
||||||
export declare function inferRuntimeType(ctx: TypeResolveContext, node: Node & MaybeWithScope, scope?: TypeScope, isKeyOf?: boolean): string[];
|
|
||||||
|
|
||||||
export declare function extractRuntimeEmits(ctx: TypeResolveContext): Set<string>;
|
|
||||||
|
|
||||||
export declare const version: string;
|
|
||||||
|
|
||||||
export declare const parseCache: Map<string, SFCParseResult>;
|
|
||||||
export declare const errorMessages: Record<number, string>;
|
|
||||||
|
|
||||||
export declare const walk: any;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @deprecated this is preserved to avoid breaking vite-plugin-vue < 5.0
|
|
||||||
* with reactivityTransform: true. The desired behavior should be silently
|
|
||||||
* ignoring the option instead of breaking.
|
|
||||||
*/
|
|
||||||
export declare const shouldTransformRef: () => boolean;
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
@ -1,15 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
|
||||||
|
|
||||||
case `uname` in
|
|
||||||
*CYGWIN*) basedir=`cygpath -w "$basedir"`;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
if [ -x "$basedir/node" ]; then
|
|
||||||
"$basedir/node" "$basedir/../../../../@babel/parser/bin/babel-parser.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
else
|
|
||||||
node "$basedir/../../../../@babel/parser/bin/babel-parser.js" "$@"
|
|
||||||
ret=$?
|
|
||||||
fi
|
|
||||||
exit $ret
|
|
@ -1,7 +0,0 @@
|
|||||||
@IF EXIST "%~dp0\node.exe" (
|
|
||||||
"%~dp0\node.exe" "%~dp0\..\..\..\..\@babel\parser\bin\babel-parser.js" %*
|
|
||||||
) ELSE (
|
|
||||||
@SETLOCAL
|
|
||||||
@SET PATHEXT=%PATHEXT:;.JS;=;%
|
|
||||||
node "%~dp0\..\..\..\..\@babel\parser\bin\babel-parser.js" %*
|
|
||||||
)
|
|
@ -1,67 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/compiler-sfc",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/compiler-sfc",
|
|
||||||
"main": "dist/compiler-sfc.cjs.js",
|
|
||||||
"module": "dist/compiler-sfc.esm-browser.js",
|
|
||||||
"types": "dist/compiler-sfc.d.ts",
|
|
||||||
"files": [
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/compiler-sfc.d.ts",
|
|
||||||
"node": "./dist/compiler-sfc.cjs.js",
|
|
||||||
"module": "./dist/compiler-sfc.esm-browser.js",
|
|
||||||
"import": "./dist/compiler-sfc.esm-browser.js",
|
|
||||||
"require": "./dist/compiler-sfc.cjs.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueCompilerSFC",
|
|
||||||
"formats": [
|
|
||||||
"cjs",
|
|
||||||
"esm-browser"
|
|
||||||
],
|
|
||||||
"prod": false,
|
|
||||||
"enableNonBrowserBranches": true
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/compiler-sfc"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@babel/parser": "^7.25.3",
|
|
||||||
"estree-walker": "^2.0.2",
|
|
||||||
"magic-string": "^0.30.11",
|
|
||||||
"postcss": "^8.4.44",
|
|
||||||
"source-map-js": "^1.2.0",
|
|
||||||
"@vue/compiler-core": "3.5.1",
|
|
||||||
"@vue/compiler-dom": "3.5.1",
|
|
||||||
"@vue/compiler-ssr": "3.5.1",
|
|
||||||
"@vue/shared": "3.5.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@babel/types": "^7.25.2",
|
|
||||||
"@vue/consolidate": "^1.0.0",
|
|
||||||
"hash-sum": "^2.0.0",
|
|
||||||
"lru-cache": "10.1.0",
|
|
||||||
"merge-source-map": "^1.1.0",
|
|
||||||
"minimatch": "~9.0.5",
|
|
||||||
"postcss-modules": "^6.0.0",
|
|
||||||
"postcss-selector-parser": "^6.1.2",
|
|
||||||
"pug": "^3.0.3",
|
|
||||||
"sass": "^1.77.8"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1 +0,0 @@
|
|||||||
# @vue/compiler-ssr
|
|
File diff suppressed because it is too large
Load Diff
@ -1,4 +0,0 @@
|
|||||||
import { RootNode, CompilerOptions, CodegenResult } from '@vue/compiler-dom';
|
|
||||||
|
|
||||||
export declare function compile(source: string | RootNode, options?: CompilerOptions): CodegenResult;
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/compiler-ssr",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/compiler-ssr",
|
|
||||||
"main": "dist/compiler-ssr.cjs.js",
|
|
||||||
"types": "dist/compiler-ssr.d.ts",
|
|
||||||
"files": [
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"buildOptions": {
|
|
||||||
"prod": false,
|
|
||||||
"formats": [
|
|
||||||
"cjs"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/compiler-ssr"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-ssr#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@vue/shared": "3.5.1",
|
|
||||||
"@vue/compiler-dom": "3.5.1"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1,19 +0,0 @@
|
|||||||
# @vue/reactivity
|
|
||||||
|
|
||||||
## Usage Note
|
|
||||||
|
|
||||||
This package is inlined into Global & Browser ESM builds of user-facing renderers (e.g. `@vue/runtime-dom`), but also published as a package that can be used standalone. The standalone build should not be used alongside a pre-bundled build of a user-facing renderer, as they will have different internal storage for reactivity connections. A user-facing renderer should re-export all APIs from this package.
|
|
||||||
|
|
||||||
For full exposed APIs, see `src/index.ts`.
|
|
||||||
|
|
||||||
## Credits
|
|
||||||
|
|
||||||
The implementation of this module is inspired by the following prior art in the JavaScript ecosystem:
|
|
||||||
|
|
||||||
- [Meteor Tracker](https://docs.meteor.com/api/tracker.html)
|
|
||||||
- [nx-js/observer-util](https://github.com/nx-js/observer-util)
|
|
||||||
- [salesforce/observable-membrane](https://github.com/salesforce/observable-membrane)
|
|
||||||
|
|
||||||
## Caveats
|
|
||||||
|
|
||||||
- Built-in objects are not observed except for `Array`, `Map`, `WeakMap`, `Set` and `WeakSet`.
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,751 +0,0 @@
|
|||||||
import { IfAny } from '@vue/shared';
|
|
||||||
|
|
||||||
export declare enum TrackOpTypes {
|
|
||||||
GET = "get",
|
|
||||||
HAS = "has",
|
|
||||||
ITERATE = "iterate"
|
|
||||||
}
|
|
||||||
export declare enum TriggerOpTypes {
|
|
||||||
SET = "set",
|
|
||||||
ADD = "add",
|
|
||||||
DELETE = "delete",
|
|
||||||
CLEAR = "clear"
|
|
||||||
}
|
|
||||||
export declare enum ReactiveFlags {
|
|
||||||
SKIP = "__v_skip",
|
|
||||||
IS_REACTIVE = "__v_isReactive",
|
|
||||||
IS_READONLY = "__v_isReadonly",
|
|
||||||
IS_SHALLOW = "__v_isShallow",
|
|
||||||
RAW = "__v_raw",
|
|
||||||
IS_REF = "__v_isRef"
|
|
||||||
}
|
|
||||||
|
|
||||||
export type UnwrapNestedRefs<T> = T extends Ref ? T : UnwrapRefSimple<T>;
|
|
||||||
declare const ReactiveMarkerSymbol: unique symbol;
|
|
||||||
export interface ReactiveMarker {
|
|
||||||
[ReactiveMarkerSymbol]?: void;
|
|
||||||
}
|
|
||||||
export type Reactive<T> = UnwrapNestedRefs<T> & (T extends readonly any[] ? ReactiveMarker : {});
|
|
||||||
/**
|
|
||||||
* Returns a reactive proxy of the object.
|
|
||||||
*
|
|
||||||
* The reactive conversion is "deep": it affects all nested properties. A
|
|
||||||
* reactive object also deeply unwraps any properties that are refs while
|
|
||||||
* maintaining reactivity.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const obj = reactive({ count: 0 })
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param target - The source object.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-core.html#reactive}
|
|
||||||
*/
|
|
||||||
export declare function reactive<T extends object>(target: T): Reactive<T>;
|
|
||||||
declare const ShallowReactiveMarker: unique symbol;
|
|
||||||
export type ShallowReactive<T> = T & {
|
|
||||||
[ShallowReactiveMarker]?: true;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Shallow version of {@link reactive()}.
|
|
||||||
*
|
|
||||||
* Unlike {@link reactive()}, there is no deep conversion: only root-level
|
|
||||||
* properties are reactive for a shallow reactive object. Property values are
|
|
||||||
* stored and exposed as-is - this also means properties with ref values will
|
|
||||||
* not be automatically unwrapped.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const state = shallowReactive({
|
|
||||||
* foo: 1,
|
|
||||||
* nested: {
|
|
||||||
* bar: 2
|
|
||||||
* }
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* // mutating state's own properties is reactive
|
|
||||||
* state.foo++
|
|
||||||
*
|
|
||||||
* // ...but does not convert nested objects
|
|
||||||
* isReactive(state.nested) // false
|
|
||||||
*
|
|
||||||
* // NOT reactive
|
|
||||||
* state.nested.bar++
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param target - The source object.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
|
|
||||||
*/
|
|
||||||
export declare function shallowReactive<T extends object>(target: T): ShallowReactive<T>;
|
|
||||||
type Primitive = string | number | boolean | bigint | symbol | undefined | null;
|
|
||||||
type Builtin = Primitive | Function | Date | Error | RegExp;
|
|
||||||
export type DeepReadonly<T> = T extends Builtin ? T : T extends Map<infer K, infer V> ? ReadonlyMap<DeepReadonly<K>, DeepReadonly<V>> : T extends ReadonlyMap<infer K, infer V> ? ReadonlyMap<DeepReadonly<K>, DeepReadonly<V>> : T extends WeakMap<infer K, infer V> ? WeakMap<DeepReadonly<K>, DeepReadonly<V>> : T extends Set<infer U> ? ReadonlySet<DeepReadonly<U>> : T extends ReadonlySet<infer U> ? ReadonlySet<DeepReadonly<U>> : T extends WeakSet<infer U> ? WeakSet<DeepReadonly<U>> : T extends Promise<infer U> ? Promise<DeepReadonly<U>> : T extends Ref<infer U> ? Readonly<Ref<DeepReadonly<U>>> : T extends {} ? {
|
|
||||||
readonly [K in keyof T]: DeepReadonly<T[K]>;
|
|
||||||
} : Readonly<T>;
|
|
||||||
/**
|
|
||||||
* Takes an object (reactive or plain) or a ref and returns a readonly proxy to
|
|
||||||
* the original.
|
|
||||||
*
|
|
||||||
* A readonly proxy is deep: any nested property accessed will be readonly as
|
|
||||||
* well. It also has the same ref-unwrapping behavior as {@link reactive()},
|
|
||||||
* except the unwrapped values will also be made readonly.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const original = reactive({ count: 0 })
|
|
||||||
*
|
|
||||||
* const copy = readonly(original)
|
|
||||||
*
|
|
||||||
* watchEffect(() => {
|
|
||||||
* // works for reactivity tracking
|
|
||||||
* console.log(copy.count)
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* // mutating original will trigger watchers relying on the copy
|
|
||||||
* original.count++
|
|
||||||
*
|
|
||||||
* // mutating the copy will fail and result in a warning
|
|
||||||
* copy.count++ // warning!
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param target - The source object.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
|
|
||||||
*/
|
|
||||||
export declare function readonly<T extends object>(target: T): DeepReadonly<UnwrapNestedRefs<T>>;
|
|
||||||
/**
|
|
||||||
* Shallow version of {@link readonly()}.
|
|
||||||
*
|
|
||||||
* Unlike {@link readonly()}, there is no deep conversion: only root-level
|
|
||||||
* properties are made readonly. Property values are stored and exposed as-is -
|
|
||||||
* this also means properties with ref values will not be automatically
|
|
||||||
* unwrapped.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const state = shallowReadonly({
|
|
||||||
* foo: 1,
|
|
||||||
* nested: {
|
|
||||||
* bar: 2
|
|
||||||
* }
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* // mutating state's own properties will fail
|
|
||||||
* state.foo++
|
|
||||||
*
|
|
||||||
* // ...but works on nested objects
|
|
||||||
* isReadonly(state.nested) // false
|
|
||||||
*
|
|
||||||
* // works
|
|
||||||
* state.nested.bar++
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param target - The source object.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreadonly}
|
|
||||||
*/
|
|
||||||
export declare function shallowReadonly<T extends object>(target: T): Readonly<T>;
|
|
||||||
/**
|
|
||||||
* Checks if an object is a proxy created by {@link reactive()} or
|
|
||||||
* {@link shallowReactive()} (or {@link ref()} in some cases).
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* isReactive(reactive({})) // => true
|
|
||||||
* isReactive(readonly(reactive({}))) // => true
|
|
||||||
* isReactive(ref({}).value) // => true
|
|
||||||
* isReactive(readonly(ref({})).value) // => true
|
|
||||||
* isReactive(ref(true)) // => false
|
|
||||||
* isReactive(shallowRef({}).value) // => false
|
|
||||||
* isReactive(shallowReactive({})) // => true
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param value - The value to check.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreactive}
|
|
||||||
*/
|
|
||||||
export declare function isReactive(value: unknown): boolean;
|
|
||||||
/**
|
|
||||||
* Checks whether the passed value is a readonly object. The properties of a
|
|
||||||
* readonly object can change, but they can't be assigned directly via the
|
|
||||||
* passed object.
|
|
||||||
*
|
|
||||||
* The proxies created by {@link readonly()} and {@link shallowReadonly()} are
|
|
||||||
* both considered readonly, as is a computed ref without a set function.
|
|
||||||
*
|
|
||||||
* @param value - The value to check.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreadonly}
|
|
||||||
*/
|
|
||||||
export declare function isReadonly(value: unknown): boolean;
|
|
||||||
export declare function isShallow(value: unknown): boolean;
|
|
||||||
/**
|
|
||||||
* Checks if an object is a proxy created by {@link reactive},
|
|
||||||
* {@link readonly}, {@link shallowReactive} or {@link shallowReadonly()}.
|
|
||||||
*
|
|
||||||
* @param value - The value to check.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#isproxy}
|
|
||||||
*/
|
|
||||||
export declare function isProxy(value: any): boolean;
|
|
||||||
/**
|
|
||||||
* Returns the raw, original object of a Vue-created proxy.
|
|
||||||
*
|
|
||||||
* `toRaw()` can return the original object from proxies created by
|
|
||||||
* {@link reactive()}, {@link readonly()}, {@link shallowReactive()} or
|
|
||||||
* {@link shallowReadonly()}.
|
|
||||||
*
|
|
||||||
* This is an escape hatch that can be used to temporarily read without
|
|
||||||
* incurring proxy access / tracking overhead or write without triggering
|
|
||||||
* changes. It is **not** recommended to hold a persistent reference to the
|
|
||||||
* original object. Use with caution.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const foo = {}
|
|
||||||
* const reactiveFoo = reactive(foo)
|
|
||||||
*
|
|
||||||
* console.log(toRaw(reactiveFoo) === foo) // true
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param observed - The object for which the "raw" value is requested.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
|
|
||||||
*/
|
|
||||||
export declare function toRaw<T>(observed: T): T;
|
|
||||||
export type Raw<T> = T & {
|
|
||||||
[RawSymbol]?: true;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Marks an object so that it will never be converted to a proxy. Returns the
|
|
||||||
* object itself.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const foo = markRaw({})
|
|
||||||
* console.log(isReactive(reactive(foo))) // false
|
|
||||||
*
|
|
||||||
* // also works when nested inside other reactive objects
|
|
||||||
* const bar = reactive({ foo })
|
|
||||||
* console.log(isReactive(bar.foo)) // false
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* **Warning:** `markRaw()` together with the shallow APIs such as
|
|
||||||
* {@link shallowReactive()} allow you to selectively opt-out of the default
|
|
||||||
* deep reactive/readonly conversion and embed raw, non-proxied objects in your
|
|
||||||
* state graph.
|
|
||||||
*
|
|
||||||
* @param value - The object to be marked as "raw".
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#markraw}
|
|
||||||
*/
|
|
||||||
export declare function markRaw<T extends object>(value: T): Raw<T>;
|
|
||||||
/**
|
|
||||||
* Returns a reactive proxy of the given value (if possible).
|
|
||||||
*
|
|
||||||
* If the given value is not an object, the original value itself is returned.
|
|
||||||
*
|
|
||||||
* @param value - The value for which a reactive proxy shall be created.
|
|
||||||
*/
|
|
||||||
export declare const toReactive: <T extends unknown>(value: T) => T;
|
|
||||||
/**
|
|
||||||
* Returns a readonly proxy of the given value (if possible).
|
|
||||||
*
|
|
||||||
* If the given value is not an object, the original value itself is returned.
|
|
||||||
*
|
|
||||||
* @param value - The value for which a readonly proxy shall be created.
|
|
||||||
*/
|
|
||||||
export declare const toReadonly: <T extends unknown>(value: T) => DeepReadonly<T>;
|
|
||||||
|
|
||||||
export type EffectScheduler = (...args: any[]) => any;
|
|
||||||
export type DebuggerEvent = {
|
|
||||||
effect: Subscriber;
|
|
||||||
} & DebuggerEventExtraInfo;
|
|
||||||
export type DebuggerEventExtraInfo = {
|
|
||||||
target: object;
|
|
||||||
type: TrackOpTypes | TriggerOpTypes;
|
|
||||||
key: any;
|
|
||||||
newValue?: any;
|
|
||||||
oldValue?: any;
|
|
||||||
oldTarget?: Map<any, any> | Set<any>;
|
|
||||||
};
|
|
||||||
export interface DebuggerOptions {
|
|
||||||
onTrack?: (event: DebuggerEvent) => void;
|
|
||||||
onTrigger?: (event: DebuggerEvent) => void;
|
|
||||||
}
|
|
||||||
export interface ReactiveEffectOptions extends DebuggerOptions {
|
|
||||||
scheduler?: EffectScheduler;
|
|
||||||
allowRecurse?: boolean;
|
|
||||||
onStop?: () => void;
|
|
||||||
}
|
|
||||||
export declare enum EffectFlags {
|
|
||||||
ACTIVE = 1,
|
|
||||||
RUNNING = 2,
|
|
||||||
TRACKING = 4,
|
|
||||||
NOTIFIED = 8,
|
|
||||||
DIRTY = 16,
|
|
||||||
ALLOW_RECURSE = 32,
|
|
||||||
PAUSED = 64
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Subscriber is a type that tracks (or subscribes to) a list of deps.
|
|
||||||
*/
|
|
||||||
interface Subscriber extends DebuggerOptions {
|
|
||||||
}
|
|
||||||
export declare class ReactiveEffect<T = any> implements Subscriber, ReactiveEffectOptions {
|
|
||||||
fn: () => T;
|
|
||||||
scheduler?: EffectScheduler;
|
|
||||||
onStop?: () => void;
|
|
||||||
onTrack?: (event: DebuggerEvent) => void;
|
|
||||||
onTrigger?: (event: DebuggerEvent) => void;
|
|
||||||
constructor(fn: () => T);
|
|
||||||
pause(): void;
|
|
||||||
resume(): void;
|
|
||||||
run(): T;
|
|
||||||
stop(): void;
|
|
||||||
trigger(): void;
|
|
||||||
get dirty(): boolean;
|
|
||||||
}
|
|
||||||
export interface ReactiveEffectRunner<T = any> {
|
|
||||||
(): T;
|
|
||||||
effect: ReactiveEffect;
|
|
||||||
}
|
|
||||||
export interface ReactiveEffectRunner<T = any> {
|
|
||||||
(): T;
|
|
||||||
effect: ReactiveEffect;
|
|
||||||
}
|
|
||||||
export declare function effect<T = any>(fn: () => T, options?: ReactiveEffectOptions): ReactiveEffectRunner<T>;
|
|
||||||
/**
|
|
||||||
* Stops the effect associated with the given runner.
|
|
||||||
*
|
|
||||||
* @param runner - Association with the effect to stop tracking.
|
|
||||||
*/
|
|
||||||
export declare function stop(runner: ReactiveEffectRunner): void;
|
|
||||||
/**
|
|
||||||
* Temporarily pauses tracking.
|
|
||||||
*/
|
|
||||||
export declare function pauseTracking(): void;
|
|
||||||
/**
|
|
||||||
* Re-enables effect tracking (if it was paused).
|
|
||||||
*/
|
|
||||||
export declare function enableTracking(): void;
|
|
||||||
/**
|
|
||||||
* Resets the previous global effect tracking state.
|
|
||||||
*/
|
|
||||||
export declare function resetTracking(): void;
|
|
||||||
/**
|
|
||||||
* Registers a cleanup function for the current active effect.
|
|
||||||
* The cleanup function is called right before the next effect run, or when the
|
|
||||||
* effect is stopped.
|
|
||||||
*
|
|
||||||
* Throws a warning if there is no current active effect. The warning can be
|
|
||||||
* suppressed by passing `true` to the second argument.
|
|
||||||
*
|
|
||||||
* @param fn - the cleanup function to be registered
|
|
||||||
* @param failSilently - if `true`, will not throw warning when called without
|
|
||||||
* an active effect.
|
|
||||||
*/
|
|
||||||
export declare function onEffectCleanup(fn: () => void, failSilently?: boolean): void;
|
|
||||||
|
|
||||||
declare const ComputedRefSymbol: unique symbol;
|
|
||||||
declare const WritableComputedRefSymbol: unique symbol;
|
|
||||||
interface BaseComputedRef<T, S = T> extends Ref<T, S> {
|
|
||||||
[ComputedRefSymbol]: true;
|
|
||||||
/**
|
|
||||||
* @deprecated computed no longer uses effect
|
|
||||||
*/
|
|
||||||
effect: ComputedRefImpl;
|
|
||||||
}
|
|
||||||
export interface ComputedRef<T = any> extends BaseComputedRef<T> {
|
|
||||||
readonly value: T;
|
|
||||||
}
|
|
||||||
export interface WritableComputedRef<T, S = T> extends BaseComputedRef<T, S> {
|
|
||||||
[WritableComputedRefSymbol]: true;
|
|
||||||
}
|
|
||||||
export type ComputedGetter<T> = (oldValue?: T) => T;
|
|
||||||
export type ComputedSetter<T> = (newValue: T) => void;
|
|
||||||
export interface WritableComputedOptions<T, S = T> {
|
|
||||||
get: ComputedGetter<T>;
|
|
||||||
set: ComputedSetter<S>;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @private exported by @vue/reactivity for Vue core use, but not exported from
|
|
||||||
* the main vue package
|
|
||||||
*/
|
|
||||||
export declare class ComputedRefImpl<T = any> implements Subscriber {
|
|
||||||
fn: ComputedGetter<T>;
|
|
||||||
private readonly setter;
|
|
||||||
effect: this;
|
|
||||||
onTrack?: (event: DebuggerEvent) => void;
|
|
||||||
onTrigger?: (event: DebuggerEvent) => void;
|
|
||||||
constructor(fn: ComputedGetter<T>, setter: ComputedSetter<T> | undefined, isSSR: boolean);
|
|
||||||
get value(): T;
|
|
||||||
set value(newValue: T);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Takes a getter function and returns a readonly reactive ref object for the
|
|
||||||
* returned value from the getter. It can also take an object with get and set
|
|
||||||
* functions to create a writable ref object.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* // Creating a readonly computed ref:
|
|
||||||
* const count = ref(1)
|
|
||||||
* const plusOne = computed(() => count.value + 1)
|
|
||||||
*
|
|
||||||
* console.log(plusOne.value) // 2
|
|
||||||
* plusOne.value++ // error
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* ```js
|
|
||||||
* // Creating a writable computed ref:
|
|
||||||
* const count = ref(1)
|
|
||||||
* const plusOne = computed({
|
|
||||||
* get: () => count.value + 1,
|
|
||||||
* set: (val) => {
|
|
||||||
* count.value = val - 1
|
|
||||||
* }
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* plusOne.value = 1
|
|
||||||
* console.log(count.value) // 0
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param getter - Function that produces the next value.
|
|
||||||
* @param debugOptions - For debugging. See {@link https://vuejs.org/guide/extras/reactivity-in-depth.html#computed-debugging}.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-core.html#computed}
|
|
||||||
*/
|
|
||||||
export declare function computed<T>(getter: ComputedGetter<T>, debugOptions?: DebuggerOptions): ComputedRef<T>;
|
|
||||||
export declare function computed<T, S = T>(options: WritableComputedOptions<T, S>, debugOptions?: DebuggerOptions): WritableComputedRef<T, S>;
|
|
||||||
|
|
||||||
declare const RefSymbol: unique symbol;
|
|
||||||
declare const RawSymbol: unique symbol;
|
|
||||||
export interface Ref<T = any, S = T> {
|
|
||||||
get value(): T;
|
|
||||||
set value(_: S);
|
|
||||||
/**
|
|
||||||
* Type differentiator only.
|
|
||||||
* We need this to be in public d.ts but don't want it to show up in IDE
|
|
||||||
* autocomplete, so we use a private Symbol instead.
|
|
||||||
*/
|
|
||||||
[RefSymbol]: true;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Checks if a value is a ref object.
|
|
||||||
*
|
|
||||||
* @param r - The value to inspect.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#isref}
|
|
||||||
*/
|
|
||||||
export declare function isRef<T>(r: Ref<T> | unknown): r is Ref<T>;
|
|
||||||
/**
|
|
||||||
* Takes an inner value and returns a reactive and mutable ref object, which
|
|
||||||
* has a single property `.value` that points to the inner value.
|
|
||||||
*
|
|
||||||
* @param value - The object to wrap in the ref.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-core.html#ref}
|
|
||||||
*/
|
|
||||||
export declare function ref<T>(value: T): [T] extends [Ref] ? IfAny<T, Ref<T>, T> : Ref<UnwrapRef<T>, UnwrapRef<T> | T>;
|
|
||||||
export declare function ref<T = any>(): Ref<T | undefined>;
|
|
||||||
declare const ShallowRefMarker: unique symbol;
|
|
||||||
export type ShallowRef<T = any> = Ref<T> & {
|
|
||||||
[ShallowRefMarker]?: true;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Shallow version of {@link ref()}.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const state = shallowRef({ count: 1 })
|
|
||||||
*
|
|
||||||
* // does NOT trigger change
|
|
||||||
* state.value.count = 2
|
|
||||||
*
|
|
||||||
* // does trigger change
|
|
||||||
* state.value = { count: 2 }
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param value - The "inner value" for the shallow ref.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowref}
|
|
||||||
*/
|
|
||||||
export declare function shallowRef<T>(value: T): Ref extends T ? T extends Ref ? IfAny<T, ShallowRef<T>, T> : ShallowRef<T> : ShallowRef<T>;
|
|
||||||
export declare function shallowRef<T = any>(): ShallowRef<T | undefined>;
|
|
||||||
/**
|
|
||||||
* Force trigger effects that depends on a shallow ref. This is typically used
|
|
||||||
* after making deep mutations to the inner value of a shallow ref.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const shallow = shallowRef({
|
|
||||||
* greet: 'Hello, world'
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* // Logs "Hello, world" once for the first run-through
|
|
||||||
* watchEffect(() => {
|
|
||||||
* console.log(shallow.value.greet)
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* // This won't trigger the effect because the ref is shallow
|
|
||||||
* shallow.value.greet = 'Hello, universe'
|
|
||||||
*
|
|
||||||
* // Logs "Hello, universe"
|
|
||||||
* triggerRef(shallow)
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param ref - The ref whose tied effects shall be executed.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#triggerref}
|
|
||||||
*/
|
|
||||||
export declare function triggerRef(ref: Ref): void;
|
|
||||||
export type MaybeRef<T = any> = T | Ref<T> | ShallowRef<T> | WritableComputedRef<T>;
|
|
||||||
export type MaybeRefOrGetter<T = any> = MaybeRef<T> | ComputedRef<T> | (() => T);
|
|
||||||
/**
|
|
||||||
* Returns the inner value if the argument is a ref, otherwise return the
|
|
||||||
* argument itself. This is a sugar function for
|
|
||||||
* `val = isRef(val) ? val.value : val`.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* function useFoo(x: number | Ref<number>) {
|
|
||||||
* const unwrapped = unref(x)
|
|
||||||
* // unwrapped is guaranteed to be number now
|
|
||||||
* }
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param ref - Ref or plain value to be converted into the plain value.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#unref}
|
|
||||||
*/
|
|
||||||
export declare function unref<T>(ref: MaybeRef<T> | ComputedRef<T>): T;
|
|
||||||
/**
|
|
||||||
* Normalizes values / refs / getters to values.
|
|
||||||
* This is similar to {@link unref()}, except that it also normalizes getters.
|
|
||||||
* If the argument is a getter, it will be invoked and its return value will
|
|
||||||
* be returned.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* toValue(1) // 1
|
|
||||||
* toValue(ref(1)) // 1
|
|
||||||
* toValue(() => 1) // 1
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param source - A getter, an existing ref, or a non-function value.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#tovalue}
|
|
||||||
*/
|
|
||||||
export declare function toValue<T>(source: MaybeRefOrGetter<T>): T;
|
|
||||||
/**
|
|
||||||
* Returns a proxy for the given object that shallowly unwraps properties that
|
|
||||||
* are refs. If the object already is reactive, it's returned as-is. If not, a
|
|
||||||
* new reactive proxy is created.
|
|
||||||
*
|
|
||||||
* @param objectWithRefs - Either an already-reactive object or a simple object
|
|
||||||
* that contains refs.
|
|
||||||
*/
|
|
||||||
export declare function proxyRefs<T extends object>(objectWithRefs: T): ShallowUnwrapRef<T>;
|
|
||||||
export type CustomRefFactory<T> = (track: () => void, trigger: () => void) => {
|
|
||||||
get: () => T;
|
|
||||||
set: (value: T) => void;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Creates a customized ref with explicit control over its dependency tracking
|
|
||||||
* and updates triggering.
|
|
||||||
*
|
|
||||||
* @param factory - The function that receives the `track` and `trigger` callbacks.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#customref}
|
|
||||||
*/
|
|
||||||
export declare function customRef<T>(factory: CustomRefFactory<T>): Ref<T>;
|
|
||||||
export type ToRefs<T = any> = {
|
|
||||||
[K in keyof T]: ToRef<T[K]>;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* Converts a reactive object to a plain object where each property of the
|
|
||||||
* resulting object is a ref pointing to the corresponding property of the
|
|
||||||
* original object. Each individual ref is created using {@link toRef()}.
|
|
||||||
*
|
|
||||||
* @param object - Reactive object to be made into an object of linked refs.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
|
|
||||||
*/
|
|
||||||
export declare function toRefs<T extends object>(object: T): ToRefs<T>;
|
|
||||||
export type ToRef<T> = IfAny<T, Ref<T>, [T] extends [Ref] ? T : Ref<T>>;
|
|
||||||
/**
|
|
||||||
* Used to normalize values / refs / getters into refs.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* // returns existing refs as-is
|
|
||||||
* toRef(existingRef)
|
|
||||||
*
|
|
||||||
* // creates a ref that calls the getter on .value access
|
|
||||||
* toRef(() => props.foo)
|
|
||||||
*
|
|
||||||
* // creates normal refs from non-function values
|
|
||||||
* // equivalent to ref(1)
|
|
||||||
* toRef(1)
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* Can also be used to create a ref for a property on a source reactive object.
|
|
||||||
* The created ref is synced with its source property: mutating the source
|
|
||||||
* property will update the ref, and vice-versa.
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* ```js
|
|
||||||
* const state = reactive({
|
|
||||||
* foo: 1,
|
|
||||||
* bar: 2
|
|
||||||
* })
|
|
||||||
*
|
|
||||||
* const fooRef = toRef(state, 'foo')
|
|
||||||
*
|
|
||||||
* // mutating the ref updates the original
|
|
||||||
* fooRef.value++
|
|
||||||
* console.log(state.foo) // 2
|
|
||||||
*
|
|
||||||
* // mutating the original also updates the ref
|
|
||||||
* state.foo++
|
|
||||||
* console.log(fooRef.value) // 3
|
|
||||||
* ```
|
|
||||||
*
|
|
||||||
* @param source - A getter, an existing ref, a non-function value, or a
|
|
||||||
* reactive object to create a property ref from.
|
|
||||||
* @param [key] - (optional) Name of the property in the reactive object.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-utilities.html#toref}
|
|
||||||
*/
|
|
||||||
export declare function toRef<T>(value: T): T extends () => infer R ? Readonly<Ref<R>> : T extends Ref ? T : Ref<UnwrapRef<T>>;
|
|
||||||
export declare function toRef<T extends object, K extends keyof T>(object: T, key: K): ToRef<T[K]>;
|
|
||||||
export declare function toRef<T extends object, K extends keyof T>(object: T, key: K, defaultValue: T[K]): ToRef<Exclude<T[K], undefined>>;
|
|
||||||
/**
|
|
||||||
* This is a special exported interface for other packages to declare
|
|
||||||
* additional types that should bail out for ref unwrapping. For example
|
|
||||||
* \@vue/runtime-dom can declare it like so in its d.ts:
|
|
||||||
*
|
|
||||||
* ``` ts
|
|
||||||
* declare module '@vue/reactivity' {
|
|
||||||
* export interface RefUnwrapBailTypes {
|
|
||||||
* runtimeDOMBailTypes: Node | Window
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* ```
|
|
||||||
*/
|
|
||||||
export interface RefUnwrapBailTypes {
|
|
||||||
}
|
|
||||||
export type ShallowUnwrapRef<T> = {
|
|
||||||
[K in keyof T]: DistributeRef<T[K]>;
|
|
||||||
};
|
|
||||||
type DistributeRef<T> = T extends Ref<infer V> ? V : T;
|
|
||||||
export type UnwrapRef<T> = T extends ShallowRef<infer V> ? V : T extends Ref<infer V> ? UnwrapRefSimple<V> : UnwrapRefSimple<T>;
|
|
||||||
type UnwrapRefSimple<T> = T extends Builtin | Ref | RefUnwrapBailTypes[keyof RefUnwrapBailTypes] | {
|
|
||||||
[RawSymbol]?: true;
|
|
||||||
} ? T : T extends Map<infer K, infer V> ? Map<K, UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof Map<any, any>>> : T extends WeakMap<infer K, infer V> ? WeakMap<K, UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof WeakMap<any, any>>> : T extends Set<infer V> ? Set<UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof Set<any>>> : T extends WeakSet<infer V> ? WeakSet<UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof WeakSet<any>>> : T extends ReadonlyArray<any> ? {
|
|
||||||
[K in keyof T]: UnwrapRefSimple<T[K]>;
|
|
||||||
} : T extends object & {
|
|
||||||
[ShallowReactiveMarker]?: never;
|
|
||||||
} ? {
|
|
||||||
[P in keyof T]: P extends symbol ? T[P] : UnwrapRef<T[P]>;
|
|
||||||
} : T;
|
|
||||||
|
|
||||||
export declare const ITERATE_KEY: unique symbol;
|
|
||||||
export declare const MAP_KEY_ITERATE_KEY: unique symbol;
|
|
||||||
export declare const ARRAY_ITERATE_KEY: unique symbol;
|
|
||||||
/**
|
|
||||||
* Tracks access to a reactive property.
|
|
||||||
*
|
|
||||||
* This will check which effect is running at the moment and record it as dep
|
|
||||||
* which records all effects that depend on the reactive property.
|
|
||||||
*
|
|
||||||
* @param target - Object holding the reactive property.
|
|
||||||
* @param type - Defines the type of access to the reactive property.
|
|
||||||
* @param key - Identifier of the reactive property to track.
|
|
||||||
*/
|
|
||||||
export declare function track(target: object, type: TrackOpTypes, key: unknown): void;
|
|
||||||
/**
|
|
||||||
* Finds all deps associated with the target (or a specific property) and
|
|
||||||
* triggers the effects stored within.
|
|
||||||
*
|
|
||||||
* @param target - The reactive object.
|
|
||||||
* @param type - Defines the type of the operation that needs to trigger effects.
|
|
||||||
* @param key - Can be used to target a specific reactive property in the target object.
|
|
||||||
*/
|
|
||||||
export declare function trigger(target: object, type: TriggerOpTypes, key?: unknown, newValue?: unknown, oldValue?: unknown, oldTarget?: Map<unknown, unknown> | Set<unknown>): void;
|
|
||||||
|
|
||||||
export declare class EffectScope {
|
|
||||||
detached: boolean;
|
|
||||||
private _isPaused;
|
|
||||||
constructor(detached?: boolean);
|
|
||||||
get active(): boolean;
|
|
||||||
pause(): void;
|
|
||||||
/**
|
|
||||||
* Resumes the effect scope, including all child scopes and effects.
|
|
||||||
*/
|
|
||||||
resume(): void;
|
|
||||||
run<T>(fn: () => T): T | undefined;
|
|
||||||
stop(fromParent?: boolean): void;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Creates an effect scope object which can capture the reactive effects (i.e.
|
|
||||||
* computed and watchers) created within it so that these effects can be
|
|
||||||
* disposed together. For detailed use cases of this API, please consult its
|
|
||||||
* corresponding {@link https://github.com/vuejs/rfcs/blob/master/active-rfcs/0041-reactivity-effect-scope.md | RFC}.
|
|
||||||
*
|
|
||||||
* @param detached - Can be used to create a "detached" effect scope.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#effectscope}
|
|
||||||
*/
|
|
||||||
export declare function effectScope(detached?: boolean): EffectScope;
|
|
||||||
/**
|
|
||||||
* Returns the current active effect scope if there is one.
|
|
||||||
*
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#getcurrentscope}
|
|
||||||
*/
|
|
||||||
export declare function getCurrentScope(): EffectScope | undefined;
|
|
||||||
/**
|
|
||||||
* Registers a dispose callback on the current active effect scope. The
|
|
||||||
* callback will be invoked when the associated effect scope is stopped.
|
|
||||||
*
|
|
||||||
* @param fn - The callback function to attach to the scope's cleanup.
|
|
||||||
* @see {@link https://vuejs.org/api/reactivity-advanced.html#onscopedispose}
|
|
||||||
*/
|
|
||||||
export declare function onScopeDispose(fn: () => void, failSilently?: boolean): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Track array iteration and return:
|
|
||||||
* - if input is reactive: a cloned raw array with reactive values
|
|
||||||
* - if input is non-reactive or shallowReactive: the original raw array
|
|
||||||
*/
|
|
||||||
export declare function reactiveReadArray<T>(array: T[]): T[];
|
|
||||||
/**
|
|
||||||
* Track array iteration and return raw array
|
|
||||||
*/
|
|
||||||
export declare function shallowReadArray<T>(arr: T[]): T[];
|
|
||||||
|
|
||||||
export declare enum WatchErrorCodes {
|
|
||||||
WATCH_GETTER = 2,
|
|
||||||
WATCH_CALLBACK = 3,
|
|
||||||
WATCH_CLEANUP = 4
|
|
||||||
}
|
|
||||||
export type WatchEffect = (onCleanup: OnCleanup) => void;
|
|
||||||
export type WatchSource<T = any> = Ref<T, any> | ComputedRef<T> | (() => T);
|
|
||||||
export type WatchCallback<V = any, OV = any> = (value: V, oldValue: OV, onCleanup: OnCleanup) => any;
|
|
||||||
export type OnCleanup = (cleanupFn: () => void) => void;
|
|
||||||
export interface WatchOptions<Immediate = boolean> extends DebuggerOptions {
|
|
||||||
immediate?: Immediate;
|
|
||||||
deep?: boolean | number;
|
|
||||||
once?: boolean;
|
|
||||||
scheduler?: WatchScheduler;
|
|
||||||
onWarn?: (msg: string, ...args: any[]) => void;
|
|
||||||
}
|
|
||||||
export type WatchStopHandle = () => void;
|
|
||||||
export interface WatchHandle extends WatchStopHandle {
|
|
||||||
pause: () => void;
|
|
||||||
resume: () => void;
|
|
||||||
stop: () => void;
|
|
||||||
}
|
|
||||||
export type WatchScheduler = (job: () => void, isFirstRun: boolean) => void;
|
|
||||||
/**
|
|
||||||
* Returns the current active effect if there is one.
|
|
||||||
*/
|
|
||||||
export declare function getCurrentWatcher(): ReactiveEffect<any> | undefined;
|
|
||||||
/**
|
|
||||||
* Registers a cleanup callback on the current active effect. This
|
|
||||||
* registered cleanup callback will be invoked right before the
|
|
||||||
* associated effect re-runs.
|
|
||||||
*
|
|
||||||
* @param cleanupFn - The callback function to attach to the effect's cleanup.
|
|
||||||
* @param failSilently - if `true`, will not throw warning when called without
|
|
||||||
* an active effect.
|
|
||||||
* @param owner - The effect that this cleanup function should be attached to.
|
|
||||||
* By default, the current active effect.
|
|
||||||
*/
|
|
||||||
export declare function onWatcherCleanup(cleanupFn: () => void, failSilently?: boolean, owner?: ReactiveEffect | undefined): void;
|
|
||||||
export declare function watch(source: WatchSource | WatchSource[] | WatchEffect | object, cb?: WatchCallback | null, options?: WatchOptions): WatchHandle;
|
|
||||||
export declare function traverse(value: unknown, depth?: number, seen?: Set<unknown>): unknown;
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/reactivity.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/reactivity.cjs.js')
|
|
||||||
}
|
|
@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/reactivity",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/reactivity",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/reactivity.esm-bundler.js",
|
|
||||||
"types": "dist/reactivity.d.ts",
|
|
||||||
"unpkg": "dist/reactivity.global.js",
|
|
||||||
"jsdelivr": "dist/reactivity.global.js",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/reactivity.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/reactivity.cjs.prod.js",
|
|
||||||
"development": "./dist/reactivity.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/reactivity.esm-bundler.js",
|
|
||||||
"import": "./dist/reactivity.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/reactivity"
|
|
||||||
},
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueReactivity",
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"esm-browser",
|
|
||||||
"cjs",
|
|
||||||
"global"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/reactivity#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@vue/shared": "3.5.1"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1,28 +0,0 @@
|
|||||||
# @vue/runtime-core
|
|
||||||
|
|
||||||
> This package is published only for typing and building custom renderers. It is NOT meant to be used in applications.
|
|
||||||
|
|
||||||
For full exposed APIs, see `src/index.ts`.
|
|
||||||
|
|
||||||
## Building a Custom Renderer
|
|
||||||
|
|
||||||
```ts
|
|
||||||
import { createRenderer } from '@vue/runtime-core'
|
|
||||||
|
|
||||||
const { render, createApp } = createRenderer({
|
|
||||||
patchProp,
|
|
||||||
insert,
|
|
||||||
remove,
|
|
||||||
createElement,
|
|
||||||
// ...
|
|
||||||
})
|
|
||||||
|
|
||||||
// `render` is the low-level API
|
|
||||||
// `createApp` returns an app instance with configurable context shared
|
|
||||||
// by the entire app tree.
|
|
||||||
export { render, createApp }
|
|
||||||
|
|
||||||
export * from '@vue/runtime-core'
|
|
||||||
```
|
|
||||||
|
|
||||||
See `@vue/runtime-dom` for how a DOM-targeting renderer is implemented.
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/runtime-core.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/runtime-core.cjs.js')
|
|
||||||
}
|
|
@ -1,52 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/runtime-core",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/runtime-core",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/runtime-core.esm-bundler.js",
|
|
||||||
"types": "dist/runtime-core.d.ts",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/runtime-core.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/runtime-core.cjs.prod.js",
|
|
||||||
"development": "./dist/runtime-core.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/runtime-core.esm-bundler.js",
|
|
||||||
"import": "./dist/runtime-core.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueRuntimeCore",
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"cjs"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/runtime-core"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"@vue/shared": "3.5.1",
|
|
||||||
"@vue/reactivity": "3.5.1"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1,13 +0,0 @@
|
|||||||
# @vue/runtime-dom
|
|
||||||
|
|
||||||
```js
|
|
||||||
import { h, createApp } from '@vue/runtime-dom'
|
|
||||||
|
|
||||||
const RootComponent = {
|
|
||||||
render() {
|
|
||||||
return h('div', 'hello world')
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
createApp(RootComponent).mount('#app')
|
|
||||||
```
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/runtime-dom.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/runtime-dom.cjs.js')
|
|
||||||
}
|
|
@ -1,60 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/runtime-dom",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/runtime-dom",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/runtime-dom.esm-bundler.js",
|
|
||||||
"types": "dist/runtime-dom.d.ts",
|
|
||||||
"unpkg": "dist/runtime-dom.global.js",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/runtime-dom.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/runtime-dom.cjs.prod.js",
|
|
||||||
"development": "./dist/runtime-dom.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/runtime-dom.esm-bundler.js",
|
|
||||||
"import": "./dist/runtime-dom.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueRuntimeDOM",
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"esm-browser",
|
|
||||||
"cjs",
|
|
||||||
"global"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/runtime-dom"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-dom#readme",
|
|
||||||
"dependencies": {
|
|
||||||
"csstype": "^3.1.3",
|
|
||||||
"@vue/shared": "3.5.1",
|
|
||||||
"@vue/runtime-core": "3.5.1",
|
|
||||||
"@vue/reactivity": "3.5.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@types/trusted-types": "^2.0.7"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
@ -1,178 +0,0 @@
|
|||||||
# @vue/server-renderer
|
|
||||||
|
|
||||||
**Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/server-renderer`. This means you no longer need to explicitly install this package and ensure its version match that of `vue`'s. Just use the `vue/server-renderer` deep import instead.**
|
|
||||||
|
|
||||||
## Basic API
|
|
||||||
|
|
||||||
### `renderToString`
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function renderToString(
|
|
||||||
input: App | VNode,
|
|
||||||
context?: SSRContext,
|
|
||||||
): Promise<string>
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
```js
|
|
||||||
const { createSSRApp } = require('vue')
|
|
||||||
const { renderToString } = require('@vue/server-renderer')
|
|
||||||
|
|
||||||
const app = createSSRApp({
|
|
||||||
data: () => ({ msg: 'hello' }),
|
|
||||||
template: `<div>{{ msg }}</div>`,
|
|
||||||
})
|
|
||||||
|
|
||||||
;(async () => {
|
|
||||||
const html = await renderToString(app)
|
|
||||||
console.log(html)
|
|
||||||
})()
|
|
||||||
```
|
|
||||||
|
|
||||||
### Handling Teleports
|
|
||||||
|
|
||||||
If the rendered app contains teleports, the teleported content will not be part of the rendered string. Instead, they are exposed under the `teleports` property of the ssr context object:
|
|
||||||
|
|
||||||
```js
|
|
||||||
const ctx = {}
|
|
||||||
const html = await renderToString(app, ctx)
|
|
||||||
|
|
||||||
console.log(ctx.teleports) // { '#teleported': 'teleported content' }
|
|
||||||
```
|
|
||||||
|
|
||||||
## Streaming API
|
|
||||||
|
|
||||||
### `renderToNodeStream`
|
|
||||||
|
|
||||||
Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#stream_class_stream_readable).
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function renderToNodeStream(input: App | VNode, context?: SSRContext): Readable
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
```js
|
|
||||||
// inside a Node.js http handler
|
|
||||||
renderToNodeStream(app).pipe(res)
|
|
||||||
```
|
|
||||||
|
|
||||||
**Note:** This method is not supported in the ESM build of `@vue/server-renderer`, which is decoupled from Node.js environments. Use `pipeToNodeWritable` instead.
|
|
||||||
|
|
||||||
### `pipeToNodeWritable`
|
|
||||||
|
|
||||||
Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/stream.html#stream_writable_streams) instance.
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function pipeToNodeWritable(
|
|
||||||
input: App | VNode,
|
|
||||||
context: SSRContext = {},
|
|
||||||
writable: Writable,
|
|
||||||
): void
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
```js
|
|
||||||
// inside a Node.js http handler
|
|
||||||
pipeToNodeWritable(app, {}, res)
|
|
||||||
```
|
|
||||||
|
|
||||||
### `renderToWebStream`
|
|
||||||
|
|
||||||
Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API).
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function renderToWebStream(
|
|
||||||
input: App | VNode,
|
|
||||||
context?: SSRContext,
|
|
||||||
): ReadableStream
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
```js
|
|
||||||
// inside an environment with ReadableStream support
|
|
||||||
return new Response(renderToWebStream(app))
|
|
||||||
```
|
|
||||||
|
|
||||||
**Note:** in environments that do not expose `ReadableStream` constructor in the global scope, `pipeToWebWritable` should be used instead.
|
|
||||||
|
|
||||||
### `pipeToWebWritable`
|
|
||||||
|
|
||||||
Render and pipe to an existing [Web WritableStream](https://developer.mozilla.org/en-US/docs/Web/API/WritableStream) instance.
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function pipeToWebWritable(
|
|
||||||
input: App | VNode,
|
|
||||||
context: SSRContext = {},
|
|
||||||
writable: WritableStream,
|
|
||||||
): void
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
This is typically used in combination with [`TransformStream`](https://developer.mozilla.org/en-US/docs/Web/API/TransformStream):
|
|
||||||
|
|
||||||
```js
|
|
||||||
// TransformStream is available in environments such as CloudFlare workers.
|
|
||||||
// in Node.js, TransformStream needs to be explicitly imported from 'stream/web'
|
|
||||||
const { readable, writable } = new TransformStream()
|
|
||||||
pipeToWebWritable(app, {}, writable)
|
|
||||||
|
|
||||||
return new Response(readable)
|
|
||||||
```
|
|
||||||
|
|
||||||
### `renderToSimpleStream`
|
|
||||||
|
|
||||||
Renders input in streaming mode using a simple readable interface.
|
|
||||||
|
|
||||||
**Signature**
|
|
||||||
|
|
||||||
```ts
|
|
||||||
function renderToSimpleStream(
|
|
||||||
input: App | VNode,
|
|
||||||
context: SSRContext,
|
|
||||||
options: SimpleReadable,
|
|
||||||
): SimpleReadable
|
|
||||||
|
|
||||||
interface SimpleReadable {
|
|
||||||
push(content: string | null): void
|
|
||||||
destroy(err: any): void
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
**Usage**
|
|
||||||
|
|
||||||
```js
|
|
||||||
let res = ''
|
|
||||||
|
|
||||||
renderToSimpleStream(
|
|
||||||
app,
|
|
||||||
{},
|
|
||||||
{
|
|
||||||
push(chunk) {
|
|
||||||
if (chunk === null) {
|
|
||||||
// done
|
|
||||||
console(`render complete: ${res}`)
|
|
||||||
} else {
|
|
||||||
res += chunk
|
|
||||||
}
|
|
||||||
},
|
|
||||||
destroy(err) {
|
|
||||||
// error encountered
|
|
||||||
},
|
|
||||||
},
|
|
||||||
)
|
|
||||||
```
|
|
File diff suppressed because it is too large
Load Diff
851
calculator/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js
generated
vendored
851
calculator/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js
generated
vendored
@ -1,851 +0,0 @@
|
|||||||
/**
|
|
||||||
* @vue/server-renderer v3.5.1
|
|
||||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
||||||
* @license MIT
|
|
||||||
**/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
|
|
||||||
var Vue = require('vue');
|
|
||||||
var shared = require('@vue/shared');
|
|
||||||
var compilerSsr = require('@vue/compiler-ssr');
|
|
||||||
|
|
||||||
function _interopNamespaceDefault(e) {
|
|
||||||
var n = Object.create(null);
|
|
||||||
if (e) {
|
|
||||||
for (var k in e) {
|
|
||||||
n[k] = e[k];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
n.default = e;
|
|
||||||
return Object.freeze(n);
|
|
||||||
}
|
|
||||||
|
|
||||||
var Vue__namespace = /*#__PURE__*/_interopNamespaceDefault(Vue);
|
|
||||||
|
|
||||||
const shouldIgnoreProp = /* @__PURE__ */ shared.makeMap(
|
|
||||||
`,key,ref,innerHTML,textContent,ref_key,ref_for`
|
|
||||||
);
|
|
||||||
function ssrRenderAttrs(props, tag) {
|
|
||||||
let ret = "";
|
|
||||||
for (const key in props) {
|
|
||||||
if (shouldIgnoreProp(key) || shared.isOn(key) || tag === "textarea" && key === "value") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const value = props[key];
|
|
||||||
if (key === "class") {
|
|
||||||
ret += ` class="${ssrRenderClass(value)}"`;
|
|
||||||
} else if (key === "style") {
|
|
||||||
ret += ` style="${ssrRenderStyle(value)}"`;
|
|
||||||
} else if (key === "className") {
|
|
||||||
ret += ` class="${String(value)}"`;
|
|
||||||
} else {
|
|
||||||
ret += ssrRenderDynamicAttr(key, value, tag);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
function ssrRenderDynamicAttr(key, value, tag) {
|
|
||||||
if (!shared.isRenderableAttrValue(value)) {
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
const attrKey = tag && (tag.indexOf("-") > 0 || shared.isSVGTag(tag)) ? key : shared.propsToAttrMap[key] || key.toLowerCase();
|
|
||||||
if (shared.isBooleanAttr(attrKey)) {
|
|
||||||
return shared.includeBooleanAttr(value) ? ` ${attrKey}` : ``;
|
|
||||||
} else if (shared.isSSRSafeAttrName(attrKey)) {
|
|
||||||
return value === "" ? ` ${attrKey}` : ` ${attrKey}="${shared.escapeHtml(value)}"`;
|
|
||||||
} else {
|
|
||||||
console.warn(
|
|
||||||
`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`
|
|
||||||
);
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function ssrRenderAttr(key, value) {
|
|
||||||
if (!shared.isRenderableAttrValue(value)) {
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
return ` ${key}="${shared.escapeHtml(value)}"`;
|
|
||||||
}
|
|
||||||
function ssrRenderClass(raw) {
|
|
||||||
return shared.escapeHtml(shared.normalizeClass(raw));
|
|
||||||
}
|
|
||||||
function ssrRenderStyle(raw) {
|
|
||||||
if (!raw) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
if (shared.isString(raw)) {
|
|
||||||
return shared.escapeHtml(raw);
|
|
||||||
}
|
|
||||||
const styles = shared.normalizeStyle(raw);
|
|
||||||
return shared.escapeHtml(shared.stringifyStyle(styles));
|
|
||||||
}
|
|
||||||
|
|
||||||
function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
|
|
||||||
return renderComponentVNode(
|
|
||||||
Vue.createVNode(comp, props, children),
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const { ensureValidVNode } = Vue.ssrUtils;
|
|
||||||
function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
|
|
||||||
push(`<!--[-->`);
|
|
||||||
ssrRenderSlotInner(
|
|
||||||
slots,
|
|
||||||
slotName,
|
|
||||||
slotProps,
|
|
||||||
fallbackRenderFn,
|
|
||||||
push,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
push(`<!--]-->`);
|
|
||||||
}
|
|
||||||
function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId, transition) {
|
|
||||||
const slotFn = slots[slotName];
|
|
||||||
if (slotFn) {
|
|
||||||
const slotBuffer = [];
|
|
||||||
const bufferedPush = (item) => {
|
|
||||||
slotBuffer.push(item);
|
|
||||||
};
|
|
||||||
const ret = slotFn(
|
|
||||||
slotProps,
|
|
||||||
bufferedPush,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId ? " " + slotScopeId : ""
|
|
||||||
);
|
|
||||||
if (shared.isArray(ret)) {
|
|
||||||
const validSlotContent = ensureValidVNode(ret);
|
|
||||||
if (validSlotContent) {
|
|
||||||
renderVNodeChildren(
|
|
||||||
push,
|
|
||||||
validSlotContent,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
} else if (fallbackRenderFn) {
|
|
||||||
fallbackRenderFn();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
let isEmptySlot = true;
|
|
||||||
if (transition) {
|
|
||||||
isEmptySlot = false;
|
|
||||||
} else {
|
|
||||||
for (let i = 0; i < slotBuffer.length; i++) {
|
|
||||||
if (!isComment(slotBuffer[i])) {
|
|
||||||
isEmptySlot = false;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (isEmptySlot) {
|
|
||||||
if (fallbackRenderFn) {
|
|
||||||
fallbackRenderFn();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
let start = 0;
|
|
||||||
let end = slotBuffer.length;
|
|
||||||
if (transition && slotBuffer[0] === "<!--[-->" && slotBuffer[end - 1] === "<!--]-->") {
|
|
||||||
start++;
|
|
||||||
end--;
|
|
||||||
}
|
|
||||||
for (let i = start; i < end; i++) {
|
|
||||||
push(slotBuffer[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (fallbackRenderFn) {
|
|
||||||
fallbackRenderFn();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const commentTestRE = /^<!--[\s\S]*-->$/;
|
|
||||||
const commentRE = /<!--[^]*?-->/gm;
|
|
||||||
function isComment(item) {
|
|
||||||
if (typeof item !== "string" || !commentTestRE.test(item)) return false;
|
|
||||||
if (item.length <= 8) return true;
|
|
||||||
return !item.replace(commentRE, "").trim();
|
|
||||||
}
|
|
||||||
|
|
||||||
function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
|
|
||||||
parentPush("<!--teleport start-->");
|
|
||||||
const context = parentComponent.appContext.provides[Vue.ssrContextKey];
|
|
||||||
const teleportBuffers = context.__teleportBuffers || (context.__teleportBuffers = {});
|
|
||||||
const targetBuffer = teleportBuffers[target] || (teleportBuffers[target] = []);
|
|
||||||
const bufferIndex = targetBuffer.length;
|
|
||||||
let teleportContent;
|
|
||||||
if (disabled) {
|
|
||||||
contentRenderFn(parentPush);
|
|
||||||
teleportContent = `<!--teleport start anchor--><!--teleport anchor-->`;
|
|
||||||
} else {
|
|
||||||
const { getBuffer, push } = createBuffer();
|
|
||||||
push(`<!--teleport start anchor-->`);
|
|
||||||
contentRenderFn(push);
|
|
||||||
push(`<!--teleport anchor-->`);
|
|
||||||
teleportContent = getBuffer();
|
|
||||||
}
|
|
||||||
targetBuffer.splice(bufferIndex, 0, teleportContent);
|
|
||||||
parentPush("<!--teleport end-->");
|
|
||||||
}
|
|
||||||
|
|
||||||
function ssrInterpolate(value) {
|
|
||||||
return shared.escapeHtml(shared.toDisplayString(value));
|
|
||||||
}
|
|
||||||
|
|
||||||
function ssrRenderList(source, renderItem) {
|
|
||||||
if (shared.isArray(source) || shared.isString(source)) {
|
|
||||||
for (let i = 0, l = source.length; i < l; i++) {
|
|
||||||
renderItem(source[i], i);
|
|
||||||
}
|
|
||||||
} else if (typeof source === "number") {
|
|
||||||
for (let i = 0; i < source; i++) {
|
|
||||||
renderItem(i + 1, i);
|
|
||||||
}
|
|
||||||
} else if (shared.isObject(source)) {
|
|
||||||
if (source[Symbol.iterator]) {
|
|
||||||
const arr = Array.from(source);
|
|
||||||
for (let i = 0, l = arr.length; i < l; i++) {
|
|
||||||
renderItem(arr[i], i);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const keys = Object.keys(source);
|
|
||||||
for (let i = 0, l = keys.length; i < l; i++) {
|
|
||||||
const key = keys[i];
|
|
||||||
renderItem(source[key], key, i);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function ssrRenderSuspense(push, { default: renderContent }) {
|
|
||||||
if (renderContent) {
|
|
||||||
renderContent();
|
|
||||||
} else {
|
|
||||||
push(`<!---->`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
|
|
||||||
if (typeof dir !== "function" && dir.getSSRProps) {
|
|
||||||
return dir.getSSRProps(
|
|
||||||
{
|
|
||||||
dir,
|
|
||||||
instance: Vue.ssrUtils.getComponentPublicInstance(instance.$),
|
|
||||||
value,
|
|
||||||
oldValue: void 0,
|
|
||||||
arg,
|
|
||||||
modifiers
|
|
||||||
},
|
|
||||||
null
|
|
||||||
) || {};
|
|
||||||
}
|
|
||||||
return {};
|
|
||||||
}
|
|
||||||
|
|
||||||
const ssrLooseEqual = shared.looseEqual;
|
|
||||||
function ssrLooseContain(arr, value) {
|
|
||||||
return shared.looseIndexOf(arr, value) > -1;
|
|
||||||
}
|
|
||||||
function ssrRenderDynamicModel(type, model, value) {
|
|
||||||
switch (type) {
|
|
||||||
case "radio":
|
|
||||||
return shared.looseEqual(model, value) ? " checked" : "";
|
|
||||||
case "checkbox":
|
|
||||||
return (shared.isArray(model) ? ssrLooseContain(model, value) : model) ? " checked" : "";
|
|
||||||
default:
|
|
||||||
return ssrRenderAttr("value", model);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function ssrGetDynamicModelProps(existingProps = {}, model) {
|
|
||||||
const { type, value } = existingProps;
|
|
||||||
switch (type) {
|
|
||||||
case "radio":
|
|
||||||
return shared.looseEqual(model, value) ? { checked: true } : null;
|
|
||||||
case "checkbox":
|
|
||||||
return (shared.isArray(model) ? ssrLooseContain(model, value) : model) ? { checked: true } : null;
|
|
||||||
default:
|
|
||||||
return { value: model };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var helpers = /*#__PURE__*/Object.freeze({
|
|
||||||
__proto__: null,
|
|
||||||
ssrGetDirectiveProps: ssrGetDirectiveProps,
|
|
||||||
ssrGetDynamicModelProps: ssrGetDynamicModelProps,
|
|
||||||
ssrIncludeBooleanAttr: shared.includeBooleanAttr,
|
|
||||||
ssrInterpolate: ssrInterpolate,
|
|
||||||
ssrLooseContain: ssrLooseContain,
|
|
||||||
ssrLooseEqual: ssrLooseEqual,
|
|
||||||
ssrRenderAttr: ssrRenderAttr,
|
|
||||||
ssrRenderAttrs: ssrRenderAttrs,
|
|
||||||
ssrRenderClass: ssrRenderClass,
|
|
||||||
ssrRenderComponent: ssrRenderComponent,
|
|
||||||
ssrRenderDynamicAttr: ssrRenderDynamicAttr,
|
|
||||||
ssrRenderDynamicModel: ssrRenderDynamicModel,
|
|
||||||
ssrRenderList: ssrRenderList,
|
|
||||||
ssrRenderSlot: ssrRenderSlot,
|
|
||||||
ssrRenderSlotInner: ssrRenderSlotInner,
|
|
||||||
ssrRenderStyle: ssrRenderStyle,
|
|
||||||
ssrRenderSuspense: ssrRenderSuspense,
|
|
||||||
ssrRenderTeleport: ssrRenderTeleport,
|
|
||||||
ssrRenderVNode: renderVNode
|
|
||||||
});
|
|
||||||
|
|
||||||
const compileCache = /* @__PURE__ */ Object.create(null);
|
|
||||||
function ssrCompile(template, instance) {
|
|
||||||
const Component = instance.type;
|
|
||||||
const { isCustomElement, compilerOptions } = instance.appContext.config;
|
|
||||||
const { delimiters, compilerOptions: componentCompilerOptions } = Component;
|
|
||||||
const finalCompilerOptions = shared.extend(
|
|
||||||
shared.extend(
|
|
||||||
{
|
|
||||||
isCustomElement,
|
|
||||||
delimiters
|
|
||||||
},
|
|
||||||
compilerOptions
|
|
||||||
),
|
|
||||||
componentCompilerOptions
|
|
||||||
);
|
|
||||||
finalCompilerOptions.isCustomElement = finalCompilerOptions.isCustomElement || shared.NO;
|
|
||||||
finalCompilerOptions.isNativeTag = finalCompilerOptions.isNativeTag || shared.NO;
|
|
||||||
const cacheKey = JSON.stringify(
|
|
||||||
{
|
|
||||||
template,
|
|
||||||
compilerOptions: finalCompilerOptions
|
|
||||||
},
|
|
||||||
(key, value) => {
|
|
||||||
return shared.isFunction(value) ? value.toString() : value;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
const cached = compileCache[cacheKey];
|
|
||||||
if (cached) {
|
|
||||||
return cached;
|
|
||||||
}
|
|
||||||
finalCompilerOptions.onError = (err) => {
|
|
||||||
{
|
|
||||||
throw err;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const { code } = compilerSsr.compile(template, finalCompilerOptions);
|
|
||||||
const requireMap = {
|
|
||||||
vue: Vue__namespace,
|
|
||||||
"vue/server-renderer": helpers
|
|
||||||
};
|
|
||||||
const fakeRequire = (id) => requireMap[id];
|
|
||||||
return compileCache[cacheKey] = Function("require", code)(fakeRequire);
|
|
||||||
}
|
|
||||||
|
|
||||||
const {
|
|
||||||
createComponentInstance,
|
|
||||||
setCurrentRenderingInstance,
|
|
||||||
setupComponent,
|
|
||||||
renderComponentRoot,
|
|
||||||
normalizeVNode
|
|
||||||
} = Vue.ssrUtils;
|
|
||||||
function createBuffer() {
|
|
||||||
let appendable = false;
|
|
||||||
const buffer = [];
|
|
||||||
return {
|
|
||||||
getBuffer() {
|
|
||||||
return buffer;
|
|
||||||
},
|
|
||||||
push(item) {
|
|
||||||
const isStringItem = shared.isString(item);
|
|
||||||
if (appendable && isStringItem) {
|
|
||||||
buffer[buffer.length - 1] += item;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
buffer.push(item);
|
|
||||||
appendable = isStringItem;
|
|
||||||
if (shared.isPromise(item) || shared.isArray(item) && item.hasAsync) {
|
|
||||||
buffer.hasAsync = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
|
|
||||||
const instance = createComponentInstance(vnode, parentComponent, null);
|
|
||||||
const res = setupComponent(
|
|
||||||
instance,
|
|
||||||
true
|
|
||||||
/* isSSR */
|
|
||||||
);
|
|
||||||
const hasAsyncSetup = shared.isPromise(res);
|
|
||||||
let prefetches = instance.sp;
|
|
||||||
if (hasAsyncSetup || prefetches) {
|
|
||||||
const p = Promise.resolve(res).then(() => {
|
|
||||||
if (hasAsyncSetup) prefetches = instance.sp;
|
|
||||||
if (prefetches) {
|
|
||||||
return Promise.all(
|
|
||||||
prefetches.map((prefetch) => prefetch.call(instance.proxy))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}).catch(shared.NOOP);
|
|
||||||
return p.then(() => renderComponentSubTree(instance, slotScopeId));
|
|
||||||
} else {
|
|
||||||
return renderComponentSubTree(instance, slotScopeId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function renderComponentSubTree(instance, slotScopeId) {
|
|
||||||
const comp = instance.type;
|
|
||||||
const { getBuffer, push } = createBuffer();
|
|
||||||
if (shared.isFunction(comp)) {
|
|
||||||
let root = renderComponentRoot(instance);
|
|
||||||
if (!comp.props) {
|
|
||||||
for (const key in instance.attrs) {
|
|
||||||
if (key.startsWith(`data-v-`)) {
|
|
||||||
(root.props || (root.props = {}))[key] = ``;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
renderVNode(push, instance.subTree = root, instance, slotScopeId);
|
|
||||||
} else {
|
|
||||||
if ((!instance.render || instance.render === shared.NOOP) && !instance.ssrRender && !comp.ssrRender && shared.isString(comp.template)) {
|
|
||||||
comp.ssrRender = ssrCompile(comp.template, instance);
|
|
||||||
}
|
|
||||||
const ssrRender = instance.ssrRender || comp.ssrRender;
|
|
||||||
if (ssrRender) {
|
|
||||||
let attrs = instance.inheritAttrs !== false ? instance.attrs : void 0;
|
|
||||||
let hasCloned = false;
|
|
||||||
let cur = instance;
|
|
||||||
while (true) {
|
|
||||||
const scopeId = cur.vnode.scopeId;
|
|
||||||
if (scopeId) {
|
|
||||||
if (!hasCloned) {
|
|
||||||
attrs = { ...attrs };
|
|
||||||
hasCloned = true;
|
|
||||||
}
|
|
||||||
attrs[scopeId] = "";
|
|
||||||
}
|
|
||||||
const parent = cur.parent;
|
|
||||||
if (parent && parent.subTree && parent.subTree === cur.vnode) {
|
|
||||||
cur = parent;
|
|
||||||
} else {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (slotScopeId) {
|
|
||||||
if (!hasCloned) attrs = { ...attrs };
|
|
||||||
const slotScopeIdList = slotScopeId.trim().split(" ");
|
|
||||||
for (let i = 0; i < slotScopeIdList.length; i++) {
|
|
||||||
attrs[slotScopeIdList[i]] = "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const prev = setCurrentRenderingInstance(instance);
|
|
||||||
try {
|
|
||||||
ssrRender(
|
|
||||||
instance.proxy,
|
|
||||||
push,
|
|
||||||
instance,
|
|
||||||
attrs,
|
|
||||||
// compiler-optimized bindings
|
|
||||||
instance.props,
|
|
||||||
instance.setupState,
|
|
||||||
instance.data,
|
|
||||||
instance.ctx
|
|
||||||
);
|
|
||||||
} finally {
|
|
||||||
setCurrentRenderingInstance(prev);
|
|
||||||
}
|
|
||||||
} else if (instance.render && instance.render !== shared.NOOP) {
|
|
||||||
renderVNode(
|
|
||||||
push,
|
|
||||||
instance.subTree = renderComponentRoot(instance),
|
|
||||||
instance,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
const componentName = comp.name || comp.__file || `<Anonymous>`;
|
|
||||||
Vue.warn(`Component ${componentName} is missing template or render function.`);
|
|
||||||
push(`<!---->`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return getBuffer();
|
|
||||||
}
|
|
||||||
function renderVNode(push, vnode, parentComponent, slotScopeId) {
|
|
||||||
const { type, shapeFlag, children, dirs, props } = vnode;
|
|
||||||
if (dirs) {
|
|
||||||
vnode.props = applySSRDirectives(vnode, props, dirs);
|
|
||||||
}
|
|
||||||
switch (type) {
|
|
||||||
case Vue.Text:
|
|
||||||
push(shared.escapeHtml(children));
|
|
||||||
break;
|
|
||||||
case Vue.Comment:
|
|
||||||
push(
|
|
||||||
children ? `<!--${shared.escapeHtmlComment(children)}-->` : `<!---->`
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case Vue.Static:
|
|
||||||
push(children);
|
|
||||||
break;
|
|
||||||
case Vue.Fragment:
|
|
||||||
if (vnode.slotScopeIds) {
|
|
||||||
slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
|
|
||||||
}
|
|
||||||
push(`<!--[-->`);
|
|
||||||
renderVNodeChildren(
|
|
||||||
push,
|
|
||||||
children,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
push(`<!--]-->`);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
if (shapeFlag & 1) {
|
|
||||||
renderElementVNode(push, vnode, parentComponent, slotScopeId);
|
|
||||||
} else if (shapeFlag & 6) {
|
|
||||||
push(renderComponentVNode(vnode, parentComponent, slotScopeId));
|
|
||||||
} else if (shapeFlag & 64) {
|
|
||||||
renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
|
|
||||||
} else if (shapeFlag & 128) {
|
|
||||||
renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
|
|
||||||
} else {
|
|
||||||
Vue.warn(
|
|
||||||
"[@vue/server-renderer] Invalid VNode type:",
|
|
||||||
type,
|
|
||||||
`(${typeof type})`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
|
|
||||||
for (let i = 0; i < children.length; i++) {
|
|
||||||
renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
|
|
||||||
const tag = vnode.type;
|
|
||||||
let { props, children, shapeFlag, scopeId } = vnode;
|
|
||||||
let openTag = `<${tag}`;
|
|
||||||
if (props) {
|
|
||||||
openTag += ssrRenderAttrs(props, tag);
|
|
||||||
}
|
|
||||||
if (scopeId) {
|
|
||||||
openTag += ` ${scopeId}`;
|
|
||||||
}
|
|
||||||
let curParent = parentComponent;
|
|
||||||
let curVnode = vnode;
|
|
||||||
while (curParent && curVnode === curParent.subTree) {
|
|
||||||
curVnode = curParent.vnode;
|
|
||||||
if (curVnode.scopeId) {
|
|
||||||
openTag += ` ${curVnode.scopeId}`;
|
|
||||||
}
|
|
||||||
curParent = curParent.parent;
|
|
||||||
}
|
|
||||||
if (slotScopeId) {
|
|
||||||
openTag += ` ${slotScopeId}`;
|
|
||||||
}
|
|
||||||
push(openTag + `>`);
|
|
||||||
if (!shared.isVoidTag(tag)) {
|
|
||||||
let hasChildrenOverride = false;
|
|
||||||
if (props) {
|
|
||||||
if (props.innerHTML) {
|
|
||||||
hasChildrenOverride = true;
|
|
||||||
push(props.innerHTML);
|
|
||||||
} else if (props.textContent) {
|
|
||||||
hasChildrenOverride = true;
|
|
||||||
push(shared.escapeHtml(props.textContent));
|
|
||||||
} else if (tag === "textarea" && props.value) {
|
|
||||||
hasChildrenOverride = true;
|
|
||||||
push(shared.escapeHtml(props.value));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!hasChildrenOverride) {
|
|
||||||
if (shapeFlag & 8) {
|
|
||||||
push(shared.escapeHtml(children));
|
|
||||||
} else if (shapeFlag & 16) {
|
|
||||||
renderVNodeChildren(
|
|
||||||
push,
|
|
||||||
children,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
push(`</${tag}>`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function applySSRDirectives(vnode, rawProps, dirs) {
|
|
||||||
const toMerge = [];
|
|
||||||
for (let i = 0; i < dirs.length; i++) {
|
|
||||||
const binding = dirs[i];
|
|
||||||
const {
|
|
||||||
dir: { getSSRProps }
|
|
||||||
} = binding;
|
|
||||||
if (getSSRProps) {
|
|
||||||
const props = getSSRProps(binding, vnode);
|
|
||||||
if (props) toMerge.push(props);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return Vue.mergeProps(rawProps || {}, ...toMerge);
|
|
||||||
}
|
|
||||||
function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
|
|
||||||
const target = vnode.props && vnode.props.to;
|
|
||||||
const disabled = vnode.props && vnode.props.disabled;
|
|
||||||
if (!target) {
|
|
||||||
if (!disabled) {
|
|
||||||
Vue.warn(`[@vue/server-renderer] Teleport is missing target prop.`);
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
if (!shared.isString(target)) {
|
|
||||||
Vue.warn(
|
|
||||||
`[@vue/server-renderer] Teleport target must be a query selector string.`
|
|
||||||
);
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
ssrRenderTeleport(
|
|
||||||
push,
|
|
||||||
(push2) => {
|
|
||||||
renderVNodeChildren(
|
|
||||||
push2,
|
|
||||||
vnode.children,
|
|
||||||
parentComponent,
|
|
||||||
slotScopeId
|
|
||||||
);
|
|
||||||
},
|
|
||||||
target,
|
|
||||||
disabled || disabled === "",
|
|
||||||
parentComponent
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const { isVNode: isVNode$1 } = Vue.ssrUtils;
|
|
||||||
function nestedUnrollBuffer(buffer, parentRet, startIndex) {
|
|
||||||
if (!buffer.hasAsync) {
|
|
||||||
return parentRet + unrollBufferSync$1(buffer);
|
|
||||||
}
|
|
||||||
let ret = parentRet;
|
|
||||||
for (let i = startIndex; i < buffer.length; i += 1) {
|
|
||||||
const item = buffer[i];
|
|
||||||
if (shared.isString(item)) {
|
|
||||||
ret += item;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (shared.isPromise(item)) {
|
|
||||||
return item.then((nestedItem) => {
|
|
||||||
buffer[i] = nestedItem;
|
|
||||||
return nestedUnrollBuffer(buffer, ret, i);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
const result = nestedUnrollBuffer(item, ret, 0);
|
|
||||||
if (shared.isPromise(result)) {
|
|
||||||
return result.then((nestedItem) => {
|
|
||||||
buffer[i] = nestedItem;
|
|
||||||
return nestedUnrollBuffer(buffer, "", i);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
ret = result;
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
function unrollBuffer$1(buffer) {
|
|
||||||
return nestedUnrollBuffer(buffer, "", 0);
|
|
||||||
}
|
|
||||||
function unrollBufferSync$1(buffer) {
|
|
||||||
let ret = "";
|
|
||||||
for (let i = 0; i < buffer.length; i++) {
|
|
||||||
let item = buffer[i];
|
|
||||||
if (shared.isString(item)) {
|
|
||||||
ret += item;
|
|
||||||
} else {
|
|
||||||
ret += unrollBufferSync$1(item);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
async function renderToString(input, context = {}) {
|
|
||||||
if (isVNode$1(input)) {
|
|
||||||
return renderToString(Vue.createApp({ render: () => input }), context);
|
|
||||||
}
|
|
||||||
const vnode = Vue.createVNode(input._component, input._props);
|
|
||||||
vnode.appContext = input._context;
|
|
||||||
input.provide(Vue.ssrContextKey, context);
|
|
||||||
const buffer = await renderComponentVNode(vnode);
|
|
||||||
const result = await unrollBuffer$1(buffer);
|
|
||||||
await resolveTeleports(context);
|
|
||||||
if (context.__watcherHandles) {
|
|
||||||
for (const unwatch of context.__watcherHandles) {
|
|
||||||
unwatch();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
async function resolveTeleports(context) {
|
|
||||||
if (context.__teleportBuffers) {
|
|
||||||
context.teleports = context.teleports || {};
|
|
||||||
for (const key in context.__teleportBuffers) {
|
|
||||||
context.teleports[key] = await unrollBuffer$1(
|
|
||||||
await Promise.all([context.__teleportBuffers[key]])
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const { isVNode } = Vue.ssrUtils;
|
|
||||||
async function unrollBuffer(buffer, stream) {
|
|
||||||
if (buffer.hasAsync) {
|
|
||||||
for (let i = 0; i < buffer.length; i++) {
|
|
||||||
let item = buffer[i];
|
|
||||||
if (shared.isPromise(item)) {
|
|
||||||
item = await item;
|
|
||||||
}
|
|
||||||
if (shared.isString(item)) {
|
|
||||||
stream.push(item);
|
|
||||||
} else {
|
|
||||||
await unrollBuffer(item, stream);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
unrollBufferSync(buffer, stream);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function unrollBufferSync(buffer, stream) {
|
|
||||||
for (let i = 0; i < buffer.length; i++) {
|
|
||||||
let item = buffer[i];
|
|
||||||
if (shared.isString(item)) {
|
|
||||||
stream.push(item);
|
|
||||||
} else {
|
|
||||||
unrollBufferSync(item, stream);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function renderToSimpleStream(input, context, stream) {
|
|
||||||
if (isVNode(input)) {
|
|
||||||
return renderToSimpleStream(
|
|
||||||
Vue.createApp({ render: () => input }),
|
|
||||||
context,
|
|
||||||
stream
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const vnode = Vue.createVNode(input._component, input._props);
|
|
||||||
vnode.appContext = input._context;
|
|
||||||
input.provide(Vue.ssrContextKey, context);
|
|
||||||
Promise.resolve(renderComponentVNode(vnode)).then((buffer) => unrollBuffer(buffer, stream)).then(() => resolveTeleports(context)).then(() => {
|
|
||||||
if (context.__watcherHandles) {
|
|
||||||
for (const unwatch of context.__watcherHandles) {
|
|
||||||
unwatch();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).then(() => stream.push(null)).catch((error) => {
|
|
||||||
stream.destroy(error);
|
|
||||||
});
|
|
||||||
return stream;
|
|
||||||
}
|
|
||||||
function renderToStream(input, context = {}) {
|
|
||||||
console.warn(
|
|
||||||
`[@vue/server-renderer] renderToStream is deprecated - use renderToNodeStream instead.`
|
|
||||||
);
|
|
||||||
return renderToNodeStream(input, context);
|
|
||||||
}
|
|
||||||
function renderToNodeStream(input, context = {}) {
|
|
||||||
const stream = new (require("node:stream")).Readable({ read() {
|
|
||||||
} }) ;
|
|
||||||
if (!stream) {
|
|
||||||
throw new Error(
|
|
||||||
`ESM build of renderToStream() does not support renderToNodeStream(). Use pipeToNodeWritable() with an existing Node.js Writable stream instance instead.`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return renderToSimpleStream(input, context, stream);
|
|
||||||
}
|
|
||||||
function pipeToNodeWritable(input, context = {}, writable) {
|
|
||||||
renderToSimpleStream(input, context, {
|
|
||||||
push(content) {
|
|
||||||
if (content != null) {
|
|
||||||
writable.write(content);
|
|
||||||
} else {
|
|
||||||
writable.end();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
destroy(err) {
|
|
||||||
writable.destroy(err);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function renderToWebStream(input, context = {}) {
|
|
||||||
if (typeof ReadableStream !== "function") {
|
|
||||||
throw new Error(
|
|
||||||
`ReadableStream constructor is not available in the global scope. If the target environment does support web streams, consider using pipeToWebWritable() with an existing WritableStream instance instead.`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const encoder = new TextEncoder();
|
|
||||||
let cancelled = false;
|
|
||||||
return new ReadableStream({
|
|
||||||
start(controller) {
|
|
||||||
renderToSimpleStream(input, context, {
|
|
||||||
push(content) {
|
|
||||||
if (cancelled) return;
|
|
||||||
if (content != null) {
|
|
||||||
controller.enqueue(encoder.encode(content));
|
|
||||||
} else {
|
|
||||||
controller.close();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
destroy(err) {
|
|
||||||
controller.error(err);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
cancelled = true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function pipeToWebWritable(input, context = {}, writable) {
|
|
||||||
const writer = writable.getWriter();
|
|
||||||
const encoder = new TextEncoder();
|
|
||||||
let hasReady = false;
|
|
||||||
try {
|
|
||||||
hasReady = shared.isPromise(writer.ready);
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
renderToSimpleStream(input, context, {
|
|
||||||
async push(content) {
|
|
||||||
if (hasReady) {
|
|
||||||
await writer.ready;
|
|
||||||
}
|
|
||||||
if (content != null) {
|
|
||||||
return writer.write(encoder.encode(content));
|
|
||||||
} else {
|
|
||||||
return writer.close();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
destroy(err) {
|
|
||||||
console.log(err);
|
|
||||||
writer.close();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Vue.initDirectivesForSSR();
|
|
||||||
|
|
||||||
exports.ssrIncludeBooleanAttr = shared.includeBooleanAttr;
|
|
||||||
exports.pipeToNodeWritable = pipeToNodeWritable;
|
|
||||||
exports.pipeToWebWritable = pipeToWebWritable;
|
|
||||||
exports.renderToNodeStream = renderToNodeStream;
|
|
||||||
exports.renderToSimpleStream = renderToSimpleStream;
|
|
||||||
exports.renderToStream = renderToStream;
|
|
||||||
exports.renderToString = renderToString;
|
|
||||||
exports.renderToWebStream = renderToWebStream;
|
|
||||||
exports.ssrGetDirectiveProps = ssrGetDirectiveProps;
|
|
||||||
exports.ssrGetDynamicModelProps = ssrGetDynamicModelProps;
|
|
||||||
exports.ssrInterpolate = ssrInterpolate;
|
|
||||||
exports.ssrLooseContain = ssrLooseContain;
|
|
||||||
exports.ssrLooseEqual = ssrLooseEqual;
|
|
||||||
exports.ssrRenderAttr = ssrRenderAttr;
|
|
||||||
exports.ssrRenderAttrs = ssrRenderAttrs;
|
|
||||||
exports.ssrRenderClass = ssrRenderClass;
|
|
||||||
exports.ssrRenderComponent = ssrRenderComponent;
|
|
||||||
exports.ssrRenderDynamicAttr = ssrRenderDynamicAttr;
|
|
||||||
exports.ssrRenderDynamicModel = ssrRenderDynamicModel;
|
|
||||||
exports.ssrRenderList = ssrRenderList;
|
|
||||||
exports.ssrRenderSlot = ssrRenderSlot;
|
|
||||||
exports.ssrRenderSlotInner = ssrRenderSlotInner;
|
|
||||||
exports.ssrRenderStyle = ssrRenderStyle;
|
|
||||||
exports.ssrRenderSuspense = ssrRenderSuspense;
|
|
||||||
exports.ssrRenderTeleport = ssrRenderTeleport;
|
|
||||||
exports.ssrRenderVNode = renderVNode;
|
|
@ -1,65 +0,0 @@
|
|||||||
import { VNode, ComponentInternalInstance, App, Slots, Component, ComponentPublicInstance, Directive } from 'vue';
|
|
||||||
import { Readable, Writable } from 'node:stream';
|
|
||||||
export { includeBooleanAttr as ssrIncludeBooleanAttr } from '@vue/shared';
|
|
||||||
|
|
||||||
type SSRBuffer = SSRBufferItem[] & {
|
|
||||||
hasAsync?: boolean;
|
|
||||||
};
|
|
||||||
type SSRBufferItem = string | SSRBuffer | Promise<SSRBuffer>;
|
|
||||||
type PushFn = (item: SSRBufferItem) => void;
|
|
||||||
type Props = Record<string, unknown>;
|
|
||||||
export type SSRContext = {
|
|
||||||
[key: string]: any;
|
|
||||||
teleports?: Record<string, string>;
|
|
||||||
};
|
|
||||||
export declare function renderVNode(push: PushFn, vnode: VNode, parentComponent: ComponentInternalInstance, slotScopeId?: string): void;
|
|
||||||
|
|
||||||
export declare function renderToString(input: App | VNode, context?: SSRContext): Promise<string>;
|
|
||||||
|
|
||||||
export interface SimpleReadable {
|
|
||||||
push(chunk: string | null): void;
|
|
||||||
destroy(err: any): void;
|
|
||||||
}
|
|
||||||
export declare function renderToSimpleStream<T extends SimpleReadable>(input: App | VNode, context: SSRContext, stream: T): T;
|
|
||||||
/**
|
|
||||||
* @deprecated
|
|
||||||
*/
|
|
||||||
export declare function renderToStream(input: App | VNode, context?: SSRContext): Readable;
|
|
||||||
export declare function renderToNodeStream(input: App | VNode, context?: SSRContext): Readable;
|
|
||||||
export declare function pipeToNodeWritable(input: App | VNode, context: SSRContext | undefined, writable: Writable): void;
|
|
||||||
export declare function renderToWebStream(input: App | VNode, context?: SSRContext): ReadableStream;
|
|
||||||
export declare function pipeToWebWritable(input: App | VNode, context: SSRContext | undefined, writable: WritableStream): void;
|
|
||||||
|
|
||||||
type SSRSlots = Record<string, SSRSlot>;
|
|
||||||
type SSRSlot = (props: Props, push: PushFn, parentComponent: ComponentInternalInstance | null, scopeId: string | null) => void;
|
|
||||||
export declare function ssrRenderSlot(slots: Slots | SSRSlots, slotName: string, slotProps: Props, fallbackRenderFn: (() => void) | null, push: PushFn, parentComponent: ComponentInternalInstance, slotScopeId?: string): void;
|
|
||||||
export declare function ssrRenderSlotInner(slots: Slots | SSRSlots, slotName: string, slotProps: Props, fallbackRenderFn: (() => void) | null, push: PushFn, parentComponent: ComponentInternalInstance, slotScopeId?: string, transition?: boolean): void;
|
|
||||||
|
|
||||||
export declare function ssrRenderComponent(comp: Component, props?: Props | null, children?: Slots | SSRSlots | null, parentComponent?: ComponentInternalInstance | null, slotScopeId?: string): SSRBuffer | Promise<SSRBuffer>;
|
|
||||||
|
|
||||||
export declare function ssrRenderTeleport(parentPush: PushFn, contentRenderFn: (push: PushFn) => void, target: string, disabled: boolean, parentComponent: ComponentInternalInstance): void;
|
|
||||||
|
|
||||||
export declare function ssrRenderAttrs(props: Record<string, unknown>, tag?: string): string;
|
|
||||||
export declare function ssrRenderDynamicAttr(key: string, value: unknown, tag?: string): string;
|
|
||||||
export declare function ssrRenderAttr(key: string, value: unknown): string;
|
|
||||||
export declare function ssrRenderClass(raw: unknown): string;
|
|
||||||
export declare function ssrRenderStyle(raw: unknown): string;
|
|
||||||
|
|
||||||
export declare function ssrInterpolate(value: unknown): string;
|
|
||||||
|
|
||||||
export declare function ssrRenderList(source: unknown, renderItem: (value: unknown, key: string | number, index?: number) => void): void;
|
|
||||||
|
|
||||||
export declare function ssrRenderSuspense(push: PushFn, { default: renderContent }: Record<string, (() => void) | undefined>): Promise<void>;
|
|
||||||
|
|
||||||
export declare function ssrGetDirectiveProps(instance: ComponentPublicInstance, dir: Directive, value?: any, arg?: string, modifiers?: Record<string, boolean>): Record<string, any>;
|
|
||||||
|
|
||||||
export declare const ssrLooseEqual: (a: unknown, b: unknown) => boolean;
|
|
||||||
export declare function ssrLooseContain(arr: unknown[], value: unknown): boolean;
|
|
||||||
export declare function ssrRenderDynamicModel(type: unknown, model: unknown, value: unknown): string;
|
|
||||||
export declare function ssrGetDynamicModelProps(existingProps: any, model: unknown): {
|
|
||||||
checked: true;
|
|
||||||
} | {
|
|
||||||
value: any;
|
|
||||||
} | null;
|
|
||||||
|
|
||||||
export { renderVNode as ssrRenderVNode };
|
|
8541
calculator/node_modules/@vue/server-renderer/dist/server-renderer.esm-browser.js
generated
vendored
8541
calculator/node_modules/@vue/server-renderer/dist/server-renderer.esm-browser.js
generated
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
1193
calculator/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js
generated
vendored
1193
calculator/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js
generated
vendored
File diff suppressed because it is too large
Load Diff
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'production') {
|
|
||||||
module.exports = require('./dist/server-renderer.cjs.prod.js')
|
|
||||||
} else {
|
|
||||||
module.exports = require('./dist/server-renderer.cjs.js')
|
|
||||||
}
|
|
@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@vue/server-renderer",
|
|
||||||
"version": "3.5.1",
|
|
||||||
"description": "@vue/server-renderer",
|
|
||||||
"main": "index.js",
|
|
||||||
"module": "dist/server-renderer.esm-bundler.js",
|
|
||||||
"types": "dist/server-renderer.d.ts",
|
|
||||||
"files": [
|
|
||||||
"index.js",
|
|
||||||
"dist"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": {
|
|
||||||
"types": "./dist/server-renderer.d.ts",
|
|
||||||
"node": {
|
|
||||||
"production": "./dist/server-renderer.cjs.prod.js",
|
|
||||||
"development": "./dist/server-renderer.cjs.js",
|
|
||||||
"default": "./index.js"
|
|
||||||
},
|
|
||||||
"module": "./dist/server-renderer.esm-bundler.js",
|
|
||||||
"import": "./dist/server-renderer.esm-bundler.js",
|
|
||||||
"require": "./index.js"
|
|
||||||
},
|
|
||||||
"./*": "./*"
|
|
||||||
},
|
|
||||||
"buildOptions": {
|
|
||||||
"name": "VueServerRenderer",
|
|
||||||
"formats": [
|
|
||||||
"esm-bundler",
|
|
||||||
"esm-browser",
|
|
||||||
"cjs"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/vuejs/core.git",
|
|
||||||
"directory": "packages/server-renderer"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"vue"
|
|
||||||
],
|
|
||||||
"author": "Evan You",
|
|
||||||
"license": "MIT",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/vuejs/core/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/server-renderer#readme",
|
|
||||||
"peerDependencies": {
|
|
||||||
"vue": "3.5.1"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@vue/shared": "3.5.1",
|
|
||||||
"@vue/compiler-ssr": "3.5.1"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue