@10yun/cv-mobile-ui 0.5.19 → 0.5.20

package/other/mpvue-picker/mpvuePicker.vue

@@ -0,0 +1,402 @@
+<template>
+  <view class="mpvue-picker">
+    <view :class="{ pickerMask: showPicker }" @click="maskClick" catchtouchmove="true"></view>
+    <view class="mpvue-picker-content" :class="{ 'mpvue-picker-view-show': showPicker }">
+      <view class="mpvue-picker__hd" catchtouchmove="true">
+        <view class="mpvue-picker__action" @click="pickerCancel">取消</view>
+        <view class="mpvue-picker__action" :style="{ color: themeColor }" @click="pickerConfirm">确定</view>
+      </view>
+      <!-- 单列 -->
+      <picker-view
+        indicator-style="height: 40px;"
+        class="mpvue-picker-view"
+        :value="pickerValue"
+        @change="pickerChange"
+        v-if="mode === 'selector' && pickerValueSingleArray.length > 0"
+      >
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueSingleArray" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+      </picker-view>
+      <!-- 时间选择器 -->
+      <picker-view
+        indicator-style="height: 40px;"
+        class="mpvue-picker-view"
+        :value="pickerValue"
+        @change="pickerChange"
+        v-if="mode === 'timeSelector'"
+      >
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueHour" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMinute" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+      </picker-view>
+      <!-- 多列选择 -->
+      <picker-view
+        indicator-style="height: 40px;"
+        class="mpvue-picker-view"
+        :value="pickerValue"
+        @change="pickerChange"
+        v-if="mode === 'multiSelector'"
+      >
+        <!-- #ifdef VUE3 -->
+        <template v-for="(n, index) in pickerValueMulArray.length" :key="index">
+          <picker-view-column>
+            <view class="picker-item" v-for="(item, index1) in pickerValueMulArray[n]" :key="index1">
+              {{ item.label }}
+            </view>
+          </picker-view-column>
+        </template>
+        <!-- #endif -->
+        <!-- #ifndef VUE3 -->
+        <block v-for="(n, index) in pickerValueMulArray.length" :key="index">
+          <picker-view-column>
+            <view class="picker-item" v-for="(item, index1) in pickerValueMulArray[n]" :key="index1">
+              {{ item.label }}
+            </view>
+          </picker-view-column>
+        </block>
+        <!-- #endif -->
+      </picker-view>
+      <!-- 二级联动 -->
+      <picker-view
+        indicator-style="height: 40px;"
+        class="mpvue-picker-view"
+        :value="pickerValue"
+        @change="pickerChangeMul"
+        v-if="mode === 'multiLinkageSelector' && deepLength === 2"
+      >
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMulTwoOne" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMulTwoTwo" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+      </picker-view>
+      <!-- 三级联动 -->
+      <picker-view
+        indicator-style="height: 40px;"
+        class="mpvue-picker-view"
+        :value="pickerValue"
+        @change="pickerChangeMul"
+        v-if="mode === 'multiLinkageSelector' && deepLength === 3"
+      >
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMulThreeOne" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMulThreeTwo" :key="index">{{ item.label }}</view>
+        </picker-view-column>
+        <picker-view-column>
+          <view class="picker-item" v-for="(item, index) in pickerValueMulThreeThree" :key="index">
+            {{ item.label }}
+          </view>
+        </picker-view-column>
+      </picker-view>
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      pickerChangeValue: [],
+      pickerValue: [],
+      pickerValueArrayChange: true,
+      modeChange: false,
+      pickerValueSingleArray: [],
+      pickerValueHour: [],
+      pickerValueMinute: [],
+      pickerValueMulArray: [],
+      pickerValueMulTwoOne: [],
+      pickerValueMulTwoTwo: [],
+      pickerValueMulThreeOne: [],
+      pickerValueMulThreeTwo: [],
+      pickerValueMulThreeThree: [],
+      /* 是否显示控件 */
+      showPicker: false
+    };
+  },
+  props: {
+    /* mode */
+    mode: {
+      type: String,
+      default: 'selector'
+    },
+    /* picker 数值 */
+    pickerValueArray: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    /* 默认值 */
+    pickerValueDefault: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    /* 几级联动 */
+    deepLength: {
+      type: Number,
+      default: 2
+    },
+    /* 主题色 */
+    themeColor: String
+  },
+  watch: {
+    pickerValueArray(oldVal, newVal) {
+      this.pickerValueArrayChange = true;
+    },
+    mode(oldVal, newVal) {
+      this.modeChange = true;
+    },
+    pickerValueArray(val) {
+      this.initPicker(val);
+    }
+  },
+  methods: {
+    initPicker(valueArray) {
+      let pickerValueArray = valueArray;
+      this.pickerValue = this.pickerValueDefault;
+      // 初始化多级联动
+      if (this.mode === 'selector') {
+        this.pickerValueSingleArray = valueArray;
+      } else if (this.mode === 'timeSelector') {
+        this.modeChange = false;
+        let hourArray = [];
+        let minuteArray = [];
+        for (let i = 0; i < 24; i++) {
+          hourArray.push({
+            value: i,
+            label: i > 9 ? `${i} 时` : `0${i} 时`
+          });
+        }
+        for (let i = 0; i < 60; i++) {
+          minuteArray.push({
+            value: i,
+            label: i > 9 ? `${i} 分` : `0${i} 分`
+          });
+        }
+        this.pickerValueHour = hourArray;
+        this.pickerValueMinute = minuteArray;
+      } else if (this.mode === 'multiSelector') {
+        this.pickerValueMulArray = valueArray;
+      } else if (this.mode === 'multiLinkageSelector' && this.deepLength === 2) {
+        // 两级联动
+        let pickerValueMulTwoOne = [];
+        let pickerValueMulTwoTwo = [];
+        // 第一列
+        for (let i = 0, length = pickerValueArray.length; i < length; i++) {
+          pickerValueMulTwoOne.push(pickerValueArray[i]);
+        }
+        // 渲染第二列
+        // 如果有设定的默认值
+        if (this.pickerValueDefault.length === 2) {
+          let num = this.pickerValueDefault[0];
+          for (let i = 0, length = pickerValueArray[num].children.length; i < length; i++) {
+            pickerValueMulTwoTwo.push(pickerValueArray[num].children[i]);
+          }
+        } else {
+          for (let i = 0, length = pickerValueArray[0].children.length; i < length; i++) {
+            pickerValueMulTwoTwo.push(pickerValueArray[0].children[i]);
+          }
+        }
+        this.pickerValueMulTwoOne = pickerValueMulTwoOne;
+        this.pickerValueMulTwoTwo = pickerValueMulTwoTwo;
+      } else if (this.mode === 'multiLinkageSelector' && this.deepLength === 3) {
+        let pickerValueMulThreeOne = [];
+        let pickerValueMulThreeTwo = [];
+        let pickerValueMulThreeThree = [];
+        // 第一列
+        for (let i = 0, length = pickerValueArray.length; i < length; i++) {
+          pickerValueMulThreeOne.push(pickerValueArray[i]);
+        }
+        // 渲染第二列
+        this.pickerValueDefault = this.pickerValueDefault.length === 3 ? this.pickerValueDefault : [0, 0, 0];
+        if (this.pickerValueDefault.length === 3) {
+          let num = this.pickerValueDefault[0];
+          for (let i = 0, length = pickerValueArray[num].children.length; i < length; i++) {
+            pickerValueMulThreeTwo.push(pickerValueArray[num].children[i]);
+          }
+          // 第三列
+          let numSecond = this.pickerValueDefault[1];
+          for (let i = 0, length = pickerValueArray[num].children[numSecond].children.length; i < length; i++) {
+            pickerValueMulThreeThree.push(pickerValueArray[num].children[numSecond].children[i]);
+          }
+        }
+        this.pickerValueMulThreeOne = pickerValueMulThreeOne;
+        this.pickerValueMulThreeTwo = pickerValueMulThreeTwo;
+        this.pickerValueMulThreeThree = pickerValueMulThreeThree;
+      }
+    },
+    show() {
+      setTimeout(() => {
+        if (this.pickerValueArrayChange || this.modeChange) {
+          this.initPicker(this.pickerValueArray);
+          this.showPicker = true;
+          this.pickerValueArrayChange = false;
+          this.modeChange = false;
+        } else {
+          this.showPicker = true;
+        }
+      }, 0);
+    },
+    maskClick() {
+      this.pickerCancel();
+    },
+    pickerCancel() {
+      this.showPicker = false;
+      this._initPickerVale();
+      let pickObj = {
+        index: this.pickerValue,
+        value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,
+        label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label
+      };
+      this.$emit('onCancel', pickObj);
+    },
+    pickerConfirm(e) {
+      this.showPicker = false;
+      this._initPickerVale();
+      let pickObj = {
+        index: this.pickerValue,
+        value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,
+        label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label
+      };
+      this.$emit('onConfirm', pickObj);
+    },
+    showPickerView() {
+      this.showPicker = true;
+    },
+    pickerChange(e) {
+      this.pickerValue = e.mp.detail.value;
+      let pickObj = {
+        index: this.pickerValue,
+        value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,
+        label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label
+      };
+      this.$emit('onChange', pickObj);
+    },
+    pickerChangeMul(e) {
+      if (this.deepLength === 2) {
+        let pickerValueArray = this.pickerValueArray;
+        let changeValue = e.mp.detail.value;
+        // 处理第一列滚动
+        if (changeValue[0] !== this.pickerValue[0]) {
+          let pickerValueMulTwoTwo = [];
+          // 第一列滚动第二列数据更新
+          for (let i = 0, length = pickerValueArray[changeValue[0]].children.length; i < length; i++) {
+            pickerValueMulTwoTwo.push(pickerValueArray[changeValue[0]].children[i]);
+          }
+          this.pickerValueMulTwoTwo = pickerValueMulTwoTwo;
+          // 第二列初始化为 0
+          changeValue[1] = 0;
+        }
+        this.pickerValue = changeValue;
+      } else if (this.deepLength === 3) {
+        let pickerValueArray = this.pickerValueArray;
+        let changeValue = e.mp.detail.value;
+        let pickerValueMulThreeTwo = [];
+        let pickerValueMulThreeThree = [];
+        // 重新渲染第二列
+        // 如果是第一列滚动
+        if (changeValue[0] !== this.pickerValue[0]) {
+          this.pickerValueMulThreeTwo = [];
+          for (let i = 0, length = pickerValueArray[changeValue[0]].children.length; i < length; i++) {
+            pickerValueMulThreeTwo.push(pickerValueArray[changeValue[0]].children[i]);
+          }
+          // 重新渲染第三列
+          for (let i = 0, length = pickerValueArray[changeValue[0]].children[0].children.length; i < length; i++) {
+            pickerValueMulThreeThree.push(pickerValueArray[changeValue[0]].children[0].children[i]);
+          }
+          changeValue[1] = 0;
+          changeValue[2] = 0;
+          this.pickerValueMulThreeTwo = pickerValueMulThreeTwo;
+          this.pickerValueMulThreeThree = pickerValueMulThreeThree;
+        } else if (changeValue[1] !== this.pickerValue[1]) {
+          // 第二列滚动
+          // 重新渲染第三列
+          this.pickerValueMulThreeThree = [];
+          pickerValueMulThreeTwo = this.pickerValueMulThreeTwo;
+          for (let i = 0, length = pickerValueArray[changeValue[0]].children[changeValue[1]].children.length; i < length; i++) {
+            pickerValueMulThreeThree.push(pickerValueArray[changeValue[0]].children[changeValue[1]].children[i]);
+          }
+          changeValue[2] = 0;
+          this.pickerValueMulThreeThree = pickerValueMulThreeThree;
+        }
+        this.pickerValue = changeValue;
+      }
+      let pickObj = {
+        index: this.pickerValue,
+        value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,
+        label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label
+      };
+      this.$emit('onChange', pickObj);
+    },
+    // 获取 pxikerLabel
+    _getPickerLabelAndValue(value, mode) {
+      let pickerLable;
+      let pickerGetValue = [];
+      // selector
+      if (mode === 'selector') {
+        pickerLable = this.pickerValueSingleArray[value].label;
+        pickerGetValue.push(this.pickerValueSingleArray[value].value);
+      } else if (mode === 'timeSelector') {
+        pickerLable = `${this.pickerValueHour[value[0]].label}-${this.pickerValueMinute[value[1]].label}`;
+        pickerGetValue.push(this.pickerValueHour[value[0]].value);
+        pickerGetValue.push(this.pickerValueHour[value[1]].value);
+      } else if (mode === 'multiSelector') {
+        for (let i = 0; i < value.length; i++) {
+          if (i > 0) {
+            pickerLable += this.pickerValueMulArray[i][value[i]].label + (i === value.length - 1 ? '' : '-');
+          } else {
+            pickerLable = this.pickerValueMulArray[i][value[i]].label + '-';
+          }
+          pickerGetValue.push(this.pickerValueMulArray[i][value[i]].value);
+        }
+      } else if (mode === 'multiLinkageSelector') {
+        /* eslint-disable indent */
+        pickerLable =
+          this.deepLength === 2
+            ? `${this.pickerValueMulTwoOne[value[0]].label}-${this.pickerValueMulTwoTwo[value[1]].label}`
+            : `${this.pickerValueMulThreeOne[value[0]].label}-${this.pickerValueMulThreeTwo[value[1]].label}-${
+                this.pickerValueMulThreeThree[value[2]].label
+              }`;
+        if (this.deepLength === 2) {
+          pickerGetValue.push(this.pickerValueMulTwoOne[value[0]].value);
+          pickerGetValue.push(this.pickerValueMulTwoTwo[value[1]].value);
+        } else {
+          pickerGetValue.push(this.pickerValueMulThreeOne[value[0]].value);
+          pickerGetValue.push(this.pickerValueMulThreeTwo[value[1]].value);
+          pickerGetValue.push(this.pickerValueMulThreeThree[value[2]].value);
+        }
+        /* eslint-enable indent */
+      }
+      return {
+        label: pickerLable,
+        value: pickerGetValue
+      };
+    },
+    // 初始化 pickerValue 默认值
+    _initPickerVale() {
+      if (this.pickerValue.length === 0) {
+        if (this.mode === 'selector') {
+          this.pickerValue = [0];
+        } else if (this.mode === 'multiSelector') {
+          this.pickerValue = new Int8Array(this.pickerValueArray.length);
+        } else if (this.mode === 'multiLinkageSelector' && this.deepLength === 2) {
+          this.pickerValue = [0, 0];
+        } else if (this.mode === 'multiLinkageSelector' && this.deepLength === 3) {
+          this.pickerValue = [0, 0, 0];
+        }
+      }
+    }
+  }
+};
+</script>
+<style>
+@import './style.css';
+</style>

package/{uni-ui/lib → other}/mpvue-picker/style.css

@@ -1,4 +1,3 @@
-
 .pickerMask {
   position: fixed;
   z-index: 1000;

package/{uni-ui/lib → other}/tab-nvue/style.css

@@ -1,4 +1,3 @@
-
 .view {
   display: flex;
   flex-direction: column;

package/other/uParse/components/style.css

@@ -0,0 +1 @@
+@import url('../wxParse.css');

package/other/uParse/components/wxParseAudio.vue

@@ -0,0 +1 @@
+<template>
  <cv-base-audio
    :id="node.attr.id"
    :class="node.classStr"
    :style="node.styleStr"
    :src="node.attr.src"
    :loop="node.attr.loop"
    :poster="node.attr.poster"
    :name="node.attr.name"
    :author="node.attr.author"
    controls
  />
  name: 'wxParseAudio',
  props: {
    node: {
      type: Object,
      default() {
        return {};
      }
    }
  }

package/other/uParse/components/wxParseImg.vue

@@ -0,0 +1,86 @@
+<template>
+  <image
+    :mode="node.attr.mode"
+    :lazy-load="node.attr.lazyLoad"
+    :class="node.classStr"
+    :style="newStyleStr || node.styleStr"
+    :data-src="node.attr.src"
+    :src="node.attr.src"
+    @tap="wxParseImgTap"
+    @load="wxParseImgLoad"
+  />
+</template>
+<script>
+export default {
+  name: 'wxParseImg',
+  data() {
+    return {
+      newStyleStr: '',
+      preview: true
+    };
+  },
+  inject: ['parseWidth'],
+  mounted() {},
+  props: {
+    node: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  methods: {
+    wxParseImgTap(e) {
+      if (!this.preview) return;
+      const { src } = e.currentTarget.dataset;
+      if (!src) return;
+      let parent = this.$parent;
+      while (!parent.preview || typeof parent.preview !== 'function') {
+        // TODO 遍历获取父节点执行方法
+        parent = parent.$parent;
+      }
+      parent.preview(src, e);
+    },
+    // 图片视觉宽高计算函数区
+    wxParseImgLoad(e) {
+      const { src } = e.currentTarget.dataset;
+      if (!src) return;
+      let { width, height } = e.mp.detail;
+      const recal = this.wxAutoImageCal(width, height);
+      const { imageheight, imageWidth } = recal;
+      const { padding, mode } = this.node.attr; //删除padding
+      // const { mode } = this.node.attr;
+      const { styleStr } = this.node;
+      const imageHeightStyle = mode === 'widthFix' ? '' : `height: ${imageheight}px;`;
+      this.newStyleStr = `${styleStr}; ${imageHeightStyle}; width: ${imageWidth}px; padding: 0 ${+padding}px;`; //删除padding
+      // this.newStyleStr = `${styleStr}; ${imageHeightStyle}; width: ${imageWidth}px;`;
+    },
+    // 计算视觉优先的图片宽高
+    wxAutoImageCal(originalWidth, originalHeight) {
+      // 获取图片的原始长宽
+      const windowWidth = this.parseWidth.value;
+      const results = {};
+      if (originalWidth < 60 || originalHeight < 60) {
+        const { src } = this.node.attr;
+        let parent = this.$parent;
+        while (!parent.preview || typeof parent.preview !== 'function') {
+          parent = parent.$parent;
+        }
+        parent.removeImageUrl(src);
+        this.preview = false;
+      }
+      // 判断按照那种方式进行缩放
+      if (originalWidth > windowWidth) {
+        // 在图片width大于手机屏幕width时候
+        results.imageWidth = windowWidth;
+        results.imageheight = windowWidth * (originalHeight / originalWidth);
+      } else {
+        // 否则展示原来的数据
+        results.imageWidth = originalWidth;
+        results.imageheight = originalHeight;
+      }
+      return results;
+    }
+  }
+};
+</script>

package/other/uParse/components/wxParseTable.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="tablebox">
+    <rich-text :nodes="nodes" :class="node.classStr" :style="'user-select:' + parseSelect"></rich-text>
+  </div>
+</template>
+<script>
+export default {
+  name: 'wxParseTable',
+  props: {
+    node: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  inject: ['parseSelect'],
+  data() {
+    return {
+      nodes: []
+    };
+  },
+  mounted() {
+    this.nodes = this.loadNode([this.node]);
+  },
+  methods: {
+    loadNode(node) {
+      let obj = [];
+      for (let children of node) {
+        if (children.node == 'element') {
+          let t = {
+            name: children.tag,
+            attrs: {
+              class: children.classStr
+              // style: children.styleStr,
+            },
+            children: children.nodes ? this.loadNode(children.nodes) : []
+          };
+          obj.push(t);
+        } else if (children.node == 'text') {
+          obj.push({
+            type: 'text',
+            text: children.text
+          });
+        }
+      }
+      return obj;
+    }
+  }
+};
+</script>
+<style>
+@import './style.css';
+</style>

package/other/uParse/components/wxParseTemplate0.vue

@@ -0,0 +1,98 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <!--button类型-->
+    <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">
+      <wx-parse-template :node="node" />
+    </button>
+    <!--a类型-->
+    <view
+      v-else-if="node.tag == 'a'"
+      @click="wxParseATap(node.attr, $event)"
+      :class="node.classStr"
+      :data-href="node.attr.href"
+      :style="node.styleStr"
+    >
+      <block v-for="(node, index) of node.nodes" :key="index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+    <!--li类型-->
+    <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">
+      <block v-for="(node, index) of node.nodes" :key="index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+    <!--table类型-->
+    <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />
+    <!--br类型-->
+    <!-- #ifndef H5 -->
+    <text v-else-if="node.tag == 'br'">\n</text>
+    <!-- #endif -->
+    <!-- #ifdef H5 -->
+    <br v-else-if="node.tag == 'br'" />
+    <!-- #endif -->
+    <!--video类型-->
+    <wx-parse-video :node="node" v-else-if="node.tag == 'video'" />
+    <!--audio类型-->
+    <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'" />
+    <!--img类型-->
+    <wx-parse-img :node="node" v-else-if="node.tag == 'img'" :style="node.styleStr" />
+    <!--其他标签-->
+    <view v-else :class="node.classStr" :style="node.styleStr">
+      <block v-for="(node, index) of node.nodes" :key="index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+  </block>
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    <text decode="true">{{ textHandle(node.text) }}</text>
+  </block>
+  <!-- <block v-else-if="node.node == 'text'">{{node.text}}</block> -->
+</template>
+<script>
+// #ifdef APP-PLUS | H5
+import wxParseTemplate from './wxParseTemplate0';
+// #endif
+// #ifdef MP
+import wxParseTemplate from './wxParseTemplate1';
+// #endif
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+import wxParseAudio from './wxParseAudio';
+import wxParseTable from './wxParseTable';
+export default {
+  // #ifdef APP-PLUS | H5
+  name: 'wxParseTemplate',
+  // #endif
+  // #ifdef MP
+  name: 'wxParseTemplate0',
+  // #endif
+  props: {
+    node: {}
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+    wxParseAudio,
+    wxParseTable
+  },
+  methods: {
+    wxParseATap(attr, e) {
+      const { href } = e.currentTarget.dataset; // TODO currentTarget才有dataset
+      if (!href) return;
+      let parent = this.$parent;
+      while (!parent.preview || typeof parent.preview !== 'function') {
+        // TODO 遍历获取父节点执行方法
+        parent = parent.$parent;
+      }
+      parent.navigate(href, e, attr);
+    },
+    textHandle: function (text) {
+      return text ? text.replace(/\n/g, '\n') : '';
+    }
+  }
+};
+</script>