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

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

@@ -1,66 +0,0 @@
-<script>
-import { h } from "@hummer/tenon-vue";
-import getInnerListeners from "./getInnerListeners";
-
-export default {
-  name: "mpx-image",
-  props: {
-    src: {
-      type: String,
-    },
-    mode: {
-      type: String,
-      default: "scaleToFill",
-    },
-    lazyLoad: {
-      type: Boolean,
-      default: false,
-    },
-    showMenuByLongpress: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  render() {
-    let resize = "";
-    switch (this.mode) {
-      case "scaleToFill":
-        resize = "stretch";
-        break;
-      case "aspectFit":
-        resize = "contain";
-        break;
-      case "aspectFill":
-        resize = "cover";
-        break;
-      default:
-        resize = "stretch";
-    }
-    return h("image", {
-      class: "mpx-image",
-      ref: "mpx-image",
-      src: this.src,
-      resize,
-      ...getInnerListeners(this)
-    });
-  },
-  computed: {
-    originRef() {
-      return this.$refs["mpx-image"]
-    }
-  },
-  data() {
-    return {};
-  },
-  pageConfig: {
-    canScroll: false,
-  },
-  methods: {
-  },
-};
-</script>
-<style lang="stylus" scoped>
-.mpx-image
-  width 300px
-  height 225px
-</style>

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

@@ -1,171 +0,0 @@
-<script>
-import { h } from "@hummer/tenon-vue";
-import getInnerListeners from "./getInnerListeners";
-export default {
-  name: "mpx-input",
-  props: {
-    name: String,
-    value: {
-      type: String,
-      default: "",
-    },
-    type: {
-      type: String,
-      default: "text",
-    },
-    password: Boolean,
-    placeholder: String,
-    disabled: Boolean,
-    maxlength: {
-      type: Number,
-      default: 140,
-    },
-    autoFocus: Boolean,
-    focus: {
-      type: Boolean,
-      default: false,
-    },
-    cursor: {
-      type: Number,
-      default: -1,
-    },
-    selectionStart: {
-      type: Number,
-      default: -1,
-    },
-    selectionEnd: {
-      type: Number,
-      default: -1,
-    },
-    style: {
-      type: String,
-      default: '',
-    },
-    placeholderStyle: {
-      type: String,
-      default: '',
-    },
-    confirmType: {
-      type: String,
-      default: 'done',
-    }
-  },
-  computed: {
-    originRef() {
-      return this.$refs["mpx-input"]
-    },
-    computedStyle() {
-      let _inputWrapStyleObj = {
-        "font-size": "33hm",
-        height: "80hm",
-        "line-height": "80hm",
-        color: "#000000",
-        border: "1hm solid #999999",
-        "border-radius": "8hm",
-        "text-align": "left",
-        "background-color": "#ffffff"
-      };
-
-      if (typeof this.style !== 'string') {
-        console.warn('Runtime warning: PROPS style must be string')
-      }
-
-      let _styleObj = {};
-
-      if (typeof this.style === 'string') {
-        let _style = this.style;
-
-        if (_style[_style.length - 1] !== ";") {
-          _style += ";";
-        }
-
-        _style.split(";").map(item => {
-          if (item) {
-            let itemArray = item.split(":");
-            _styleObj[itemArray[0]] = itemArray[1];
-          }
-        });
-      }
-      
-      //HACK: tenon会存在读到this.style为封装标签的样式 @曹恩泽
-      if (typeof this.style === 'object') {
-        _styleObj = Object.assign({}, _styleObj, this.style)
-      }
-
-      let styleObj = Object.assign({}, _inputWrapStyleObj, _styleObj);
-      let style = Object.keys(styleObj)
-        .map(k => `${k}:${styleObj[k]}`)
-        .join(";");
-
-      //Tenon变更placeholderColor
-      const regex = /color/i
-      style += this.placeholderStyle.replace(regex, 'placeholderColor');
-      return style;
-    },
-  },
-  watch: {
-    value: function (newVal, oldVal) {
-      console.log(newVal)
-      if (this.originRef && newVal !== this.originRef.value) {
-        this.originRef.value = newVal;
-      }
-    }
-  },
-  render() {
-    let inputType = "";
-    if (this.password) {
-      inputType = "password";
-    } else {
-      switch (this.type) {
-        case "text":
-          inputType = "default";
-          break;
-        case "number":
-          inputType = "number";
-          break;
-        case "tel":
-          inputType = "tel";
-          break;
-        default:
-          inputType = "text";
-      }
-    }
-
-    const data = {
-      class: "mpx-input",
-      focused: this.focus,
-      ref: "mpx-input",
-      placeholder: this.placeholder,
-      maxLength: this.maxlength,
-      type: inputType,
-      disabled: this.disabled,
-      style: this.computedStyle,
-      returnKeyType: this.confirmType,
-      value: this.value,
-      ...getInnerListeners(this, { _input: true }),
-    };
-    return h("input", data, []);
-  },
-  data() {
-    return {};
-  },
-  pageConfig: {
-    canScroll: false,
-  },
-  methods: {},
-};
-</script>
-<style lang="stylus" scoped>
-  .mpx-input
-    cursor auto
-    width 100%
-    padding 0
-    border 0
-    font inherit
-    display block
-    text-overflow clip
-    overflow hidden
-    white-space nowrap
-    font-family UICTFontTextStyleBody
-
-</style>

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

@@ -1,26 +0,0 @@
-<script>
-import getInnerListeners from './getInnerListeners'
-import { h } from '@hummer/tenon-vue'
-export default {
-  name: 'mpx-rich-text',
-  props: {
-    richText: {
-      type: Object,
-      value: {}
-    }
-  },
-  computed: {
-    originRef() {
-      return this.$refs["mpx-richtext"]
-    }
-  },
-  render () {
-    const data = {
-      richText: this.richText,
-      ref: "mpx-richtext",
-      ...getInnerListeners(this)
-    }
-    return h('text', data)
-  }
-}
-</script>

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

@@ -1,127 +0,0 @@
-<script>
-import getInnerListeners from "./getInnerListeners";
-import { processSize } from '../../utils';
-import { h } from "@hummer/tenon-vue";
-export default {
-  name: "mpx-scroll-view",
-  props: {
-    // 允许横向滚动
-    scrollX: Boolean,
-    // 允许纵向滚动
-    scrollY: Boolean,
-    // 滚动方向-默认竖向滚动
-    scrollDirection: {
-      type: String,
-      default: "vertical",
-    },
-    // 距顶部/左边多远时，触发 scrolltoupper 事件
-    upperThreshold: {
-      type: [Number, String],
-      default: 50,
-    },
-    // 距底部/右边多远时，触发 scrolltolower 事件
-    lowerThreshold: {
-      type: [Number, String],
-      default: 50,
-    },
-    // 设置竖向滚动条位置
-    scrollTop: {
-      type: [Number, String],
-      default: 0,
-    },
-    // 设置横向滚动条位置
-    scrollLeft: {
-      type: [Number, String],
-      default: 0,
-    },
-    scrollOptions: Object,
-    // 更新refresh
-    updateRefresh: {
-      type: Boolean,
-      default: true,
-    },
-    // 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
-    scrollIntoView: String,
-    // 在设置滚动条位置时使用动画过渡
-    scrollWithAnimation: Boolean,
-    // 启用 flexbox 布局。开启后，当前节点声明了 display: flex 就会成为 flex container，并作用于其孩子节点。
-    enableFlex: Boolean,
-    // 启用 scroll-view 增强特性，启用后可通过 ScrollViewContext 操作 scroll-view
-    enhanced: Boolean,
-    // 开启自定义下拉刷新
-    refresherEnabled: Boolean,
-    // 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
-    refresherTriggered: Boolean,
-    // 设置自定义下拉刷新阈值
-    refresherThreshold: {
-      type: Number,
-      default: 45,
-    },
-    // 设置自定义下拉刷新默认样式，支持设置 black | white | none， none 表示不使用默认样式
-    refresherDefaultStyle: {
-      type: String,
-      default: "black",
-    },
-    // 设置自定义下拉刷新区域背景颜色
-    refresherBackground: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    originRef() {
-      return this.$refs["scroll"]
-    },
-    _scrollTop() {
-      // return 1
-      return processSize(this.scrollTop);
-    },
-    _scrollLeft() {
-      // return 1
-      return processSize(this.scrollLeft);
-    },
-  },
-  mounted() {
-    if (this.scrollTop) {
-      setTimeout(() => {
-        this.$refs.scroll && this.$refs.scroll.scrollTo(0, this._scrollTop);
-      }, 100);
-    
-    }
-    if (this.scrollLeft) {
-      setTimeout(() => {
-        this.$refs.scroll && this.$refs.scroll.scrollTo(this._scrollLeft, 0);
-      }, 100);
-    }
-  },
-  watch: {
-    _scrollTop(val) {
-      console.log('触发')
-      this.$refs.scroll && this.$refs.scroll.scrollTo(0, val);
-    },
-    _scrollLeft(val) {
-      this.$refs.scroll && this.$refs.scroll.scrollTo(val, 0);
-    },
-  },
-  methods: {},
-  render() {
-    let scrollDirection = this.scrollDirection;
-    if (!this.scrollY && this.scrollX) {
-      scrollDirection = "horizontal";
-    }
-    return h(
-      "scroller",
-      {
-        ref: "scroll",
-        scrollDirection,
-        showScrollBar: false,
-        ...getInnerListeners(this, {})
-      },
-      this.$slots.default()
-    );
-  },
-};
-</script>

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

@@ -1,96 +0,0 @@
-<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

@@ -1,70 +0,0 @@
-
-<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

@@ -1,86 +0,0 @@
-
-<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>