@mpxjs/webpack-plugin 2.9.56 → 2.9.58

package/lib/platform/style/wx/index.js

@@ -60,7 +60,7 @@ module.exports = function getSpec ({ warn, error }) {
     default: 'default' // 不校验
   }
   // number 类型支持的单位(包含auto)
-  const numberRegExp = /^\s*((\d+(\.\d+)?)(rpx|px|%)?)|(auto)\s*$/
+  const numberRegExp = /^\s*((-?\d+(\.\d+)?)(rpx|px|%)?)|(auto)\s*$/
   // RN 不支持的颜色格式
   const colorRegExp = /^\s*(lab|lch|oklab|oklch|color-mix|color|hwb|lch|light-dark).*$/
 
@@ -101,6 +101,26 @@ module.exports = function getSpec ({ warn, error }) {
       borderStyle: ValueType.default,
       borderColor: ValueType.color
     },
+    'border-left': { // 仅支持 width | style | color 这种排序
+      borderLeftWidth: ValueType.number,
+      borderLeftStyle: ValueType.default,
+      borderLeftColor: ValueType.color
+    },
+    'border-right': { // 仅支持 width | style | color 这种排序
+      borderRightWidth: ValueType.number,
+      borderRightStyle: ValueType.default,
+      borderRightColor: ValueType.color
+    },
+    'border-top': { // 仅支持 width | style | color 这种排序
+      borderTopWidth: ValueType.number,
+      borderTopStyle: ValueType.default,
+      borderTopColor: ValueType.color
+    },
+    'border-bottom': { // 仅支持 width | style | color 这种排序
+      borderBottomWidth: ValueType.number,
+      borderBottomStyle: ValueType.default,
+      borderBottomColor: ValueType.color
+    },
     'box-shadow': { // 仅支持 offset-x | offset-y | blur-radius | color 排序
       'shadowOffset.width': ValueType.number,
       'shadowOffset.height': ValueType.number,
@@ -220,7 +240,7 @@ module.exports = function getSpec ({ warn, error }) {
 
     return {
       prop,
-      value: /\d+(\.\d+)?$/.test(value) ? `${Math.round(value * 100)}%` : value
+      value: /^\s*-?\d+(\.\d+)?\s*$/.test(value) ? `${Math.round(value * 100)}%` : value
     }
   }
 
@@ -339,7 +359,7 @@ module.exports = function getSpec ({ warn, error }) {
     supportedModes: ['ios', 'android'],
     rules: [
       { // 背景相关属性的处理
-        test: /.*background*./,
+        test: /^(background|background-image|background-color|background-size|background-repeat|background-position)$/,
         ios: checkBackgroundImage,
         android: checkBackgroundImage
       },
@@ -372,7 +392,7 @@ module.exports = function getSpec ({ warn, error }) {
         android: getAbbreviationAndroid
       },
       {
-        test: /.*font-variant.*/,
+        test: /^(font-variant|font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures)$/,
         ios: getFontVariant,
         android: getFontVariant
       },
@@ -382,7 +402,7 @@ module.exports = function getSpec ({ warn, error }) {
         android: getBorderRadius
       },
       { // margin padding 内外边距的处理
-        test: /.*(margin|padding).*/,
+        test: /^(margin|padding)$/,
         ios: formatMargins,
         android: formatMargins
       },
@@ -398,13 +418,13 @@ module.exports = function getSpec ({ warn, error }) {
         android: formatLineHeight
       },
       // 值类型校验放到最后
-      { // color 颜色值校验
-        test: /.*color.*/i,
+      { // color 颜色值校验 color xx-color 等
+        test: /^(color|(.+-color))$/,
         ios: checkCommonValue(ValueType.color),
         android: checkCommonValue(ValueType.color)
       },
-      { // number 值校验
-        test: /.*width|height|left|right|top|bottom|radius|margin|padding|spacing|offset|size.*/i,
+      { // number 值校验 // width height xx-left xx-top 等
+        test: /^((width|height)|(.+-(left|right|top|bottom|radius|spacing|size)))$/,
         ios: checkCommonValue(ValueType.number),
         android: checkCommonValue(ValueType.number)
       }

package/lib/platform/template/wx/component-config/web-view.js

@@ -6,6 +6,14 @@ module.exports = function () {
     web (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-web-view'
+    },
+    ios (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-web-view'
+    },
+    android (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-web-view'
     }
   }
 }

package/lib/react/index.js

@@ -57,7 +57,6 @@ module.exports = function ({
         (callback) => {
           processStyles(parts.styles, {
             loaderContext,
-            srcMode,
             ctorType,
             autoScope,
             moduleId

package/lib/react/processStyles.js

@@ -5,7 +5,6 @@ const shallowStringify = require('../utils/shallow-stringify')
 
 module.exports = function (styles, {
   loaderContext,
-  srcMode,
   ctorType,
   autoScope,
   moduleId
@@ -14,7 +13,17 @@ module.exports = function (styles, {
   let content = ''
   let output = '/* styles */\n'
   if (styles.length) {
-    const { mode } = loaderContext.getMpx()
+    const warn = (msg) => {
+      loaderContext.emitWarning(
+        new Error('[style compiler][' + loaderContext.resource + ']: ' + msg)
+      )
+    }
+    const error = (msg) => {
+      loaderContext.emitError(
+        new Error('[style compiler][' + loaderContext.resource + ']: ' + msg)
+      )
+    }
+    const { mode, srcMode } = loaderContext.getMpx()
     async.eachOfSeries(styles, (style, i, callback) => {
       const scoped = style.scoped || autoScope
       const extraOptions = {
@@ -41,7 +50,9 @@ module.exports = function (styles, {
           content,
           filename: loaderContext.resourcePath,
           mode,
-          srcMode
+          srcMode,
+          warn,
+          error
         })
         if (ctorType === 'app') {
           output += `global.__getAppClassMap = function() {

package/lib/react/style-helper.js

@@ -2,10 +2,10 @@ const postcss = require('postcss')
 const selectorParser = require('postcss-selector-parser')
 const getRulesRunner = require('../platform/index')
 const dash2hump = require('../utils/hump-dash').dash2hump
-const rpxRegExp = /^\s*(\d+(\.\d+)?)rpx\s*$/
-const pxRegExp = /^\s*(\d+(\.\d+)?)(px)?\s*$/
+const rpxRegExp = /^\s*(-?\d+(\.\d+)?)rpx\s*$/
+const pxRegExp = /^\s*(-?\d+(\.\d+)?)(px)?\s*$/
 const cssPrefixExp = /^-(webkit|moz|ms|o)-/
-function getClassMap ({ content, filename, mode, srcMode }) {
+function getClassMap ({ content, filename, mode, srcMode, warn, error }) {
   const classMap = {}
 
   const root = postcss.parse(content, {
@@ -30,12 +30,8 @@ function getClassMap ({ content, filename, mode, srcMode }) {
     srcMode,
     type: 'style',
     testKey: 'prop',
-    warn: (msg) => {
-      console.warn('[style compiler warn]: ' + msg)
-    },
-    error: (msg) => {
-      console.error('[style compiler error]: ' + msg)
-    }
+    warn,
+    error
   })
 
   root.walkRules(rule => {
@@ -70,7 +66,7 @@ function getClassMap ({ content, filename, mode, srcMode }) {
         if (selector.nodes.length === 1 && selector.nodes[0].type === 'class') {
           classMapKeys.push(selector.nodes[0].value)
         } else {
-          rule.error('Only single class selector is supported in react native mode temporarily.')
+          error('Only single class selector is supported in react native mode temporarily.')
         }
       })
     }).processSync(rule.selector)

package/lib/runtime/base.styl

@@ -128,3 +128,30 @@ page {
   font-family "weui"
   src url('data:application/octet-stream;base64,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') format('truetype')
 }
+
+.mpx-slide-left-enter {
+  transform: translateX(100%)
+}
+.mpx-slide-left-enter-active {
+  transition: transform 0.3s;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+}
+.mpx-slide-left-leave-active {
+  transition: transform 0.2s
+}
+
+.mpx-slide-right-leave-active {
+  position: absolute;
+  z-index: 100;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  transform: translateX(100%);
+  transition: transform 0.3s
+}

package/lib/runtime/components/react/dist/event.config.js

@@ -0,0 +1,27 @@
+const eventConfigMap = {
+    bindtap: ['onTouchStart', 'onTouchMove', 'onTouchEnd'],
+    bindlongpress: ['onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'],
+    bindtouchstart: ['onTouchStart'],
+    bindtouchmove: ['onTouchMove'],
+    bindtouchend: ['onTouchEnd'],
+    bindtouchcancel: ['onTouchCancel'],
+    catchtap: ['onTouchStart', 'onTouchMove', 'onTouchEnd'],
+    catchlongpress: ['onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'],
+    catchtouchstart: ['onTouchStart'],
+    catchtouchmove: ['onTouchMove'],
+    catchtouchend: ['onTouchEnd'],
+    catchtouchcancel: ['onTouchCancel'],
+    'capture-bindtap': ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture'],
+    'capture-bindlongpress': ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture', 'onTouchCancelCapture'],
+    'capture-bindtouchstart': ['onTouchStartCapture'],
+    'capture-bindtouchmove': ['onTouchMoveCapture'],
+    'capture-bindtouchend': ['onTouchEndCapture'],
+    'capture-bindtouchcancel': ['onTouchCancelCapture'],
+    'capture-catchtap': ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture'],
+    'capture-catchlongpress': ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture', 'onTouchCancelCapture'],
+    'capture-catchtouchstart': ['onTouchStartCapture'],
+    'capture-catchtouchmove': ['onTouchMoveCapture'],
+    'capture-catchtouchend': ['onTouchEndCapture'],
+    'capture-catchtouchcancel': ['onTouchCancelCapture']
+};
+export default eventConfigMap;

package/lib/runtime/components/react/dist/getInnerListeners.js

@@ -0,0 +1,230 @@
+import { useRef } from 'react';
+import { omit } from './utils';
+import eventConfigMap from './event.config';
+const getTouchEvent = (type, event, props, config) => {
+    const nativeEvent = event.nativeEvent;
+    const { timestamp, pageX, pageY, touches, changedTouches } = nativeEvent;
+    const { id } = props;
+    const { layoutRef } = config;
+    return {
+        ...event,
+        type,
+        timeStamp: timestamp,
+        target: {
+            ...(event.target || {}),
+            id: id || '',
+            dataset: getDataSet(props),
+            offsetLeft: layoutRef?.current?.offsetLeft || 0,
+            offsetTop: layoutRef?.current?.offsetTop || 0
+        },
+        detail: {
+            x: pageX,
+            y: pageY
+        },
+        touches: touches.map(item => {
+            return {
+                identifier: item.identifier,
+                pageX: item.pageX,
+                pageY: item.pageY,
+                clientX: item.locationX,
+                clientY: item.locationY
+            };
+        }),
+        changedTouches: changedTouches.map(item => {
+            return {
+                identifier: item.identifier,
+                pageX: item.pageX,
+                pageY: item.pageY,
+                clientX: item.locationX,
+                clientY: item.locationY
+            };
+        }),
+        persist: event.persist,
+        stopPropagation: event.stopPropagation,
+        preventDefault: event.preventDefault
+    };
+};
+export const getDataSet = (props) => {
+    const result = {};
+    for (const key in props) {
+        if (key.indexOf('data-') === 0) {
+            const newKey = key.substr(5);
+            result[newKey] = props[key];
+        }
+    }
+    return result;
+};
+export const getCustomEvent = (type = '', oe = {}, { detail = {}, layoutRef }, props = {}) => {
+    return {
+        ...oe,
+        type,
+        detail,
+        target: {
+            ...(oe.target || {}),
+            id: props.id || '',
+            dataset: getDataSet(props),
+            offsetLeft: layoutRef?.current?.offsetLeft || 0,
+            offsetTop: layoutRef?.current?.offsetTop || 0
+        }
+    };
+};
+const useInnerProps = (props = {}, additionalProps = {}, removeProps = [], rawConfig) => {
+    const ref = useRef({
+        startTimer: {
+            bubble: null,
+            capture: null
+        },
+        needPress: {
+            bubble: false,
+            capture: false
+        },
+        mpxPressInfo: {
+            detail: {
+                x: 0,
+                y: 0
+            }
+        }
+    });
+    const propsRef = useRef({});
+    const eventConfig = {};
+    const config = rawConfig || {};
+    propsRef.current = { ...props, ...additionalProps };
+    for (const key in eventConfigMap) {
+        if (propsRef.current[key]) {
+            eventConfig[key] = eventConfigMap[key];
+        }
+    }
+    if (!(Object.keys(eventConfig).length) || config.disableTouch) {
+        return omit(propsRef.current, removeProps);
+    }
+    function handleEmitEvent(events, type, oe) {
+        events.forEach(event => {
+            if (propsRef.current[event]) {
+                const match = /^(catch|capture-catch):?(.*?)(?:\.(.*))?$/.exec(event);
+                if (match) {
+                    oe.stopPropagation();
+                }
+                propsRef.current[event](getTouchEvent(type, oe, propsRef.current, config));
+            }
+        });
+    }
+    function handleTouchstart(e, type) {
+        e.persist();
+        const bubbleTouchEvent = ['catchtouchstart', 'bindtouchstart'];
+        const bubblePressEvent = ['catchlongpress', 'bindlongpress'];
+        const captureTouchEvent = ['capture-catchtouchstart', 'capture-bindtouchstart'];
+        const capturePressEvent = ['capture-catchlongpress', 'capture-bindlongpress'];
+        ref.current.startTimer[type] = null;
+        ref.current.needPress[type] = true;
+        const nativeEvent = e.nativeEvent;
+        ref.current.mpxPressInfo.detail = {
+            x: nativeEvent.changedTouches[0].pageX,
+            y: nativeEvent.changedTouches[0].pageY
+        };
+        const currentTouchEvent = type === 'bubble' ? bubbleTouchEvent : captureTouchEvent;
+        const currentPressEvent = type === 'bubble' ? bubblePressEvent : capturePressEvent;
+        handleEmitEvent(currentTouchEvent, 'touchstart', e);
+        const { catchlongpress, bindlongpress, 'capture-catchlongpress': captureCatchlongpress, 'capture-bindlongpress': captureBindlongpress } = propsRef.current;
+        if (catchlongpress || bindlongpress || captureCatchlongpress || captureBindlongpress) {
+            ref.current.startTimer[type] = setTimeout(() => {
+                ref.current.needPress[type] = false;
+                handleEmitEvent(currentPressEvent, 'longpress', e);
+            }, 350);
+        }
+    }
+    function handleTouchmove(e, type) {
+        const bubbleTouchEvent = ['catchtouchmove', 'bindtouchmove'];
+        const captureTouchEvent = ['capture-catchtouchmove', 'capture-bindtouchmove'];
+        const tapDetailInfo = ref.current.mpxPressInfo.detail || { x: 0, y: 0 };
+        const nativeEvent = e.nativeEvent;
+        const currentPageX = nativeEvent.changedTouches[0].pageX;
+        const currentPageY = nativeEvent.changedTouches[0].pageY;
+        const currentTouchEvent = type === 'bubble' ? bubbleTouchEvent : captureTouchEvent;
+        if (Math.abs(currentPageX - tapDetailInfo.x) > 1 || Math.abs(currentPageY - tapDetailInfo.y) > 1) {
+            ref.current.needPress[type] = false;
+            ref.current.startTimer[type] && clearTimeout(ref.current.startTimer[type]);
+            ref.current.startTimer[type] = null;
+        }
+        handleEmitEvent(currentTouchEvent, 'touchmove', e);
+    }
+    function handleTouchend(e, type) {
+        const bubbleTouchEvent = ['catchtouchend', 'bindtouchend'];
+        const bubbleTapEvent = ['catchtap', 'bindtap'];
+        const captureTouchEvent = ['capture-catchtouchend', 'capture-bindtouchend'];
+        const captureTapEvent = ['capture-catchtap', 'capture-bindtap'];
+        const currentTouchEvent = type === 'bubble' ? bubbleTouchEvent : captureTouchEvent;
+        const currentTapEvent = type === 'bubble' ? bubbleTapEvent : captureTapEvent;
+        ref.current.startTimer[type] && clearTimeout(ref.current.startTimer[type]);
+        ref.current.startTimer[type] = null;
+        handleEmitEvent(currentTouchEvent, 'touchend', e);
+        if (ref.current.needPress[type]) {
+            handleEmitEvent(currentTapEvent, 'tap', e);
+        }
+    }
+    function handleTouchcancel(e, type) {
+        const bubbleTouchEvent = ['catchtouchcancel', 'bindtouchcancel'];
+        const captureTouchEvent = ['capture-catchtouchcancel', 'capture-bindtouchcancel'];
+        const currentTouchEvent = type === 'bubble' ? bubbleTouchEvent : captureTouchEvent;
+        ref.current.startTimer[type] && clearTimeout(ref.current.startTimer[type]);
+        ref.current.startTimer[type] = null;
+        handleEmitEvent(currentTouchEvent, 'touchcancel', e);
+    }
+    const touchEventList = [{
+            eventName: 'onTouchStart',
+            handler: (e) => {
+                handleTouchstart(e, 'bubble');
+            }
+        }, {
+            eventName: 'onTouchMove',
+            handler: (e) => {
+                handleTouchmove(e, 'bubble');
+            }
+        }, {
+            eventName: 'onTouchEnd',
+            handler: (e) => {
+                handleTouchend(e, 'bubble');
+            }
+        }, {
+            eventName: 'onTouchCancel',
+            handler: (e) => {
+                handleTouchcancel(e, 'bubble');
+            }
+        }, {
+            eventName: 'onTouchStartCapture',
+            handler: (e) => {
+                handleTouchstart(e, 'capture');
+            }
+        }, {
+            eventName: 'onTouchMoveCapture',
+            handler: (e) => {
+                handleTouchmove(e, 'capture');
+            }
+        }, {
+            eventName: 'onTouchEndCapture',
+            handler: (e) => {
+                handleTouchend(e, 'capture');
+            }
+        }, {
+            eventName: 'onTouchCancelCapture',
+            handler: (e) => {
+                handleTouchcancel(e, 'capture');
+            }
+        }];
+    const events = {};
+    const transformedEventKeys = [];
+    for (const key in eventConfig) {
+        transformedEventKeys.push(...eventConfig[key]);
+    }
+    const finalEventKeys = [...new Set(transformedEventKeys)];
+    touchEventList.forEach(item => {
+        if (finalEventKeys.includes(item.eventName)) {
+            events[item.eventName] = item.handler;
+        }
+    });
+    const rawEventKeys = Object.keys(eventConfig);
+    return {
+        ...events,
+        ...omit(propsRef.current, [...rawEventKeys, ...removeProps])
+    };
+};
+export default useInnerProps;