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

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

@@ -0,0 +1,96 @@
+<script>
+import { getCustomEvent } from "./getInnerListeners";
+import { h } from "@hummer/tenon-vue";
+export default {
+  name: "mpx-switch",
+  props: {
+    name: String,
+    type: {
+      type: String,
+      default: "switch",
+    },
+    checked: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    color: {
+      type: String,
+      default: "#04BE02",
+    },
+  },
+  computed: {
+    originRef() {
+      return this.$refs["switch"]
+    }
+  },
+  watch: {
+    checked(newVal) {
+      this.switchChecked = newVal;
+    },
+  },
+  data() {
+    return {
+      switchChecked: this.checked,
+    };
+  },
+  render() {
+    let children = [];
+
+    const switchElem = h("switch", {
+      value: this.switchChecked,
+      class: [
+        "mpx-switch-label",
+        this.switchChecked ? "checked-switch-label" : "uncheck-switch-label",
+      ],
+    });
+    children.push(switchElem);
+
+    // children.push(...(this.$slots.default() || []));
+    const data = {
+      class: ["mpx-switch-wrap"],
+      ref: "switch",
+      onClick: (e) => {
+        if (this.disabled) {
+          return;
+        }
+        this.switchChecked = !this.switchChecked;
+        this.notifyChange();
+      },
+    };
+    return h("view", data, children);
+  },
+  methods: {
+    getValue() {
+      return this.switchChecked;
+    },
+    setValue(value) {
+      this.switchChecked = value;
+    },
+    notifyChange(value) {
+      if (value !== undefined) {
+        this.setValue(value);
+      } else {
+        value = this.getValue();
+      }
+      this.$emit(
+        "change",
+        getCustomEvent("change", { value }, this.$refs.switch)
+      );
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.mpx-switch-wrap
+  .mpx-switch-label
+    border-radius 16hm
+    width 52hm
+    height 32hm
+    border none
+
+</style>

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

@@ -0,0 +1,70 @@
+
+<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 && 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,
+        ref: "mpx-text",
+        ...getInnerListeners(this),
+      },
+      text
+    );
+  },
+  computed: {
+    originRef() {
+      return this.$refs["mpx-text"]
+    }
+  },
+  data() {
+    return {};
+  },
+  beforeCreate() {},
+  pageConfig: {
+    canScroll: false,
+  },
+  methods: {
+  },
+};
+</script>
+<style lang="stylus" scoped>
+.mpx-text
+  user-select none
+  &.selectable
+    user-select text
+
+</style>

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

@@ -0,0 +1,86 @@
+
+<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,
+    },
+    placeholderStyle: {
+      type: String,
+      default: '',
+    },
+    confirmType: {
+      type: String,
+      default: 'return',
+    }
+  },
+  computed: {
+    originRef() {
+      return this.$refs["mpx-textarea"]
+    }
+  },
+  watch: {
+    value: function(newVal, oldVal) {
+      if(this.originRef && newVal !== this.originRef.value){
+        this.originRef.value = newVal;
+      }
+    }
+  },
+
+  render() {
+    const data = {
+      class: "mpx-textarea",
+      ref: "mpx-textarea",
+      focus: this.focus,
+      value: this.value,
+      placeholder: this.placeholder,
+      maxLength: this.maxlength,
+      disabled: this.disabled,
+      returnKeyType: this.confirmType,
+      ...getInnerListeners(this),
+    };
+    return h("textarea", data);
+  },
+  pageConfig: {
+    canScroll: false,
+  },
+  methods: {},
+};
+</script>
+<style lang="stylus" scoped>
+.mpx-textarea
+  font inherit
+  cursor auto
+  width 300hm
+  height 150hm
+  display block
+  position relative
+  resize none
+
+</style>

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

@@ -0,0 +1,93 @@
+<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/getInnerListeners.js

@@ -1,3 +1,4 @@
+import { extend } from '../../utils'
 function processModel (listeners, context) {
   // 该函数只有wx:model的情况下才调用，而且默认e.detail.value有值
   // 该函数必须在产生merge前执行
@@ -53,7 +54,7 @@ export function extendEvent (e, extendObj = {}) {
 }
 
 export function inheritEvent (type, oe, detail = {}) {
-  detail = Object.assign({}, oe.detail, detail)
+  detail = extend({}, oe.detail, detail)
   const ne = getCustomEvent(type, detail)
   extendEvent(ne, {
     timeStamp: oe.timeStamp,
@@ -68,12 +69,11 @@ export function inheritEvent (type, oe, detail = {}) {
 export function getCustomEvent (type, detail = {}, target = null) {
   const targetEl = (target && target.$el) || null
   const targetInfo = targetEl ? { target: targetEl, currentTarget: targetEl } : {}
-  return {
+  return extend({
     type,
     detail,
-    timeStamp: new Date().valueOf(),
-    ...targetInfo
-  }
+    timeStamp: new Date().valueOf()
+  }, targetInfo)
 }
 
 function noop () {
@@ -82,7 +82,7 @@ function noop () {
 
 export default function getInnerListeners (context, options = {}) {
   let { mergeBefore = {}, mergeAfter = {}, defaultListeners = [], ignoredListeners = [] } = options
-  const listeners = Object.assign({}, context.$listeners)
+  const listeners = extend({}, context.$listeners)
   defaultListeners.forEach((key) => {
     if (!listeners[key]) listeners[key] = noop
   })