first commit
This commit is contained in:
44
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/customBlocks.js
generated
vendored
Normal file
44
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/customBlocks.js
generated
vendored
Normal file
@ -0,0 +1,44 @@
|
||||
const qs = require('querystring')
|
||||
const { attrsToQuery, genMatchResource } = require('./utils')
|
||||
|
||||
module.exports = function genCustomBlocksCode(
|
||||
loaderContext,
|
||||
blocks,
|
||||
resourcePath,
|
||||
resourceQuery,
|
||||
stringifyRequest,
|
||||
enableInlineMatchResource
|
||||
) {
|
||||
return (
|
||||
`\n/* custom blocks */\n` +
|
||||
blocks
|
||||
.map((block, i) => {
|
||||
const src = block.attrs.src || resourcePath
|
||||
const attrsQuery = attrsToQuery(block.attrs)
|
||||
const issuerQuery = block.attrs.src
|
||||
? `&issuerPath=${qs.escape(resourcePath)}`
|
||||
: ''
|
||||
const inheritQuery = resourceQuery ? `&${resourceQuery.slice(1)}` : ''
|
||||
const externalQuery = block.attrs.src ? `&external` : ``
|
||||
const query = `?vue&type=custom&index=${i}&blockType=${qs.escape(
|
||||
block.type
|
||||
)}${issuerQuery}${attrsQuery}${inheritQuery}${externalQuery}`
|
||||
|
||||
let customRequest
|
||||
|
||||
if (enableInlineMatchResource) {
|
||||
customRequest = stringifyRequest(
|
||||
genMatchResource(loaderContext, src, query, block.attrs.lang)
|
||||
)
|
||||
} else {
|
||||
customRequest = stringifyRequest(src + query)
|
||||
}
|
||||
return (
|
||||
`import block${i} from ${customRequest}\n` +
|
||||
`if (typeof block${i} === 'function') block${i}(component)`
|
||||
)
|
||||
})
|
||||
.join(`\n`) +
|
||||
`\n`
|
||||
)
|
||||
}
|
31
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/hotReload.js
generated
vendored
Normal file
31
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/hotReload.js
generated
vendored
Normal file
@ -0,0 +1,31 @@
|
||||
const hotReloadAPIPath = JSON.stringify(require.resolve('vue-hot-reload-api'))
|
||||
|
||||
const genTemplateHotReloadCode = (id, request) => {
|
||||
return `
|
||||
module.hot.accept(${request}, function () {
|
||||
api.rerender('${id}', {
|
||||
render: render,
|
||||
staticRenderFns: staticRenderFns
|
||||
})
|
||||
})
|
||||
`.trim()
|
||||
}
|
||||
|
||||
exports.genHotReloadCode = (id, functional, templateRequest) => {
|
||||
return `
|
||||
/* hot reload */
|
||||
if (module.hot) {
|
||||
var api = require(${hotReloadAPIPath})
|
||||
api.install(require('vue'))
|
||||
if (api.compatible) {
|
||||
module.hot.accept()
|
||||
if (!api.isRecorded('${id}')) {
|
||||
api.createRecord('${id}', component.options)
|
||||
} else {
|
||||
api.${functional ? 'rerender' : 'reload'}('${id}', component.options)
|
||||
}
|
||||
${templateRequest ? genTemplateHotReloadCode(id, templateRequest) : ''}
|
||||
}
|
||||
}
|
||||
`.trim()
|
||||
}
|
140
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/styleInjection.js
generated
vendored
Normal file
140
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/styleInjection.js
generated
vendored
Normal file
@ -0,0 +1,140 @@
|
||||
const { attrsToQuery, genMatchResource } = require('./utils')
|
||||
const hotReloadAPIPath = JSON.stringify(require.resolve('vue-hot-reload-api'))
|
||||
const nonWhitespaceRE = /\S+/
|
||||
|
||||
module.exports = function genStyleInjectionCode(
|
||||
loaderContext,
|
||||
styles,
|
||||
id,
|
||||
resourcePath,
|
||||
stringifyRequest,
|
||||
needsHotReload,
|
||||
needsExplicitInjection,
|
||||
isProduction,
|
||||
enableInlineMatchResource
|
||||
) {
|
||||
let styleImportsCode = ``
|
||||
let styleInjectionCode = ``
|
||||
let cssModulesHotReloadCode = ``
|
||||
|
||||
let hasCSSModules = false
|
||||
const cssModuleNames = new Map()
|
||||
|
||||
function genStyleRequest(style, i) {
|
||||
const src = style.src || resourcePath
|
||||
const attrsQuery = attrsToQuery(style.attrs, 'css')
|
||||
const lang = String(style.attrs.lang || 'css')
|
||||
const inheritQuery = loaderContext.resourceQuery.slice(1)
|
||||
? `&${loaderContext.resourceQuery.slice(1)}`
|
||||
: ''
|
||||
// make sure to only pass id not src importing so that we don't inject
|
||||
// duplicate tags when multiple components import the same css file
|
||||
const idQuery = !style.src || style.scoped ? `&id=${id}` : ``
|
||||
const prodQuery = isProduction ? `&prod` : ``
|
||||
const externalQuery = style.src ? `&external` : ``
|
||||
const query = `?vue&type=style&index=${i}${idQuery}${prodQuery}${attrsQuery}${inheritQuery}${externalQuery}`
|
||||
let styleRequest
|
||||
if (enableInlineMatchResource) {
|
||||
styleRequest = stringifyRequest(genMatchResource(loaderContext, src, query, lang))
|
||||
} else {
|
||||
styleRequest = stringifyRequest(src + query)
|
||||
}
|
||||
return styleRequest
|
||||
}
|
||||
|
||||
function genCSSModulesCode(style, request, i) {
|
||||
hasCSSModules = true
|
||||
|
||||
const moduleName = style.module === true ? '$style' : style.module
|
||||
if (cssModuleNames.has(moduleName)) {
|
||||
loaderContext.emitError(`CSS module name ${moduleName} is not unique!`)
|
||||
}
|
||||
cssModuleNames.set(moduleName, true)
|
||||
|
||||
// `(vue-)style-loader` exports the name-to-hash map directly
|
||||
// `css-loader` exports it in `.locals`
|
||||
const locals = `(style${i}.locals || style${i})`
|
||||
const name = JSON.stringify(moduleName)
|
||||
|
||||
if (!needsHotReload) {
|
||||
styleInjectionCode += `this[${name}] = ${locals}\n`
|
||||
} else {
|
||||
styleInjectionCode += `
|
||||
cssModules[${name}] = ${locals}
|
||||
Object.defineProperty(this, ${name}, {
|
||||
configurable: true,
|
||||
get: function () {
|
||||
return cssModules[${name}]
|
||||
}
|
||||
})
|
||||
`
|
||||
cssModulesHotReloadCode += `
|
||||
module.hot && module.hot.accept([${request}], function () {
|
||||
var oldLocals = cssModules[${name}]
|
||||
if (oldLocals) {
|
||||
var newLocals = require(${request})
|
||||
if (JSON.stringify(newLocals) !== JSON.stringify(oldLocals)) {
|
||||
cssModules[${name}] = newLocals
|
||||
require(${hotReloadAPIPath}).rerender("${id}")
|
||||
}
|
||||
}
|
||||
})
|
||||
`
|
||||
}
|
||||
}
|
||||
|
||||
// empty styles: with no `src` specified or only contains whitespaces
|
||||
const isNotEmptyStyle = (style) =>
|
||||
style.src || nonWhitespaceRE.test(style.content)
|
||||
// explicit injection is needed in SSR (for critical CSS collection)
|
||||
// or in Shadow Mode (for injection into shadow root)
|
||||
// In these modes, vue-style-loader exports objects with the __inject__
|
||||
// method; otherwise we simply import the styles.
|
||||
if (!needsExplicitInjection) {
|
||||
styles.forEach((style, i) => {
|
||||
// do not generate requests for empty styles
|
||||
if (isNotEmptyStyle(style)) {
|
||||
const request = genStyleRequest(style, i)
|
||||
styleImportsCode += `import style${i} from ${request}\n`
|
||||
if (style.module) genCSSModulesCode(style, request, i)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
styles.forEach((style, i) => {
|
||||
if (isNotEmptyStyle(style)) {
|
||||
const request = genStyleRequest(style, i)
|
||||
styleInjectionCode +=
|
||||
`var style${i} = require(${request})\n` +
|
||||
`if (style${i}.__inject__) style${i}.__inject__(context)\n`
|
||||
if (style.module) genCSSModulesCode(style, request, i)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (!needsExplicitInjection && !hasCSSModules) {
|
||||
return styleImportsCode
|
||||
}
|
||||
|
||||
return `
|
||||
${styleImportsCode}
|
||||
${hasCSSModules && needsHotReload ? `var cssModules = {}` : ``}
|
||||
${needsHotReload ? `var disposed = false` : ``}
|
||||
|
||||
function injectStyles (context) {
|
||||
${needsHotReload ? `if (disposed) return` : ``}
|
||||
${styleInjectionCode}
|
||||
}
|
||||
|
||||
${
|
||||
needsHotReload
|
||||
? `
|
||||
module.hot && module.hot.dispose(function (data) {
|
||||
disposed = true
|
||||
})
|
||||
`
|
||||
: ``
|
||||
}
|
||||
|
||||
${cssModulesHotReloadCode}
|
||||
`.trim()
|
||||
}
|
48
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/utils.js
generated
vendored
Normal file
48
app_vue/node_modules/@vue/vue-loader-v15/lib/codegen/utils.js
generated
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
const qs = require('querystring')
|
||||
|
||||
// these are built-in query parameters so should be ignored
|
||||
// if the user happen to add them as attrs
|
||||
const ignoreList = ['id', 'index', 'src', 'type']
|
||||
|
||||
// transform the attrs on a SFC block descriptor into a resourceQuery string
|
||||
exports.attrsToQuery = (attrs, langFallback) => {
|
||||
let query = ``
|
||||
for (const name in attrs) {
|
||||
const value = attrs[name]
|
||||
if (!ignoreList.includes(name)) {
|
||||
query += `&${qs.escape(name)}=${value ? qs.escape(value) : ``}`
|
||||
}
|
||||
}
|
||||
if (langFallback && !(`lang` in attrs)) {
|
||||
query += `&lang=${langFallback}`
|
||||
}
|
||||
return query
|
||||
}
|
||||
|
||||
exports.genMatchResource = (context, resourcePath, resourceQuery, lang) => {
|
||||
resourceQuery = resourceQuery || ''
|
||||
|
||||
const loaders = []
|
||||
const parsedQuery = qs.parse(resourceQuery.slice(1))
|
||||
|
||||
// process non-external resources
|
||||
if ('vue' in parsedQuery && !('external' in parsedQuery)) {
|
||||
const currentRequest = context.loaders
|
||||
.slice(context.loaderIndex)
|
||||
.map((obj) => obj.request)
|
||||
loaders.push(...currentRequest)
|
||||
}
|
||||
const loaderString = loaders.join('!')
|
||||
|
||||
return `${resourcePath}${lang ? `.${lang}` : ''}${resourceQuery}!=!${
|
||||
loaderString ? `${loaderString}!` : ''
|
||||
}${resourcePath}${resourceQuery}`
|
||||
}
|
||||
|
||||
exports.testWebpack5 = (compiler) => {
|
||||
if (!compiler) {
|
||||
return false
|
||||
}
|
||||
const webpackVersion = compiler.webpack && compiler.webpack.version
|
||||
return Boolean(webpackVersion && Number(webpackVersion.split('.')[0]) > 4)
|
||||
}
|
Reference in New Issue
Block a user