@mpxjs/webpack-plugin 2.7.4 → 2.7.8

package/lib/dependencies/DynamicEntryDependency.js

@@ -117,8 +117,11 @@ class DynamicEntryDependency extends NullDependency {
 
 DynamicEntryDependency.Template = class DynamicEntryDependencyTemplate {
   apply (dep, source) {
-    const { resultPath, range, key } = dep
-    if (resultPath) {
+    const { resultPath, range, key, outputPath } = dep
+    if (outputPath === 'custom-tab-bar/index') {
+      // replace with true for custom-tab-bar
+      source.replace(range[0], range[1] - 1, 'true')
+    } else if (resultPath) {
       source.replace(range[0], range[1] - 1, JSON.stringify(resultPath))
     } else {
       const replaceRange = `mpx_replace_path_${key}`

package/lib/extractor.js

@@ -16,7 +16,7 @@ module.exports.pitch = async function (remainingRequest) {
   const type = queryObj.type
   const index = queryObj.index || 0
   const isStatic = queryObj.isStatic
-  const issuerFile = queryObj.issuerFile
+  const issuerResource = queryObj.issuerResource
   const fromImport = queryObj.fromImport
   const needBabel = queryObj.needBabel
 
@@ -82,7 +82,8 @@ module.exports.pitch = async function (remainingRequest) {
       // styles为static就两种情况，一种是.mpx中使用src引用样式，第二种为css-loader中处理@import
       // 为了支持持久化缓存，.mpx中使用src引用样式对issueFile asset产生的副作用迁移到ExtractDependency中处理
       case 'styles':
-        if (issuerFile) {
+        if (issuerResource) {
+          const issuerFile = mpx.getExtractedFile(issuerResource)
           let relativePath = toPosix(path.relative(path.dirname(issuerFile), file))
           relativePath = fixRelative(relativePath, mode)
           if (fromImport) {

package/lib/index.js

@@ -279,7 +279,7 @@ class MpxWebpackPlugin {
 
     const addModePlugin = new AddModePlugin('before-file', this.options.mode, this.options.fileConditionRules, 'file')
     const addEnvPlugin = new AddEnvPlugin('before-file', this.options.env, this.options.fileConditionRules, 'file')
-    const packageEntryPlugin = new PackageEntryPlugin('before-described-relative', this.options.miniNpmPackages, 'resolve')
+    const packageEntryPlugin = new PackageEntryPlugin('before-file', this.options.miniNpmPackages, 'file')
     if (Array.isArray(compiler.options.resolve.plugins)) {
       compiler.options.resolve.plugins.push(addModePlugin)
     } else {

package/lib/json-compiler/index.js

@@ -474,11 +474,12 @@ module.exports = function (content) {
 
     const processCustomTabBar = (tabBar, context, callback) => {
       if (tabBar && tabBar.custom) {
-        processComponent('./custom-tab-bar/index', context, { outputPath: 'custom-tab-bar/index' }, (err) => {
+        processComponent('./custom-tab-bar/index', context, { outputPath: 'custom-tab-bar/index' }, (err, entry) => {
           if (err === RESOLVE_IGNORED_ERR) {
             delete tabBar.custom
             return callback()
           }
+          tabBar.custom = entry // hack for javascript parser call hook.
           callback(err)
         })
       } else {

package/lib/loader.js

@@ -290,7 +290,7 @@ module.exports = function (content) {
             ...style.src ? {
               ...queryObj,
               isStatic: true,
-              issuerFile: mpx.getExtractedFile(addQuery(this.resource, { type: 'styles' }, true))
+              issuerResource: addQuery(this.resource, { type: 'styles' }, true)
             } : null,
             moduleId,
             scoped

package/lib/resolver/PackageEntryPlugin.js

@@ -1,55 +1,42 @@
 const path = require('path')
-/**
- * @desc 获取小程序npm包资源入口目录
- */
-const getEntry = (name, miniprogram) => {
-  return path.join(name, miniprogram)
-}
+const toPosix = require('../utils/to-posix')
 
 module.exports = class PackageEntryPlugin {
-  constructor (source, miniNpmPackage, target) {
+  constructor (source, miniNpmPackages, target) {
     this.source = source
     this.target = target
-    this.miniNpmPackage = miniNpmPackage
+    this.miniNpmPackages = miniNpmPackages
   }
 
   /**
    * 判断是否需要更改innerRequest
    * 小程序发布npm包约束: package.json配置miniprogram 或默认 miniprogram_dist目录
-   * 0. 前提: request中含有package.json中name字段
    * 1. package.json中配置了miniprogram, 且request中不含miniprogram，尝试拼接
-   * 2. 用户配置miniNpmPackage说明是小程序npm包，如果package.json中没配置miniprogram字段，则尝试拼接默认miniprogram_dist目录
+   * 2. 用户配置miniNpmPackages说明是小程序npm包，如果package.json中没配置miniprogram字段，则尝试拼接默认miniprogram_dist目录
    */
   apply (resolver) {
     const target = resolver.ensureHook(this.target)
     resolver.getHook(this.source).tapAsync('PackagePlugin', (request, resolveContext, callback) => {
-      const innerRequest = request.request || request.path
-      if (!innerRequest || request.miniprogram) return callback()
+      if (request.miniprogram) return callback()
+      let { path: resourcePath, descriptionFileData, descriptionFileRoot } = request
+      if (request.miniprogram || !descriptionFileData) return callback()
+
+      let { name, miniprogram } = descriptionFileData
+      if (!miniprogram && this.miniNpmPackages.includes(name)) miniprogram = 'miniprogram_dist'
+      if (!miniprogram) return callback()
+
+      let relativePath = path.relative(descriptionFileRoot, resourcePath)
+      if (relativePath.startsWith(miniprogram)) return callback()
+
+      relativePath = path.join(miniprogram, relativePath)
 
-      const descriptionFileData = request.descriptionFileData || {}
-      const { name = '', miniprogram } = descriptionFileData
-      let newEntry = ''
-      // request.path和系统环境有关：windows和linux
-      let normalizedName = path.normalize(name)
-      if (innerRequest.indexOf(normalizedName) === -1) {
-        return callback()
-      }
-      if (miniprogram) {
-        newEntry = getEntry(normalizedName, miniprogram)
-      } else if (this.miniNpmPackage.includes(name)) {
-        newEntry = getEntry(normalizedName, 'miniprogram_dist')
-      }
+      const obj = Object.assign({}, request, {
+        path: path.join(descriptionFileRoot, relativePath),
+        relativePath: './' + toPosix(relativePath),
+        miniprogram: true
+      })
 
-      if (newEntry) {
-        const newRequest = innerRequest.replace(normalizedName, newEntry)
-        const obj = Object.assign({}, request, {
-          request: newRequest,
-          miniprogram: true
-        })
-        resolver.doResolve(target, obj, `change request ${innerRequest} to :` + newRequest, resolveContext, callback)
-      } else {
-        callback()
-      }
+      resolver.doResolve(target, obj, 'add miniprogram dist: ' + miniprogram, resolveContext, callback)
     })
   }
 }

package/lib/runtime/components/web/mpx-movable-view.vue

@@ -85,6 +85,10 @@
       animation: {
         type: Boolean,
         default: true
+      },
+      speed: {
+        type: Number,
+        default: 1000
       }
     },
     watch: {
@@ -96,7 +100,7 @@
         if (newVal < this.bs.maxScrollX) {
           newVal = this.bs.maxScrollX
         }
-        this.bs.scrollTo(newVal, this.bs.y)
+        this.bs.scrollTo(newVal, this.bs.y, this.speed)
       },
       y (newVal) {
         this.source = ''
@@ -106,7 +110,7 @@
         if (newVal < this.bs.maxScrollY) {
           newVal = this.bs.maxScrollY
         }
-        this.bs.scrollTo(this.bs.x, newVal)
+        this.bs.scrollTo(this.bs.x, newVal, this.speed)
       },
       scaleValue (newVal) {
         this.isZooming = true

package/lib/template-compiler/compiler.js

@@ -2130,7 +2130,12 @@ function postProcessComponentIs (el) {
     } else {
       tempNode = getTempNode()
     }
+    let range = []
+    if (el.attrsMap.range) {
+      range = getAndRemoveAttr(el, 'range').val.split(',')
+    }
     el.components.forEach(function (component) {
+      if (range.length > 0 && !range.includes(component)) return
       let newChild = createASTElement(component, cloneAttrsList(el.attrsList), tempNode)
       newChild.if = {
         raw: `{{${el.is} === ${stringify(component)}}}`,

package/lib/template-compiler/trans-dynamic-class-expr.js

@@ -21,6 +21,8 @@ module.exports = function transDynamicClassExpr (expr, { error } = {}) {
               } else {
                 property.key = t.identifier(propertyName.replace(/-/g, '$$') + 'MpxDash')
               }
+            } else {
+              property.key = t.identifier(propertyName)
             }
           }
         })

package/lib/utils/normalize.js

@@ -1,3 +1,5 @@
-const path = require('path')
+// const path = require('path')
 
-exports.lib = file => path.resolve(__dirname, '../', file)
+// exports.lib = file => path.resolve(__dirname, '../', file)
+// support npm link debug
+exports.lib = file => '@mpxjs/webpack-plugin/lib/' + file

package/lib/wxml/loader.js

@@ -99,7 +99,7 @@ module.exports = function (content) {
       case config[mode].wxs.tag:
         // 显式传递issuerResource避免模块缓存以及提供给wxs-loader计算相对路径
         extraOptions = {
-          issuerFile: mpx.getExtractedFile(this.resource),
+          issuerResource: this.resource,
           isStatic: true
         }
         requestString = getRequestString('wxs', { src, mode: localSrcMode }, extraOptions)

package/lib/wxss/loader.js

@@ -73,7 +73,7 @@ module.exports = function (content, map) {
       } else {
         const requestString = getRequestString('styles', { src: imp.url }, {
           isStatic: true,
-          issuerFile: mpx.getExtractedFile(this.resource),
+          issuerResource: this.resource,
           fromImport: true
         }, i)
         return 'exports.push([module.id, ' +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/webpack-plugin",
-  "version": "2.7.4",
+  "version": "2.7.8",
   "description": "mpx compile core",
   "keywords": [
     "mpx"
@@ -80,5 +80,5 @@
   "engines": {
     "node": ">=14.14.0"
   },
-  "gitHead": "4b78885a767a52eb0a970d3721f0c63cf9817c29"
+  "gitHead": "7c4e607bae13678cadc080d3303e9b432074d03e"
 }