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

package/ui-uni/mpvue-citypicker/mpvueCityPicker.vue

@@ -1,230 +0,0 @@
-<template>
-	<div class="mpvue-picker">
-		<div :class="{'pickerMask':showPicker}" @click="maskClick" catchtouchmove="true"></div>
-		<div class="mpvue-picker-content " :class="{'mpvue-picker-view-show':showPicker}">
-			<div class="mpvue-picker__hd" catchtouchmove="true">
-				<div class="mpvue-picker__action" @click="pickerCancel">取消</div>
-				<div class="mpvue-picker__action" :style="{color:themeColor}" @click="pickerConfirm">确定</div>
-			</div>
-			<picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChange">
-				<block>
-					<picker-view-column>
-						<div class="picker-item" v-for="(item,index) in provinceDataList" :key="index">{{item.label}}</div>
-					</picker-view-column>
-					<picker-view-column>
-						<div class="picker-item" v-for="(item,index) in cityDataList" :key="index">{{item.label}}</div>
-					</picker-view-column>
-					<picker-view-column>
-						<div class="picker-item" v-for="(item,index) in areaDataList" :key="index">{{item.label}}</div>
-					</picker-view-column>
-				</block>
-			</picker-view>
-		</div>
-	</div>
-</template>
-
-<script>
-	import provinceData from './city-data/province.js';
-	import cityData from './city-data/city.js';
-	import areaData from './city-data/area.js';
-	export default {
-		data() {
-			return {
-				pickerValue: [0, 0, 0],
-				provinceDataList: provinceData,
-				cityDataList: cityData[0],
-				areaDataList: areaData[0][0],
-				/* 是否显示控件 */
-				showPicker: false,
-			};
-		},
-		created() {
-			this.init()
-		},
-		props: {
-			/* 默认值 */
-			pickerValueDefault: {
-				type: Array,
-				default () {
-					return [0, 0, 0]
-				}
-			},
-			/* 主题色 */
-			themeColor: String
-		},
-		watch: {
-			pickerValueDefault() {
-				this.init();
-			}
-		},
-		methods: {
-			init() {
-				this.handPickValueDefault(); // 对 pickerValueDefault 做兼容处理
-
-				const pickerValueDefault = this.pickerValueDefault
-
-				this.cityDataList = cityData[pickerValueDefault[0]];
-				this.areaDataList = areaData[pickerValueDefault[0]][pickerValueDefault[1]];
-				this.pickerValue = pickerValueDefault;
-			},
-			show() {
-				setTimeout(() => {
-					this.showPicker = true;
-				}, 0);
-			},
-			maskClick() {
-				this.pickerCancel();
-			},
-			pickerCancel() {
-				this.showPicker = false;
-				this._$emit('onCancel');
-			},
-			pickerConfirm(e) {
-				this.showPicker = false;
-				this._$emit('onConfirm');
-			},
-			showPickerView() {
-				this.showPicker = true;
-			},
-			handPickValueDefault() {
-				const pickerValueDefault = this.pickerValueDefault
-
-				let provinceIndex = pickerValueDefault[0]
-				let cityIndex = pickerValueDefault[1]
-				const areaIndex = pickerValueDefault[2]
-				if (
-					provinceIndex !== 0 ||
-					cityIndex !== 0 ||
-					areaIndex !== 0
-				) {
-					if (provinceIndex > provinceData.length - 1) {
-						this.pickerValueDefault[0] = provinceIndex = provinceData.length - 1;
-					}
-					if (cityIndex > cityData[provinceIndex].length - 1) {
-						this.pickerValueDefault[1] = cityIndex = cityData[provinceIndex].length - 1;
-					}
-					if (areaIndex > areaData[provinceIndex][cityIndex].length - 1) {
-						this.pickerValueDefault[2] = areaData[provinceIndex][cityIndex].length - 1;
-					}
-				}
-			},
-			pickerChange(e) {
-				let changePickerValue = e.mp.detail.value;
-				if (this.pickerValue[0] !== changePickerValue[0]) {
-					// 第一级发生滚动
-					this.cityDataList = cityData[changePickerValue[0]];
-					this.areaDataList = areaData[changePickerValue[0]][0];
-					changePickerValue[1] = 0;
-					changePickerValue[2] = 0;
-				} else if (this.pickerValue[1] !== changePickerValue[1]) {
-					// 第二级滚动
-					this.areaDataList =
-						areaData[changePickerValue[0]][changePickerValue[1]];
-					changePickerValue[2] = 0;
-				}
-				this.pickerValue = changePickerValue;
-				this._$emit('onChange');
-			},
-			_$emit(emitName) {
-				let pickObj = {
-					label: this._getLabel(),
-					value: this.pickerValue,
-					cityCode: this._getCityCode()
-				};
-				this.$emit(emitName, pickObj);
-			},
-			_getLabel() {
-				let pcikerLabel =
-					this.provinceDataList[this.pickerValue[0]].label +
-					'-' +
-					this.cityDataList[this.pickerValue[1]].label +
-					'-' +
-					this.areaDataList[this.pickerValue[2]].label;
-				return pcikerLabel;
-			},
-			_getCityCode() {
-				return this.areaDataList[this.pickerValue[2]].value;
-			}
-		}
-	};
-</script>
-
-<style>
-	.pickerMask {
-		position: fixed;
-		z-index: 1000;
-		top: 0;
-		right: 0;
-		left: 0;
-		bottom: 0;
-		background: rgba(0, 0, 0, 0.6);
-	}
-
-	.mpvue-picker-content {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		transition: all 0.3s ease;
-		transform: translateY(100%);
-		z-index: 3000;
-	}
-
-	.mpvue-picker-view-show {
-		transform: translateY(0);
-	}
-
-	.mpvue-picker__hd {
-		display: flex;
-		padding: 9px 15px;
-		background-color: #fff;
-		position: relative;
-		text-align: center;
-		font-size: 17px;
-	}
-
-	.mpvue-picker__hd:after {
-		content: ' ';
-		position: absolute;
-		left: 0;
-		bottom: 0;
-		right: 0;
-		height: 1px;
-		border-bottom: 1px solid #e5e5e5;
-		color: #e5e5e5;
-		transform-origin: 0 100%;
-		transform: scaleY(0.5);
-	}
-
-	.mpvue-picker__action {
-		display: block;
-		flex: 1;
-		color: #1aad19;
-	}
-
-	.mpvue-picker__action:first-child {
-		text-align: left;
-		color: #888;
-	}
-
-	.mpvue-picker__action:last-child {
-		text-align: right;
-	}
-
-	.picker-item {
-		text-align: center;
-		line-height: 40px;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		font-size: 16px;
-	}
-
-	.mpvue-picker-view {
-		position: relative;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		height: 238px;
-		background-color: rgba(255, 255, 255, 1);
-	}
-</style>

package/ui-uni/mpvue-echarts/src/echarts.vue

@@ -1,123 +0,0 @@
-<template>
-	<canvas v-if="canvasId" class="ec-canvas" :id="canvasId" :canvasId="canvasId" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" @error="error"></canvas>
-</template>
-
-<script>
-import WxCanvas from './wx-canvas';
-
-export default {
-	props: {
-		canvasId: {
-			type: String,
-			default: 'ec-canvas'
-		},
-		lazyLoad: {
-			type: Boolean,
-			default: false
-		},
-		disableTouch: {
-			type: Boolean,
-			default: false
-		},
-		throttleTouch: {
-			type: Boolean,
-			default: false
-		}
-	},
-	// #ifdef H5
-	mounted() {
-		if (!this.lazyLoad) this.init();
-	},
-	// #endif
-	// #ifndef H5
-	onReady() {
-		if (!this.lazyLoad) this.init();
-	},
-	// #endif
-	methods: {
-		setChart(chart){
-			this.chart = chart
-		},
-		init() {
-			const { canvasId } = this;
-			this.ctx = wx.createCanvasContext(canvasId, this);
-
-			this.canvas = new WxCanvas(this.ctx, canvasId);
-
-			const query = wx.createSelectorQuery().in(this);
-			query
-				.select(`#${canvasId}`)
-				.boundingClientRect(res => {
-					if (!res) {
-						setTimeout(() => this.init(), 50);
-						return;
-					}
-					this.$emit('onInit', {
-						width: res.width,
-						height: res.height
-					});
-				})
-				.exec();
-		},
-		canvasToTempFilePath(opt) {
-			const { canvasId } = this;
-			this.ctx.draw(true, () => {
-				wx.canvasToTempFilePath({
-					canvasId,
-					...opt
-				});
-			});
-		},
-		touchStart(e) {
-			const { disableTouch, chart } = this;
-			if (disableTouch || !chart || !e.mp.touches.length) return;
-			const touch = e.mp.touches[0];
-			chart._zr.handler.dispatch('mousedown', {
-				zrX: touch.x,
-				zrY: touch.y
-			});
-			chart._zr.handler.dispatch('mousemove', {
-				zrX: touch.x,
-				zrY: touch.y
-			});
-		},
-		touchMove(e) {
-			const { disableTouch, throttleTouch, chart, lastMoveTime } = this;
-			if (disableTouch || !chart || !e.mp.touches.length) return;
-
-			if (throttleTouch) {
-				const currMoveTime = Date.now();
-				if (currMoveTime - lastMoveTime < 240) return;
-				this.lastMoveTime = currMoveTime;
-			}
-
-			const touch = e.mp.touches[0];
-			chart._zr.handler.dispatch('mousemove', {
-				zrX: touch.x,
-				zrY: touch.y
-			});
-		},
-		touchEnd(e) {
-			const { disableTouch, chart } = this;
-			if (disableTouch || !chart) return;
-			const touch = e.mp.changedTouches ? e.mp.changedTouches[0] : {};
-			chart._zr.handler.dispatch('mouseup', {
-				zrX: touch.x,
-				zrY: touch.y
-			});
-			chart._zr.handler.dispatch('click', {
-				zrX: touch.x,
-				zrY: touch.y
-			});
-		}
-	}
-};
-</script>
-
-<style scoped>
-.ec-canvas {
-	width: 100%;
-	height: 100%;
-	flex: 1;
-}
-</style>