@mpxjs/webpack-plugin 2.9.70-alpha.0 → 2.9.71

package/lib/runtime/components/tenon/tenon-view.vue

@@ -1,93 +0,0 @@
-<script>
-import { h } from "@hummer/tenon-vue";
-import getInnerListeners from "./getInnerListeners";
-
-export default {
-  name: "mpx-view",
-  props: {
-    hoverClass: {
-      type: String,
-      default: "none",
-    },
-    hoverStopPropagation: {
-      type: Boolean,
-      default: false,
-    },
-    hoverStartTime: {
-      type: Number,
-      default: 50,
-    },
-    hoverStayTime: {
-      type: Number,
-      default: 400,
-    },
-  },
-  render() {
-    let mergeAfter;
-    if (this.hoverClass && this.hoverClass !== "none") {
-      mergeAfter = {
-        listeners: {
-          onTouchstart: this.handleTouchstart,
-          onTouchend: this.handleTouchend,
-        },
-        force: true,
-      };
-    }
-    return h(
-      "view",
-      {
-        class: this.className,
-        ...getInnerListeners(this, { mergeAfter }),
-        ref: "mpx-view"
-      },
-      this.$slots.default && this.$slots.default() || ''
-    );
-  },
-  data() {
-    return {
-      hover: false,
-    };
-  },
-  computed: {
-    className() {
-      let result = {};
-      if (this.hoverClass && this.hoverClass !== "none" && this.hover) {
-        result = {
-          "mpx-view": true,
-          [this.hoverClass]: true,
-        };
-      } else {
-        result = {
-          "mpx-view": true,
-          [this.hoverClass]: false,
-        };
-      }
-      return result;
-    },
-    originRef() {
-      return this.$refs["mpx-view"]
-    }
-  },
-  pageConfig: {
-    canScroll: false,
-  },
-  methods: {
-    handleTouchstart(e) {
-      if (e.__hoverStopPropagation) {
-        return;
-      }
-      e.__hoverStopPropagation = this.hoverStopPropagation;
-      clearTimeout(this.startTimer);
-      this.startTimer = setTimeout(() => {
-        this.hover = true;
-      }, this.hoverStartTime);
-    },
-    handleTouchend() {
-      clearTimeout(this.endTimer);
-      this.endTimer = setTimeout(() => {
-        this.hover = false;
-      }, this.hoverStayTime);
-    },
-  },
-};
-</script>

package/lib/runtime/components/web/event.js

@@ -1,105 +0,0 @@
-import { extendEvent } from './getInnerListeners'
-import { isBrowser } from '../../env'
-
-function MpxEvent (layer) {
-    this.targetElement = null
-
-    this.touches = []
-
-    this.touchStartX = 0
-
-    this.touchStartY = 0
-
-    this.startTimer = null
-
-    this.needTap = true
-
-    this.isTouchDevice = document && ('ontouchstart' in document.documentElement)
-
-    this.onTouchStart = (event) => {
-        if (event.targetTouches?.length > 1) {
-            return true
-        }
-
-        this.touches = event.targetTouches
-        this.targetElement = event.target
-        this.needTap = true
-        this.startTimer = null
-        this.touchStartX = this.touches[0].pageX
-        this.touchStartY = this.touches[0].pageY
-        this.startTimer = setTimeout(() => {
-            this.needTap = false
-            this.sendEvent(this.targetElement, 'longpress', event)
-            this.sendEvent(this.targetElement, 'longtap', event)
-        }, 350)
-    }
-
-    this.onTouchMove = (event) => {
-        const touch = event.changedTouches[0]
-        if (Math.abs(touch.pageX - this.touchStartX) > 1 || Math.abs(touch.pageY - this.touchStartY) > 1) {
-            this.needTap = false
-            this.startTimer && clearTimeout(this.startTimer)
-            this.startTimer = null
-        }
-    }
-
-    this.onTouchEnd = (event) => {
-        if (event.targetTouches?.length > 1) {
-            return true
-        }
-        this.startTimer && clearTimeout(this.startTimer)
-        this.startTimer = null
-        if (this.needTap) {
-            this.sendEvent(this.targetElement, 'tap', event)
-        }
-    }
-
-    this.onClick = (event) => {
-        this.targetElement = event.target
-        this.sendEvent(this.targetElement, 'tap', event)
-    }
-    this.sendEvent = (targetElement, type, event) => {
-        const touchEvent = new CustomEvent(type, {
-            bubbles: true,
-            cancelable: true
-        })
-        const changedTouches = event.changedTouches || []
-        extendEvent(touchEvent, {
-            timeStamp: event.timeStamp,
-            changedTouches,
-            touches: changedTouches,
-            detail: {
-                // pc端点击事件可能没有changedTouches，所以直接从 event中取
-                x: changedTouches[0]?.pageX || event.pageX || 0,
-                y: changedTouches[0]?.pageY || event.pageY || 0
-            }
-        })
-        targetElement && targetElement.dispatchEvent(touchEvent)
-    }
-
-    this.addListener = () => {
-        if (this.isTouchDevice) {
-            layer.addEventListener('touchstart', this.onTouchStart, true)
-            layer.addEventListener('touchmove', this.onTouchMove, true)
-            layer.addEventListener('touchend', this.onTouchEnd, true)
-        } else {
-            layer.addEventListener('click', this.onClick, true)
-        }
-    }
-    this.addListener()
-}
-
-export function createEvent () {
-    if (isBrowser && !global.__mpxCreatedEvent) {
-        global.__mpxCreatedEvent = true
-        if (document.readyState === 'complete' || document.readyState === 'interactive') {
-            // eslint-disable-next-line no-new
-            new MpxEvent(document.body)
-        } else {
-            document.addEventListener('DOMContentLoaded', function () {
-                // eslint-disable-next-line no-new
-                new MpxEvent(document.body)
-            }, false)
-        }
-    }
-}

package/lib/runtime/optionProcessor.tenon.js

@@ -1,84 +0,0 @@
-// import { inBrowser } from '../utils/env'
-
-import { hasOwn } from './utils'
-
-export function processComponentOption (
-  {
-    option,
-    ctorType,
-    outputPath,
-    pageConfig,
-    componentsMap,
-    componentGenerics,
-    genericsInfo,
-    wxsMixin,
-    hasApp,
-  }
-) {
-  if (ctorType === 'app') {
-    // 对于app中的组件需要全局注册
-    for (const componentName in componentsMap) {
-      if (hasOwn(componentsMap, componentName)) {
-        const component = componentsMap[componentName]
-        Vue.component(componentName, component)
-      }
-    }
-  } else {
-    // 局部注册页面和组件中依赖的组件
-    for (const componentName in componentsMap) {
-      if (hasOwn(componentsMap, componentName)) {
-        const component = componentsMap[componentName]
-        if (!option.components) {
-          option.components = {}
-        }
-        option.components[componentName] = component
-      }
-    }
-
-    if (ctorType === 'page') {
-      (option.mixins ? option.mixins : (option.mixins = [])).push({
-        // cache page instance in tenon
-        created () {
-          global.__currentPageInstance = this
-        }
-      })
-      option.__mpxPageConfig = Object.assign({}, global.__mpxPageConfig, pageConfig)
-    }
-  }
-
-  if (wxsMixin) {
-    if (option.mixins) {
-      option.mixins.push(mixin)
-    } else {
-      option.mixins = [mixin]
-    }
-  }
-
-  if (outputPath) {
-    option.componentPath = '/' + outputPath
-  }
-
-  return option
-}
-
-export function getComponent (component, extendOptions) {
-  component = component.__esModule ? component.default : component
-  // eslint-disable-next-line
-  if (extendOptions) Object.assign(component, extendOptions)
-  return component
-}
-
-export function getWxsMixin (wxsModules) {
-  if (!wxsModules) return {}
-  return {
-    created () {
-      Object.keys(wxsModules).forEach((key) => {
-        if (key in this) {
-          console.error(`[Mpx runtime error]: The wxs module key [${key}] exist in the component/page instance already, please check and rename it!`)
-        } else {
-          this[key] = wxsModules[key]
-        }
-      })
-    }
-  }
-}

package/lib/style-compiler/plugins/hm.js

@@ -1,20 +0,0 @@
-const postcss = require('postcss')
-const rpxRegExp = /\b(\d+(\.\d+)?)rpx\b/
-const rpxRegExpG = /\b(\d+(\.\d+)?)rpx\b/g
-
-module.exports = postcss.plugin('hm', (options = {}) => root => {
-  function transHm (declaration) {
-    if (rpxRegExp.test(declaration.value)) {
-      declaration.value = declaration.value.replace(rpxRegExpG, function (match, $1) {
-        if ($1 === '0') return $1
-        return `${$1}hm`
-      })
-    }
-  }
-
-  root.walkRules(rule => {
-    rule.walkDecls(declaration => {
-      transHm(declaration)
-    })
-  })
-})

package/lib/tenon/index.js

@@ -1,117 +0,0 @@
-const async = require('async')
-const processJSON = require('./processJSON')
-// const processMainScript = require('./processMainScript')
-const processTemplate = require('./processTemplate')
-const processStyles = require('./processStyles')
-const processScript = require('./processScript')
-const RecordLoaderContentDependency = require('../dependencies/RecordLoaderContentDependency')
-const {stringifyRequest} = require('./script-helper')
-const addQuery = require('../utils/add-query')
-const parseRequest = require('../utils/parse-request')
-
-
-
-module.exports = function ({
-  parts,
-  jsonContent,
-  loaderContext,
-  pagesMap,
-  componentsMap,
-  queryObj,
-  ctorType,
-  srcMode,
-  moduleId,
-  isProduction,
-  hasScoped,
-  hasComment,
-  isNative,
-  usingComponentsInfo,
-  componentGenerics,
-  autoScope,
-  callback
-}) {
-
-  let output = ''
-
-
-  const mpx = loaderContext.getMpx()
-  // const hasComment = parts.template && parts.template.attrs && parts.template.attrs.comments
-  // const isNative = false
-  const mode = mpx.mode
-  // const srcMode = mpx.srcMode
-  const env = mpx.env
-  const defs = mpx.defs
-  const resolveMode = mpx.resolveMode
-  // const pagesMap = mpx.pagesMap
-  const projectRoot = mpx.projectRoot
-
-  // 通过RecordLoaderContentDependency和loaderContentCache确保子request不再重复生成loaderContent
-  const cacheContent = mpx.loaderContentCache.get(loaderContext.resourcePath)
-  if (cacheContent) return callback(null, cacheContent)
-  return async.waterfall([
-    (callback) => {
-      async.parallel([
-        (callback) => {
-          processTemplate(parts.template, {
-            loaderContext,
-            hasScoped,
-            hasComment,
-            isNative,
-            srcMode,
-            moduleId,
-            ctorType,
-            usingComponentsInfo,
-            componentGenerics
-          }, callback)
-        },
-        (callback) => {
-          processStyles(parts.styles, {
-            ctorType,
-            autoScope,
-            moduleId
-          }, callback)
-        },
-        (callback) => {
-          processJSON(jsonContent, {
-            mode,
-            env,
-            defs,
-            resolveMode,
-            loaderContext,
-            pagesMap,
-            pathHash: mpx.pathHash,
-            componentsMap,
-            projectRoot
-          }, callback)
-        }
-      ], (err, res) => {
-        callback(err, res)
-      })
-    },
-    ([templateRes, stylesRes, jsonRes], callback) => {
-      output += templateRes.output
-      output += stylesRes.output
-      output += jsonRes.output
-      processScript(parts.script, {
-        loaderContext,
-        ctorType,
-        srcMode,
-        moduleId,
-        isProduction,
-        componentGenerics,
-        jsonConfig: jsonRes.jsonObj,
-        outputPath: queryObj.outputPath || '',
-        builtInComponentsMap: templateRes.builtInComponentsMap,
-        localPagesMap: jsonRes.localPagesMap,
-        genericsInfo: templateRes.genericsInfo,
-        wxsModuleMap: templateRes.wxsModuleMap,
-        localComponentsMap: jsonRes.localComponentsMap
-      }, callback)
-    }
-  ], (err, scriptRes) => {
-    if (err) return callback(err)
-    output += scriptRes.output
-    loaderContext._module.addPresentationalDependency(new RecordLoaderContentDependency(loaderContext.resourcePath, output))
-    callback(null, output)
-  })
-}