@mpxjs/webpack-plugin 2.6.110 → 2.6.114-alpha.0

package/lib/runtime/components/tenon/tenon-text-area.vue

@@ -0,0 +1,64 @@
+
+<script>
+import { h } from "@hummer/tenon-vue";
+import getInnerListeners from "./getInnerListeners";
+
+export default {
+  name: "mpx-textarea",
+  props: {
+    name: String,
+    value: {
+      type: String,
+      default: "",
+    },
+    placeholder: String,
+    disabled: Boolean,
+    maxlength: {
+      type: Number,
+      default: 140,
+    },
+    autoFocus: Boolean,
+    focus: Boolean,
+    cursor: {
+      type: Number,
+      default: -1,
+    },
+    selectionStart: {
+      type: Number,
+      default: -1,
+    },
+    selectionEnd: {
+      type: Number,
+      default: -1,
+    },
+  },
+
+  render() {
+    const data = {
+      class: "mpx-textarea",
+      value: this.value,
+      focus: this.focus,
+      placeholder: this.placeholder,
+      maxLength: this.maxLength,
+      disabled: this.disabled,
+      ...getInnerListeners(this),
+    };
+    return h("textarea", data);
+  },
+  pageConfig: {
+    canScroll: false,
+  },
+  methods: {},
+};
+</script>
+<style lang="stylus">
+.mpx-textarea
+  font inherit
+  cursor auto
+  width 300hm
+  height 150hm
+  display block
+  position relative
+  resize none
+
+</style>

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

@@ -0,0 +1,64 @@
+
+<script>
+import { h } from "@hummer/tenon-vue";
+import getInnerListeners from "./getInnerListeners";
+
+export default {
+  name: "mpx-text",
+  props: {
+    selectable: {
+      type: Boolean,
+      default: false,
+    },
+    space: {
+      type: String,
+    },
+    decode: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  render() {
+    let text = "";
+    let classNames = ["mpx-text"];
+    const nodes = this.$slots.default();
+    nodes.forEach((item) => {
+      if (item.shapeFlag === 8 && item.children) {
+        text += item.children;
+      }
+    });
+    // hummer不支持 暂时注释
+    // switch (this.space) {
+    //   case "ensp":
+    //   case "emsp":
+    //   case "nbsp":
+    //     text = text.replace(/ /g, `&${this.space};`);
+    //     break;
+    // }
+    return h(
+      "text",
+      {
+        class: classNames,
+        ...getInnerListeners(this),
+      },
+      text
+    );
+  },
+  data() {
+    return {};
+  },
+  beforeCreate() {},
+  pageConfig: {
+    canScroll: false,
+  },
+  methods: {
+  },
+};
+</script>
+<style lang="stylus">
+.mpx-text
+  user-select none
+  &.selectable
+    user-select text
+
+</style>

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

@@ -0,0 +1,89 @@
+<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 }),
+      },
+      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;
+    },
+  },
+  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/tenon/util.js

@@ -0,0 +1,44 @@
+/**
+ @file web运行时组件抹平中需要用到的一些工具方法
+ */
+
+/**
+ * 处理字符串类型的宽高数值，兼容rpx
+ * @param {object | number} size 宽高
+ * @param {object} option 配置项，目前仅支持配置默认值
+ * @param {number} option.default 默认值,当传入的size有问题时返回
+ * @returns {number} 处理后的数字宽高，单位px
+ */
+export function processSize (size, option = {}) {
+  const defaultValue = option.default || 0
+  if (typeof size === 'number') {
+    return size
+  } else if (typeof size === 'string') {
+    const rs = parseInt(size, 10)
+    if (size.indexOf('rpx') !== -1) {
+      // 计算rpx折算回px
+      const width = window.screen.width
+      const finalRs = Math.floor(rs / 750 * width)
+      return finalRs
+    } else {
+      return isNaN(rs) ? defaultValue : rs
+    }
+  } else {
+    return defaultValue
+  }
+}
+
+// 判断对象类型
+export function type (n) {
+  return Object.prototype.toString.call(n).slice(8, -1)
+}
+
+export function isEmptyObject (obj) {
+  if (!obj) {
+    return true
+  }
+  for (let key in obj) {
+    return false
+  }
+  return true
+}

package/lib/runtime/components/web/mpx-swiper.vue

@@ -36,7 +36,8 @@
       easingFunction: {
         type: String,
         default: 'default'
-      }
+      },
+      scrollOptions: Object
     },
     data () {
       return {
@@ -90,11 +91,21 @@
         this.goto(val)
       }
     },
+    activated () {
+      if (this.bs && this.autoplay) {
+        this.bs.startPlay()
+      }
+    },
+    deactivated () {
+      if (this.bs && this.autoplay) {
+        this.bs.pausePlay()
+      }
+    },
     beforeCreate () {
       this.itemIds = []
     },
     mounted () {
-      this.bs = new BScroll(this.$refs.wrapper, {
+      const originBsOptions = {
         scrollX: !this.vertical,
         scrollY: this.vertical,
         slide: {
@@ -103,14 +114,17 @@
           speed: this.duration,
           easing: this.easing,
           interval: this.interval,
-          autoplay: this.autoplay
+          autoplay: this.autoplay,
+          startPageXIndex: this.vertical ? 0 : this.current,
+          startPageYIndex: this.vertical? this.current : 0
         },
         momentum: false,
         bounce: false,
         probeType: 3,
         stopPropagation: true
-      })
-
+      }
+      const bsOptions = Object.assign({}, originBsOptions, this.scrollOptions)
+      this.bs = new BScroll(this.$refs.wrapper, bsOptions)
       this.bs.on('slideWillChange', (page) => {
         this.currentIndex = this.vertical ? page.pageY : page.pageX
         this.$emit('change', getCustomEvent('change', {

package/lib/runtime/components/web/mpx-textarea.vue

@@ -86,7 +86,7 @@
       }
 
       if (this.maxlength !== -1) {
-        domProps.maxlength = this.maxlength
+        domProps.maxLength = this.maxlength
       }
 
       const data = {