@kengic/uni 0.5.1 → 0.5.2-beta.0

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

@@ -1,171 +1,172 @@
 <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 -->
+    <!-- #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
-		}
-	}
-}
+    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 lang="scss">
-$border-color: #ebeef5;
+    $border-color: #ebeef5;
 
-.uni-table-tr {
-	/* #ifndef APP-NVUE */
-	display: table-row;
-	transition: all 0.3s;
-	box-sizing: border-box;
-	/* #endif */
-}
+    .uni-table-tr {
+        /* #ifndef APP-NVUE */
+        display: table-row;
+        transition: all 0.3s;
+        box-sizing: border-box;
+        /* #endif */
+    }
 
-.checkbox {
-	padding: 0 8px;
-	width: 26px;
-	padding-left: 12px;
-	/* #ifndef APP-NVUE */
-	display: table-cell;
-	vertical-align: middle;
-	/* #endif */
-	color: #333;
-	font-weight: 500;
-	border-bottom: 1px $border-color solid;
-	font-size: 14px;
-	// text-align: center;
-}
+    .checkbox {
+        padding: 0 8px;
+        width: 26px;
+        padding-left: 12px;
+        /* #ifndef APP-NVUE */
+        display: table-cell;
+        vertical-align: middle;
+        /* #endif */
+        color: #333;
+        font-weight: 500;
+        border-bottom: 1px $border-color solid;
+        font-size: 14px;
+        // text-align: center;
+    }
 
-.tr-table--border {
-	border-right: 1px $border-color solid;
-}
+    .tr-table--border {
+        border-right: 1px $border-color solid;
+    }
 
-/* #ifndef APP-NVUE */
-.uni-table-tr {
-	::v-deep .uni-table-th {
-		&.table--border:last-child {
-			// border-right: none;
-		}
-	}
+    /* #ifndef APP-NVUE */
+    .uni-table-tr {
+        ::v-deep .uni-table-th {
+            &.table--border:last-child {
+                // border-right: none;
+            }
+        }
 
-	::v-deep .uni-table-td {
-		&.table--border:last-child {
-			// border-right: none;
-		}
-	}
-}
+        ::v-deep .uni-table-td {
+            &.table--border:last-child {
+                // border-right: none;
+            }
+        }
+    }
 
-/* #endif */
+    /* #endif */
 </style>

package/dist/uni/uni-ui/uni-transition/createAnimation.js

@@ -5,127 +5,144 @@
 // 	transformOrigin: '50% 50% 0'
 // }
 // #ifdef APP-NVUE
-const nvueAnimation = uni.requireNativePlugin('animation')
+const nvueAnimation = uni.requireNativePlugin('animation');
 // #endif
 class MPAnimation {
-	constructor(options, _this) {
-		this.options = options
-		// 在iOS10+QQ小程序平台下，传给原生的对象一定是个普通对象而不是Proxy对象，否则会报parameter should be Object instead of ProxyObject的错误
-		this.animation = uni.createAnimation({
-			...options
-		})
-		this.currentStepAnimates = {}
-		this.next = 0
-		this.$ = _this
+    constructor(options, _this) {
+        this.options = options;
+        // 在iOS10+QQ小程序平台下，传给原生的对象一定是个普通对象而不是Proxy对象，否则会报parameter should be Object instead of ProxyObject的错误
+        this.animation = uni.createAnimation({
+            ...options,
+        });
+        this.currentStepAnimates = {};
+        this.next = 0;
+        this.$ = _this;
+    }
 
-	}
+    _nvuePushAnimates(type, args) {
+        let aniObj = this.currentStepAnimates[this.next];
+        let styles = {};
+        if (!aniObj) {
+            styles = {
+                styles: {},
+                config: {},
+            };
+        } else {
+            styles = aniObj;
+        }
+        if (animateTypes1.includes(type)) {
+            if (!styles.styles.transform) {
+                styles.styles.transform = '';
+            }
+            let unit = '';
+            if (type === 'rotate') {
+                unit = 'deg';
+            }
+            styles.styles.transform += `${type}(${args + unit}) `;
+        } else {
+            styles.styles[type] = `${args}`;
+        }
+        this.currentStepAnimates[this.next] = styles;
+    }
+    _animateRun(styles = {}, config = {}) {
+        let ref = this.$.$refs['ani'].ref;
+        if (!ref) return;
+        return new Promise((resolve, reject) => {
+            nvueAnimation.transition(
+                ref,
+                {
+                    styles,
+                    ...config,
+                },
+                (res) => {
+                    resolve();
+                },
+            );
+        });
+    }
 
-	_nvuePushAnimates(type, args) {
-		let aniObj = this.currentStepAnimates[this.next]
-		let styles = {}
-		if (!aniObj) {
-			styles = {
-				styles: {},
-				config: {}
-			}
-		} else {
-			styles = aniObj
-		}
-		if (animateTypes1.includes(type)) {
-			if (!styles.styles.transform) {
-				styles.styles.transform = ''
-			}
-			let unit = ''
-			if(type === 'rotate'){
-				unit = 'deg'
-			}
-			styles.styles.transform += `${type}(${args+unit}) `
-		} else {
-			styles.styles[type] = `${args}`
-		}
-		this.currentStepAnimates[this.next] = styles
-	}
-	_animateRun(styles = {}, config = {}) {
-		let ref = this.$.$refs['ani'].ref
-		if (!ref) return
-		return new Promise((resolve, reject) => {
-			nvueAnimation.transition(ref, {
-				styles,
-				...config
-			}, res => {
-				resolve()
-			})
-		})
-	}
+    _nvueNextAnimate(animates, step = 0, fn) {
+        let obj = animates[step];
+        if (obj) {
+            let { styles, config } = obj;
+            this._animateRun(styles, config).then(() => {
+                step += 1;
+                this._nvueNextAnimate(animates, step, fn);
+            });
+        } else {
+            this.currentStepAnimates = {};
+            typeof fn === 'function' && fn();
+            this.isEnd = true;
+        }
+    }
 
-	_nvueNextAnimate(animates, step = 0, fn) {
-		let obj = animates[step]
-		if (obj) {
-			let {
-				styles,
-				config
-			} = obj
-			this._animateRun(styles, config).then(() => {
-				step += 1
-				this._nvueNextAnimate(animates, step, fn)
-			})
-		} else {
-			this.currentStepAnimates = {}
-			typeof fn === 'function' && fn()
-			this.isEnd = true
-		}
-	}
+    step(config = {}) {
+        // #ifndef APP-NVUE
+        this.animation.step(config);
+        // #endif
+        // #ifdef APP-NVUE
+        this.currentStepAnimates[this.next].config = Object.assign({}, this.options, config);
+        this.currentStepAnimates[this.next].styles.transformOrigin = this.currentStepAnimates[this.next].config.transformOrigin;
+        this.next++;
+        // #endif
+        return this;
+    }
 
-	step(config = {}) {
-		// #ifndef APP-NVUE
-		this.animation.step(config)
-		// #endif
-		// #ifdef APP-NVUE
-		this.currentStepAnimates[this.next].config = Object.assign({}, this.options, config)
-		this.currentStepAnimates[this.next].styles.transformOrigin = this.currentStepAnimates[this.next].config.transformOrigin
-		this.next++
-		// #endif
-		return this
-	}
-
-	run(fn) {
-		// #ifndef APP-NVUE
-		this.$.animationData = this.animation.export()
-		this.$.timer = setTimeout(() => {
-			typeof fn === 'function' && fn()
-		}, this.$.durationTime)
-		// #endif
-		// #ifdef APP-NVUE
-		this.isEnd = false
-		let ref = this.$.$refs['ani'] && this.$.$refs['ani'].ref
-		if(!ref) return
-		this._nvueNextAnimate(this.currentStepAnimates, 0, fn)
-		this.next = 0
-		// #endif
-	}
+    run(fn) {
+        // #ifndef APP-NVUE
+        this.$.animationData = this.animation.export();
+        this.$.timer = setTimeout(() => {
+            typeof fn === 'function' && fn();
+        }, this.$.durationTime);
+        // #endif
+        // #ifdef APP-NVUE
+        this.isEnd = false;
+        let ref = this.$.$refs['ani'] && this.$.$refs['ani'].ref;
+        if (!ref) return;
+        this._nvueNextAnimate(this.currentStepAnimates, 0, fn);
+        this.next = 0;
+        // #endif
+    }
 }
 
-
-const animateTypes1 = ['matrix', 'matrix3d', 'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scale3d',
-	'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'translate', 'translate3d', 'translateX', 'translateY',
-	'translateZ'
-]
-const animateTypes2 = ['opacity', 'backgroundColor']
-const animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom']
-animateTypes1.concat(animateTypes2, animateTypes3).forEach(type => {
-	MPAnimation.prototype[type] = function(...args) {
-		// #ifndef APP-NVUE
-		this.animation[type](...args)
-		// #endif
-		// #ifdef APP-NVUE
-		this._nvuePushAnimates(type, args)
-		// #endif
-		return this
-	}
-})
+const animateTypes1 = [
+    'matrix',
+    'matrix3d',
+    'rotate',
+    'rotate3d',
+    'rotateX',
+    'rotateY',
+    'rotateZ',
+    'scale',
+    'scale3d',
+    'scaleX',
+    'scaleY',
+    'scaleZ',
+    'skew',
+    'skewX',
+    'skewY',
+    'translate',
+    'translate3d',
+    'translateX',
+    'translateY',
+    'translateZ',
+];
+const animateTypes2 = ['opacity', 'backgroundColor'];
+const animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom'];
+animateTypes1.concat(animateTypes2, animateTypes3).forEach((type) => {
+    MPAnimation.prototype[type] = function (...args) {
+        // #ifndef APP-NVUE
+        this.animation[type](...args);
+        // #endif
+        // #ifdef APP-NVUE
+        this._nvuePushAnimates(type, args);
+        // #endif
+        return this;
+    };
+});
 
 export function createAnimation(option, _this) {
-	if(!_this) return
-	clearTimeout(_this.timer)
-	return new MPAnimation(option, _this)
+    if (!_this) return;
+    clearTimeout(_this.timer);
+    return new MPAnimation(option, _this);
 }