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

package/uni-ui/lib/uni-tr/table-checkbox.vue

@@ -1 +1,79 @@
-<template>
  <view class="uni-table-checkbox" @click="selected">
    <view v-if="!indeterminate" class="checkbox__inner" :class="{ 'is-checked': isChecked, 'is-disable': isDisabled }">
      <view class="checkbox__inner-icon"></view>
    </view>
    <view v-else class="checkbox__inner checkbox--indeterminate">
      <view class="checkbox__inner-icon"></view>
    </view>
  </view>
  name: 'TableCheckbox',
  emits: ['checkboxSelected'],
  props: {
    indeterminate: {
      type: Boolean,
      default: false
    },
    checked: {
      type: [Boolean, String],
      default: false
    },
    disabled: {
      type: Boolean,
      default: false
    },
    index: {
      type: Number,
      default: -1
    },
    cellData: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  watch: {
    checked(newVal) {
      if (typeof this.checked === 'boolean') {
        this.isChecked = newVal;
      } else {
        this.isChecked = true;
      }
    },
    indeterminate(newVal) {
      this.isIndeterminate = newVal;
    }
  },
  data() {
    return {
      isChecked: false,
      isDisabled: false,
      isIndeterminate: false
    };
  },
  created() {
    if (typeof this.checked === 'boolean') {
      this.isChecked = this.checked;
    }
    this.isDisabled = this.disabled;
  },
  methods: {
    selected() {
      if (this.isDisabled) return;
      this.isIndeterminate = false;
      this.isChecked = !this.isChecked;
      this.$emit('checkboxSelected', {
        checked: this.isChecked,
        data: this.cellData
      });
    }
  }
+<template>
+  <view class="uni-table-checkbox" @click="selected">
+    <view v-if="!indeterminate" class="checkbox__inner" :class="{ 'is-checked': isChecked, 'is-disable': isDisabled }">
+      <view class="checkbox__inner-icon"></view>
+    </view>
+    <view v-else class="checkbox__inner checkbox--indeterminate">
+      <view class="checkbox__inner-icon"></view>
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  name: 'TableCheckbox',
+  emits: ['checkboxSelected'],
+  props: {
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    checked: {
+      type: [Boolean, String],
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    index: {
+      type: Number,
+      default: -1
+    },
+    cellData: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  watch: {
+    checked(newVal) {
+      if (typeof this.checked === 'boolean') {
+        this.isChecked = newVal;
+      } else {
+        this.isChecked = true;
+      }
+    },
+    indeterminate(newVal) {
+      this.isIndeterminate = newVal;
+    }
+  },
+  data() {
+    return {
+      isChecked: false,
+      isDisabled: false,
+      isIndeterminate: false
+    };
+  },
+  created() {
+    if (typeof this.checked === 'boolean') {
+      this.isChecked = this.checked;
+    }
+    this.isDisabled = this.disabled;
+  },
+  methods: {
+    selected() {
+      if (this.isDisabled) return;
+      this.isIndeterminate = false;
+      this.isChecked = !this.isChecked;
+      this.$emit('checkboxSelected', {
+        checked: this.isChecked,
+        data: this.cellData
+      });
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-tr/uni-tr.vue

@@ -1 +1,135 @@
-<template>
  <!-- #ifdef H5 -->
  <tr class="uni-table-tr">
    <th v-if="selection === 'selection' && ishead" class="checkbox" :class="{ 'tr-table--border': border }">
      <table-checkbox
        :checked="checked"
        :indeterminate="indeterminate"
        :disabled="disabled"
        @checkboxSelected="checkboxSelected"
      ></table-checkbox>
    </th>
    <slot></slot>
    <!-- <uni-th class="th-fixed">123</uni-th> -->
  </tr>
  <!-- #endif -->
  <!-- #ifndef H5 -->
  <view class="uni-table-tr">
    <view v-if="selection === 'selection'" class="checkbox" :class="{ 'tr-table--border': border }">
      <table-checkbox
        :checked="checked"
        :indeterminate="indeterminate"
        :disabled="disabled"
        @checkboxSelected="checkboxSelected"
      ></table-checkbox>
    </view>
    <slot></slot>
  </view>
  <!-- #endif -->
 * Tr 表格行组件
 * @description 表格行组件 仅包含 th,td 组件
 * @tutorial https://ext.dcloud.net.cn/plugin?id=
 */
  name: 'uniTr',
  components: { tableCheckbox },
  props: {
    disabled: {
      type: Boolean,
      default: false
    },
    keyValue: {
      type: [String, Number],
      default: ''
    }
  },
  options: {
    virtualHost: true
  },
  data() {
    return {
      value: false,
      border: false,
      selection: false,
      widthThArr: [],
      ishead: true,
      checked: false,
      indeterminate: false
    };
  },
  created() {
    this.root = this.getTable();
    this.head = this.getTable('uniThead');
    if (this.head) {
      this.ishead = false;
      this.head.init(this);
    }
    this.border = this.root.border;
    this.selection = this.root.type;
    this.root.trChildren.push(this);
    const rowData = this.root.data.find((v) => v[this.root.rowKey] === this.keyValue);
    if (rowData) {
      this.rowData = rowData;
    }
    this.root.isNodata();
  },
  mounted() {
    if (this.widthThArr.length > 0) {
      const selectionWidth = this.selection === 'selection' ? 50 : 0;
      this.root.minWidth = this.widthThArr.reduce((a, b) => Number(a) + Number(b)) + selectionWidth;
    }
  },
  // #ifndef VUE3
  destroyed() {
    const index = this.root.trChildren.findIndex((i) => i === this);
    this.root.trChildren.splice(index, 1);
    this.root.isNodata();
  },
  // #endif
  // #ifdef VUE3
  unmounted() {
    const index = this.root.trChildren.findIndex((i) => i === this);
    this.root.trChildren.splice(index, 1);
    this.root.isNodata();
  },
  // #endif
  methods: {
    minWidthUpdate(width) {
      this.widthThArr.push(width);
    },
    // 选中
    checkboxSelected(e) {
      let rootData = this.root.data.find((v) => v[this.root.rowKey] === this.keyValue);
      this.checked = e.checked;
      this.root.check(rootData || this, e.checked, rootData ? this.keyValue : null);
    },
    change(e) {
      this.root.trChildren.forEach((item) => {
        if (item === this) {
          this.root.check(this, e.detail.value.length > 0 ? true : false);
        }
      });
    },
    /**
     * 获取父元素实例
     */
    getTable(name = 'uniTable') {
      let parent = this.$parent;
      let parentName = parent.$options.name;
      while (parentName !== name) {
        parent = parent.$parent;
        if (!parent) return false;
        parentName = parent.$options.name;
      }
      return parent;
    }
  }
+<template>
+  <!-- #ifdef H5 -->
+  <tr class="uni-table-tr">
+    <th v-if="selection === 'selection' && ishead" class="checkbox" :class="{ 'tr-table--border': border }">
+      <table-checkbox
+        :checked="checked"
+        :indeterminate="indeterminate"
+        :disabled="disabled"
+        @checkboxSelected="checkboxSelected"
+      ></table-checkbox>
+    </th>
+    <slot></slot>
+    <!-- <uni-th class="th-fixed">123</uni-th> -->
+  </tr>
+  <!-- #endif -->
+  <!-- #ifndef H5 -->
+  <view class="uni-table-tr">
+    <view v-if="selection === 'selection'" class="checkbox" :class="{ 'tr-table--border': border }">
+      <table-checkbox
+        :checked="checked"
+        :indeterminate="indeterminate"
+        :disabled="disabled"
+        @checkboxSelected="checkboxSelected"
+      ></table-checkbox>
+    </view>
+    <slot></slot>
+  </view>
+  <!-- #endif -->
+</template>
+<script>
+import tableCheckbox from './table-checkbox.vue';
+/**
+ * Tr 表格行组件
+ * @description 表格行组件 仅包含 th,td 组件
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=
+ */
+export default {
+  name: 'uniTr',
+  components: { tableCheckbox },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    keyValue: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  options: {
+    virtualHost: true
+  },
+  data() {
+    return {
+      value: false,
+      border: false,
+      selection: false,
+      widthThArr: [],
+      ishead: true,
+      checked: false,
+      indeterminate: false
+    };
+  },
+  created() {
+    this.root = this.getTable();
+    this.head = this.getTable('uniThead');
+    if (this.head) {
+      this.ishead = false;
+      this.head.init(this);
+    }
+    this.border = this.root.border;
+    this.selection = this.root.type;
+    this.root.trChildren.push(this);
+    const rowData = this.root.data.find((v) => v[this.root.rowKey] === this.keyValue);
+    if (rowData) {
+      this.rowData = rowData;
+    }
+    this.root.isNodata();
+  },
+  mounted() {
+    if (this.widthThArr.length > 0) {
+      const selectionWidth = this.selection === 'selection' ? 50 : 0;
+      this.root.minWidth = this.widthThArr.reduce((a, b) => Number(a) + Number(b)) + selectionWidth;
+    }
+  },
+  // #ifndef VUE3
+  destroyed() {
+    const index = this.root.trChildren.findIndex((i) => i === this);
+    this.root.trChildren.splice(index, 1);
+    this.root.isNodata();
+  },
+  // #endif
+  // #ifdef VUE3
+  unmounted() {
+    const index = this.root.trChildren.findIndex((i) => i === this);
+    this.root.trChildren.splice(index, 1);
+    this.root.isNodata();
+  },
+  // #endif
+  methods: {
+    minWidthUpdate(width) {
+      this.widthThArr.push(width);
+    },
+    // 选中
+    checkboxSelected(e) {
+      let rootData = this.root.data.find((v) => v[this.root.rowKey] === this.keyValue);
+      this.checked = e.checked;
+      this.root.check(rootData || this, e.checked, rootData ? this.keyValue : null);
+    },
+    change(e) {
+      this.root.trChildren.forEach((item) => {
+        if (item === this) {
+          this.root.check(this, e.detail.value.length > 0 ? true : false);
+        }
+      });
+    },
+    /**
+     * 获取父元素实例
+     */
+    getTable(name = 'uniTable') {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== name) {
+        parent = parent.$parent;
+        if (!parent) return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/amap-wx/js/util.js

@@ -1,181 +0,0 @@
-import amap from '@/components/amap-wx/lib/amap-wx.js';
-// 地铁颜色图
-const line = {
-	'1号线': '#C43B33',
-	'2号线': '#016299',
-	'4号线/大兴线': '#008E9C',
-	'5号线': '#A42380',
-	'6号线': '#D09900',
-	'7号线': '#F2C172',
-	'8号线': '#009D6A',
-	'9号线': '#8FC41E',
-	'10号线': '#009DBE',
-	'13号线': '#F9E701',
-	'14号线东段': '#D4A7A2',
-	'14号线西段': '#D4A7A2',
-	'15号线': '#5D2D69',
-	'八通线': '#C33A32',
-	'昌平线': '#DE82B1',
-	'亦庄线': '#E40177',
-	'房山线': '#E66021',
-	'机场线': '#A29BBC',
-}
-
-// 150500:地铁站 ,150700:公交站 , 190700:地名地址
-const typecode = [{
-	id: '150500',
-	icon: 'icon-ditie'
-}, {
-	id: '150700',
-	icon: 'icon-gongjiao'
-}, {
-	id: '190700',
-	icon: 'icon-gonglu'
-}];
-
-const util = {
-	key:'b526b09b86cd2996e7732be8ab8c4430',
-	/**
-	 * 初始化高德地图api
-	 */
-	mapInit() {
-		return new amap.AMapWX({
-			key: this.key
-		});
-	},
-	// 服务状态吗
-	typecode,
-	/**
-	 * 获取地图颜色
-	 */
-	lineColor(name) {
-		if (line[name]) {
-			return line[name];
-		} else {
-			return '#ccc';
-		}
-	},
-	/**
-	 * 关键字颜色变化
-	 */
-	serachNmme(val, name) {
-		let namestr = new RegExp(val);
-		let nameresult =
-			`<div style="font-size: 14px;color: #333;line-height: 1.5;">
-		    ${name.replace(namestr, "<span style='color:#66ccff;'>" + val + '</span>')}
-		    </div>`
-			.trim();
-
-		return nameresult;
-	},
-	/**
-	 *  地址转地铁线路
-	 */
-	addressToLine(address, type) {
-		let addr = address.split(';');
-		let dt = '';
-		addr.forEach(elm => {
-			let color = '#cccccc';
-			if (type === typecode[0].id) {
-				color = this.lineColor(elm)
-			} else if (type === typecode[1].id) {
-				color = '#4075cb'
-			}
-			let style = 'margin:5px 0;margin-right:5px;padding:0 5px;background:' + color +
-				';font-size:12px;color:#fff;border-radius:3px;';
-			dt += `<div style=\'${style}\'>${elm}</div>`;
-
-		});
-		return `<div style="display:flex;flex-wrap: wrap;">${dt}</div>`;
-	},
-	/**
-	 * 数据处理
-	 */
-	dataHandle(item, val) {
-		// 改变字体颜色
-		if (val) {
-			item.nameNodes = util.serachNmme(val, item.name);
-		} else {
-			item.nameNodes = `<div style="font-size: 14px;color: #333;line-height: 1.5;">${item.name}</div>`;
-
-		}
-		// 地址解析 地铁
-		if (
-			item.typecode === util.typecode[0].id ||
-			item.typecode === util.typecode[1].id
-		) {
-			item.addressNodes = util.addressToLine(item.address, item.typecode);
-			if (item.typecode === util.typecode[0].id) {
-				item.icon = util.typecode[0].icon;
-			} else if (item.typecode === util.typecode[1].id) {
-				item.icon = util.typecode[1].icon;
-			}
-		} else {
-			item.addressNodes = `<span>${item.district}${
-				item.address.length > 0 ? '·' + item.address : ''
-			}</span>`.trim();
-			item.icon = 'icon-weizhi';
-		}
-
-		if (item.location && item.location.length === 0) {
-			item.icon = 'icon-sousuo';
-		}
-
-		return item;
-	},
-	/**
-	 * 存储历史数据
-	 * val [string | object]需要存储的内容
-	 */
-	setHistory(val) {
-		let searchHistory = uni.getStorageSync('search:history');
-		if (!searchHistory) searchHistory = [];
-		let serachData = {};
-		if (typeof(val) === 'string') {
-			serachData = {
-				adcode: [],
-				address: [],
-				city: [],
-				district: [],
-				id: [],
-				location: [],
-				name: val,
-				typecode: []
-			};
-		} else {
-			serachData = val
-		}
-
-		// 判断数组是否存在，如果存在，那么将放到最前面
-		for (var i = 0; i < searchHistory.length; i++) {
-			if (searchHistory[i].name === serachData.name) {
-				searchHistory.splice(i, 1);
-				break;
-			}
-		}
-
-		searchHistory.unshift(util.dataHandle(serachData));
-		uni.setStorage({
-			key: 'search:history',
-			data: searchHistory,
-			success: function() {
-				// console.log('success');
-			}
-		});
-	},
-	getHistory() {
-
-	},
-	removeHistory() {
-		uni.removeStorage({
-			key: 'search:history',
-			success: function(res) {
-				console.log('success');
-			}
-		});
-		return []
-	}
-
-}
-
-export default util;

package/uni-ui/lib/marked/index.js

@@ -1 +0,0 @@
-export default './lib/marked'