@10yun/cv-mobile-ui 0.3.24 → 0.3.25

package/ui-cv/cv-editor-parse/cv-editor-parse.vue

@@ -9,7 +9,7 @@
 <template>
   <!--基础元素-->
   <div class="wxParse" :class="className" v-if="!loading">
-    <block v-for="(node,index) of nodes" :key="index">
+    <block v-for="(node, index) of nodes" :key="index">
       <wxParseTemplate :node="node" />
     </block>
   </div>
@@ -24,19 +24,19 @@ export default {
   props: {
     loading: {
       type: Boolean,
-      default: false,
+      default: false
     },
     className: {
       type: String,
-      default: '',
+      default: ''
     },
     content: {
       type: String,
-      default: '',
+      default: ''
     },
     noData: {
       type: String,
-      default: '<div style="color: red;">数据不能为空</div>',
+      default: '<div style="color: red;">数据不能为空</div>'
     },
     startHandler: {
       type: Function,
@@ -45,15 +45,15 @@ export default {
           node.attr.class = null;
           node.attr.style = null;
         };
-      },
+      }
     },
     endHandler: {
       type: Function,
-      default: null,
+      default: null
     },
     charsHandler: {
       type: Function,
-      default: null,
+      default: null
     },
     imageProp: {
       type: Object,
@@ -62,39 +62,32 @@ export default {
           mode: 'aspectFit',
           padding: 0,
           lazyLoad: false,
-          domain: '',
+          domain: ''
         };
-      },
-    },
+      }
+    }
   },
   components: {
-    wxParseTemplate,
+    wxParseTemplate
   },
   data() {
     return {
-      imageUrls: [],
+      imageUrls: []
     };
   },
   computed: {
     nodes() {
-      const {
-        content,
-        noData,
-        imageProp,
-        startHandler,
-        endHandler,
-        charsHandler,
-      } = this;
+      const { content, noData, imageProp, startHandler, endHandler, charsHandler } = this;
       const parseData = content || noData;
       const customHandler = {
         start: startHandler,
         end: endHandler,
-        chars: charsHandler,
+        chars: charsHandler
       };
       const results = HtmlToJson(parseData, customHandler, imageProp, this);
       this.imageUrls = results.imageUrls;
       return results.nodes;
-    },
+    }
   },
   methods: {
     navigate(href, $event) {
@@ -104,19 +97,17 @@ export default {
       if (!this.imageUrls.length) return;
       uni.previewImage({
         current: src,
-        urls: this.imageUrls,
+        urls: this.imageUrls
       });
       this.$emit('preview', src, $event);
     },
     removeImageUrl(src) {
-      const {
-        imageUrls
-      } = this;
+      const { imageUrls } = this;
       imageUrls.splice(imageUrls.indexOf(src), 1);
-    },
-  },
+    }
+  }
 };
 </script>
 <style>
-@import "u-parse.css";
+@import 'u-parse.css';
 </style>

package/ui-cv/cv-editor-parse/u-parse.vue

@@ -9,7 +9,7 @@
 <template>
   <!--基础元素-->
   <div class="wxParse" :class="className" v-if="!loading">
-    <block v-for="(node,index) of nodes" :key="index">
+    <block v-for="(node, index) of nodes" :key="index">
       <wxParseTemplate :node="node" />
     </block>
   </div>
@@ -24,19 +24,19 @@ export default {
   props: {
     loading: {
       type: Boolean,
-      default: false,
+      default: false
     },
     className: {
       type: String,
-      default: '',
+      default: ''
     },
     content: {
       type: String,
-      default: '',
+      default: ''
     },
     noData: {
       type: String,
-      default: '<div style="color: red;">数据不能为空</div>',
+      default: '<div style="color: red;">数据不能为空</div>'
     },
     startHandler: {
       type: Function,
@@ -45,15 +45,15 @@ export default {
           node.attr.class = null;
           node.attr.style = null;
         };
-      },
+      }
     },
     endHandler: {
       type: Function,
-      default: null,
+      default: null
     },
     charsHandler: {
       type: Function,
-      default: null,
+      default: null
     },
     imageProp: {
       type: Object,
@@ -62,39 +62,32 @@ export default {
           mode: 'aspectFit',
           padding: 0,
           lazyLoad: false,
-          domain: '',
+          domain: ''
         };
-      },
-    },
+      }
+    }
   },
   components: {
-    wxParseTemplate,
+    wxParseTemplate
   },
   data() {
     return {
-      imageUrls: [],
+      imageUrls: []
     };
   },
   computed: {
     nodes() {
-      const {
-        content,
-        noData,
-        imageProp,
-        startHandler,
-        endHandler,
-        charsHandler,
-      } = this;
+      const { content, noData, imageProp, startHandler, endHandler, charsHandler } = this;
       const parseData = content || noData;
       const customHandler = {
         start: startHandler,
         end: endHandler,
-        chars: charsHandler,
+        chars: charsHandler
       };
       const results = HtmlToJson(parseData, customHandler, imageProp, this);
       this.imageUrls = results.imageUrls;
       return results.nodes;
-    },
+    }
   },
   methods: {
     navigate(href, $event) {
@@ -104,19 +97,17 @@ export default {
       if (!this.imageUrls.length) return;
       uni.previewImage({
         current: src,
-        urls: this.imageUrls,
+        urls: this.imageUrls
       });
       this.$emit('preview', src, $event);
     },
     removeImageUrl(src) {
-      const {
-        imageUrls
-      } = this;
+      const { imageUrls } = this;
       imageUrls.splice(imageUrls.indexOf(src), 1);
-    },
-  },
+    }
+  }
 };
 </script>
 <style>
-@import "u-parse.css";
+@import 'u-parse.css';
 </style>

package/ui-cv/cv-filter-hm/cv-filter-hm.vue

@@ -1,47 +1,85 @@
 <template>
-  <view class="cv-filter-hm" :class="{'setDropdownBottom':maskVisibility}" :style="{'top':menuTop+'rpx'}" @touchmove.stop.prevent="discard"
-    @tap.stop="discard">
+  <view
+    class="cv-filter-hm"
+    :class="{ setDropdownBottom: maskVisibility }"
+    :style="{ top: menuTop + 'rpx' }"
+    @touchmove.stop.prevent="discard"
+    @tap.stop="discard"
+  >
     <view class="nav">
-      <block v-for="(item,index) in menu" :key="index">
-        <view class="first-menu" :class="{'on':showPage==index}" @tap="togglePage(index)">
-          <text class="name">{{item.name}}</text>
+      <block v-for="(item, index) in menu" :key="index">
+        <view class="first-menu" :class="{ on: showPage == index }" @tap="togglePage(index)">
+          <text class="name">{{ item.name }}</text>
           <!-- <text class="iconfont triangle" :style="'transform:rotate('+triangleDeg[index]+'deg);'"></text> -->
-          <cv-icons type="arrow-type1-down" size="12" color="#aaa" :style="'transform:rotate('+triangleDeg[index]+'deg);'" />
+          <cv-icons type="arrow-type1-down" size="12" color="#aaa" :style="'transform:rotate(' + triangleDeg[index] + 'deg);'" />
         </view>
       </block>
     </view>
-    <view class="mask" :class="{'show':isShowMask,'hide':maskVisibility!=true}" @tap="togglePage(showPage)"></view>
-    <block v-for="(page,page_index) in subData" :key="page_index">
-      <view class="sub-menu-class" :class="{'show':showPage==page_index,'hide':pageState[page_index]!=true}">
-        <block v-if="page.type=='hierarchy'&& page.submenu.length>0">
-          <scroll-view class="sub-menu-list" :class="[activeMenuArr[page_index].length>1?'first':'alone']" :scroll-y="true"
-            :scroll-into-view="'first_id'+firstScrollInto">
-            <block v-for="(sub,index) in page.submenu" :key="index">
-              <view class="sub-menu" :id="'first_id'+index" :class="{'on':activeMenuArr[page_index][0]==index}"
-                @tap="selectHierarchyMenu(page_index,index,null,null)">
+    <view class="mask" :class="{ show: isShowMask, hide: maskVisibility != true }" @tap="togglePage(showPage)"></view>
+    <block v-for="(page, page_index) in subData" :key="page_index">
+      <view class="sub-menu-class" :class="{ show: showPage == page_index, hide: pageState[page_index] != true }">
+        <block v-if="page.type == 'hierarchy' && page.submenu.length > 0">
+          <scroll-view
+            class="sub-menu-list"
+            :class="[activeMenuArr[page_index].length > 1 ? 'first' : 'alone']"
+            :scroll-y="true"
+            :scroll-into-view="'first_id' + firstScrollInto"
+          >
+            <block v-for="(sub, index) in page.submenu" :key="index">
+              <view
+                class="sub-menu"
+                :id="'first_id' + index"
+                :class="{ on: activeMenuArr[page_index][0] == index }"
+                @tap="selectHierarchyMenu(page_index, index, null, null)"
+              >
                 <view class="menu-name">
-                  <text>{{sub.name}}</text>
+                  <text>{{ sub.name }}</text>
                   <!-- <text class="iconfont selected"></text> -->
                 </view>
               </view>
             </block>
           </scroll-view>
-          <block v-for="(sub,index) in page.submenu" :key="index">
-            <scroll-view class="sub-menu-list not-first" :scroll-y="true" v-if="activeMenuArr[page_index][0]==index&&sub.submenu.length>0"
-              :scroll-into-view="'second_id'+secondScrollInto">
-              <block v-for="(sub_second,second_index) in sub.submenu" :key="second_index">
-                <view class="sub-menu" :id="'second_id'+second_index" :class="{'on':activeMenuArr[page_index][1]==second_index}">
-                  <view class="menu-name" @tap="selectHierarchyMenu(page_index,activeMenuArr[page_index][0],second_index,null)">
-                    <text>{{sub_second.name}}</text>
+          <block v-for="(sub, index) in page.submenu" :key="index">
+            <scroll-view
+              class="sub-menu-list not-first"
+              :scroll-y="true"
+              v-if="activeMenuArr[page_index][0] == index && sub.submenu.length > 0"
+              :scroll-into-view="'second_id' + secondScrollInto"
+            >
+              <block v-for="(sub_second, second_index) in sub.submenu" :key="second_index">
+                <view
+                  class="sub-menu"
+                  :id="'second_id' + second_index"
+                  :class="{ on: activeMenuArr[page_index][1] == second_index }"
+                >
+                  <view
+                    class="menu-name"
+                    @tap="selectHierarchyMenu(page_index, activeMenuArr[page_index][0], second_index, null)"
+                  >
+                    <text>{{ sub_second.name }}</text>
                     <!-- <text class="iconfont selected"></text> -->
                   </view>
-                  <view class="more-sub-menu" v-if="sub_second.submenu&&sub.submenu.length>0&&sub_second.submenu.length>0">
-                    <block v-for="(sub2,sub2_index) in sub_second.submenu" :key="sub2_index">
-                      <text v-if="sub_second.showAllSub || (sub2_index<8)"
-                        :class="{'on':activeMenuArr[page_index][1]==second_index&&activeMenuArr[page_index][2]==sub2_index}"
-                        @tap="selectHierarchyMenu(page_index,activeMenuArr[page_index][0],second_index,sub2_index)">{{sub2.name}}</text>
-                      <text v-if="sub_second.showAllSub!=true && sub2_index==8 && sub_second.submenu.length>9"
-                        @tap="showMoreSub(second_index)">更多<text class="iconfont triangle"></text></text>
+                  <view
+                    class="more-sub-menu"
+                    v-if="sub_second.submenu && sub.submenu.length > 0 && sub_second.submenu.length > 0"
+                  >
+                    <block v-for="(sub2, sub2_index) in sub_second.submenu" :key="sub2_index">
+                      <text
+                        v-if="sub_second.showAllSub || sub2_index < 8"
+                        :class="{
+                          on: activeMenuArr[page_index][1] == second_index && activeMenuArr[page_index][2] == sub2_index
+                        }"
+                        @tap="selectHierarchyMenu(page_index, activeMenuArr[page_index][0], second_index, sub2_index)"
+                      >
+                        {{ sub2.name }}
+                      </text>
+                      <text
+                        v-if="sub_second.showAllSub != true && sub2_index == 8 && sub_second.submenu.length > 9"
+                        @tap="showMoreSub(second_index)"
+                      >
+                        更多
+                        <text class="iconfont triangle"></text>
+                      </text>
                     </block>
                   </view>
                 </view>
@@ -49,14 +87,20 @@
             </scroll-view>
           </block>
         </block>
-        <block v-if="page.type=='filter'">
+        <block v-if="page.type == 'filter'">
           <view class="filter">
             <scroll-view class="menu-box" :scroll-y="true">
-              <view class="box" v-for="(box,box_index) in page.submenu" :key="box_index">
-                <view class="title">{{box.name}}</view>
+              <view class="box" v-for="(box, box_index) in page.submenu" :key="box_index">
+                <view class="title">{{ box.name }}</view>
                 <view class="labels">
-                  <view v-for="(label,label_index) in box.submenu" :key="label_index" @tap="selectFilterLabel(page_index,box_index,label_index)"
-                    :class="{'on':label.selected}">{{label.name}}</view>
+                  <view
+                    v-for="(label, label_index) in box.submenu"
+                    :key="label_index"
+                    @tap="selectFilterLabel(page_index, box_index, label_index)"
+                    :class="{ on: label.selected }"
+                  >
+                    {{ label.name }}
+                  </view>
                 </view>
               </view>
             </scroll-view>
@@ -66,14 +110,20 @@
             </view>
           </view>
         </block>
-        <block v-if="page.type=='radio'">
+        <block v-if="page.type == 'radio'">
           <view class="filter">
             <scroll-view class="menu-box" :scroll-y="true">
-              <view class="box" v-for="(box,box_index) in page.submenu" :key="box_index">
-                <view class="title">{{box.name}}</view>
+              <view class="box" v-for="(box, box_index) in page.submenu" :key="box_index">
+                <view class="title">{{ box.name }}</view>
                 <view class="labels">
-                  <view v-for="(label,label_index) in box.submenu" :key="label_index" @tap="selectRadioLabel(page_index,box_index,label_index)"
-                    :class="{'on':label.selected}">{{label.name}}</view>
+                  <view
+                    v-for="(label, label_index) in box.submenu"
+                    :key="label_index"
+                    @tap="selectRadioLabel(page_index, box_index, label_index)"
+                    :class="{ on: label.selected }"
+                  >
+                    {{ label.name }}
+                  </view>
                 </view>
               </view>
             </scroll-view>
@@ -90,7 +140,7 @@
 <script>
 export default {
   component: true,
-  name: "cvFilterHm",
+  name: 'cvFilterHm',
   data() {
     return {
       subData: [], //菜单数据
@@ -106,9 +156,9 @@ export default {
       //滚动区域定位
       firstScrollInto: 0,
       secondScrollInto: 0,
-      componentTop: 0,//组件top
+      componentTop: 0, //组件top
       isReadNewSelect: false
-    }
+    };
   },
   props: {
     menuTop: {
@@ -140,7 +190,6 @@ export default {
       immediate: true
     },
     defaultSelected(newVal) {
-
       if (newVal.length == 0) {
         return;
       }
@@ -154,14 +203,13 @@ export default {
   },
   methods: {
     initMenu() {
-
       let tmpMenuActiveArr = [];
       let tmpMenu = [];
       for (let i = 0; i < this.filterData.length; i++) {
         let tmpitem = this.filterData[i];
         tmpMenu.push({
           //如果没有设置name，则取第一个菜单作为menu.name,filter类型则将"筛选"作为menu.name
-          name: tmpitem.name || (tmpitem.type == "filter" ? "筛选" : tmpitem.submenu[0].name),
+          name: tmpitem.name || (tmpitem.type == 'filter' ? '筛选' : tmpitem.submenu[0].name),
           type: tmpitem.type
         });
         //初始化选中项数组-ui状态
@@ -176,7 +224,12 @@ export default {
       }
       this.menu = tmpMenu;
       //初始化选中项数组
-      tmpMenuActiveArr = this.defaultActive.length > 0 ? this.defaultActive : this.activeMenuArr.length > 0 ? this.activeMenuArr : tmpMenuActiveArr;
+      tmpMenuActiveArr =
+        this.defaultActive.length > 0
+          ? this.defaultActive
+          : this.activeMenuArr.length > 0
+          ? this.activeMenuArr
+          : tmpMenuActiveArr;
       this.defaultActive = [];
       this.activeMenuArr = JSON.parse(JSON.stringify(tmpMenuActiveArr));
       this.shadowActiveMenuArr = JSON.parse(JSON.stringify(tmpMenuActiveArr));
@@ -191,7 +244,7 @@ export default {
       for (var i = 0; i < this.activeMenuArr.length; i++) {
         let row = this.activeMenuArr[i];
         if (this.subData[i].type == 'hierarchy') {
-          if (typeof (row[0]) == 'number') {
+          if (typeof row[0] == 'number') {
             let tmpsub = this.subData[i].submenu[row[0]];
             if (row.length > 1) {
               tmpsub = tmpsub.submenu[row[1]];
@@ -214,20 +267,34 @@ export default {
     //选中
     selectHierarchyMenu(page_index, level1_index, level2_index, level3_index) {
       //读取记录
-      if (level1_index != null && level2_index == null && level3_index == null && this.shadowActiveMenuArr[page_index][0] ==
-        level1_index) {
+      if (
+        level1_index != null &&
+        level2_index == null &&
+        level3_index == null &&
+        this.shadowActiveMenuArr[page_index][0] == level1_index
+      ) {
         this.activeMenuArr.splice(page_index, 1, JSON.parse(JSON.stringify(this.shadowActiveMenuArr[page_index])));
       } else {
         this.activeMenuArr[page_index].splice(0, 1, level1_index);
-        (level2_index != null || this.activeMenuArr[page_index].length >= 2) && this.activeMenuArr[page_index].splice(1, 1, level2_index) || this.activeMenuArr[page_index].splice(1, 1);
-        (level3_index != null || this.activeMenuArr[page_index].length >= 3) && this.activeMenuArr[page_index].splice(2, 1, level3_index) || this.activeMenuArr[page_index].splice(2, 1);
+        ((level2_index != null || this.activeMenuArr[page_index].length >= 2) &&
+          this.activeMenuArr[page_index].splice(1, 1, level2_index)) ||
+          this.activeMenuArr[page_index].splice(1, 1);
+        ((level3_index != null || this.activeMenuArr[page_index].length >= 3) &&
+          this.activeMenuArr[page_index].splice(2, 1, level3_index)) ||
+          this.activeMenuArr[page_index].splice(2, 1);
       }
       //写入结果
-      if (level3_index != null || level2_index != null || (level1_index != null && this.subData[page_index].submenu[level1_index].submenu.length == 0)
+      if (
+        level3_index != null ||
+        level2_index != null ||
+        (level1_index != null && this.subData[page_index].submenu[level1_index].submenu.length == 0)
       ) {
         let sub = this.subData[page_index].submenu[level1_index].submenu[level2_index];
         if (this.updateMenuName) {
-          this.menu[page_index].name = (level3_index != null && sub.submenu[level3_index].name) || (level2_index != null && sub.name) || this.subData[page_index].submenu[level1_index].name;
+          this.menu[page_index].name =
+            (level3_index != null && sub.submenu[level3_index].name) ||
+            (level2_index != null && sub.name) ||
+            this.subData[page_index].submenu[level1_index].name;
         }
         this.shadowActiveMenuArr[page_index] = JSON.parse(JSON.stringify(this.activeMenuArr[page_index]));
         this.togglePage(this.showPage);
@@ -267,7 +334,6 @@ export default {
     },
     //选中单选类label-UI状态
     selectRadioLabel(page_index, box_index, label_index) {
-
       let activeIndex = this.activeMenuArr[page_index][box_index][0];
       if (activeIndex == label_index) {
         this.subData[page_index].submenu[box_index].submenu[activeIndex].selected = false;
@@ -310,7 +376,7 @@ export default {
         setTimeout(() => {
           this.isShowMask = true;
         }, 0);
-      })
+      });
     },
     //hide菜单页
     hidePageLayer(isAnimation) {
@@ -322,7 +388,7 @@ export default {
         }, 200);
         this.confirm();
       } else {
-        this.pageState.splice(tmpIndex, 1, false)
+        this.pageState.splice(tmpIndex, 1, false);
       }
       this.firstScrollInto = null;
       this.secondScrollInto = null;
@@ -333,7 +399,7 @@ export default {
 
       //对结果做一下处理
       index.forEach((item, i) => {
-        if (typeof (item[0]) == 'object') {
+        if (typeof item[0] == 'object') {
           //针对筛选结果过一个排序
           item.forEach((s, j) => {
             if (s != null) {
@@ -342,7 +408,10 @@ export default {
               });
               item[j] = s;
               s.forEach((v, k) => {
-                value[i][j][k] = (v == null || v >= this.subData[i].submenu[j].submenu.length) ? null : this.subData[i].submenu[j].submenu[v].value;
+                value[i][j][k] =
+                  v == null || v >= this.subData[i].submenu[j].submenu.length
+                    ? null
+                    : this.subData[i].submenu[j].submenu[v].value;
                 if (this.subData[i].type == 'radio' && value[i][j][k] == null) {
                   value[i][j] = [];
                   index[i][j] = [];
@@ -358,7 +427,7 @@ export default {
               submenu = submenu.submenu[item[1]];
               value[i][1] = submenu.hasOwnProperty('value') ? submenu.value : null;
             } else {
-              value[i][1] = null
+              value[i][1] = null;
             }
             if (value[i].length >= 3 && item[2] != null) {
               if (submenu.submenu.length > 0) {
@@ -371,7 +440,6 @@ export default {
           }
         }
         index[i] = item;
-
       });
       // 输出
       this.$emit('confirm', {
@@ -387,7 +455,7 @@ export default {
         setTimeout(() => {
           this.showPage = index;
         }, 0);
-      })
+      });
       this.triangleDeg[index] = 180;
     },
     reloadActiveMenuArr() {
@@ -429,7 +497,7 @@ export default {
             this.firstScrollInto = parseInt(this.activeMenuArr[index][0]);
             this.secondScrollInto = parseInt(this.activeMenuArr[index][1]);
           }, 0);
-        })
+        });
       } else if (this.menu[index].type == 'radio') {
         //重载筛选页选中状态
         let level = this.shadowActiveMenuArr[index].length;
@@ -446,7 +514,7 @@ export default {
       }
     },
     processActive(tmpitem) {
-      let tmpArr = []
+      let tmpArr = [];
       if (tmpitem.type == 'hierarchy' && tmpitem.hasOwnProperty('submenu') && tmpitem.submenu.length > 0) {
         let level = this.getMaxFloor(tmpitem.submenu);
         while (level > 0) {
@@ -480,24 +548,22 @@ export default {
     },
     //计算菜单层级
     getMaxFloor(treeData) {
-      let floor = 0
-      let max = 0
+      let floor = 0;
+      let max = 0;
       function each(data, floor) {
-        data.forEach(e => {
+        data.forEach((e) => {
           max = floor > max ? floor : max;
           if (e.hasOwnProperty('submenu') && e.submenu.length > 0) {
-            each(e.submenu, floor + 1)
+            each(e.submenu, floor + 1);
           }
-        })
+        });
       }
-      each(treeData, 1)
+      each(treeData, 1);
       return max;
     },
-    discard() {
-
-    }
+    discard() {}
   }
-}
+};
 </script>
 <style>
 .cv-filter-hm {