ai.touchui-vue 1.30.2 → 1.30.4

package/packages/page/src/page.vue

@@ -1,297 +1,297 @@
-<template>
-	<div v-if="cShowInSingle" v-align="align" class="to-page">
-		<template v-for="(layoutType, layoutIndex) in cLayout">
-			<template v-if="layoutType === 'pager'">
-				<div v-if="!type || type === '1'" :key="layoutIndex" class="to-page-item pager">
-					<to-button v-dis="Number(currentPage_) <= 1" :icon="prevText ? '' : 'back'" mode="none" fillet="normal" color="info" @click="handlePagePrev">
-						<template v-if="prevText">{{ prevText }}</template>
-					</to-button>
-					<ul>
-						<li :class="{ on: Number(currentPage_) === 1 }" @click="handleCurrentChange(1)">1</li>
-						<li v-if="showPrevMore" class="ellipsis">...</li>
-						<li v-for="page in pager_" :key="page" :class="{ on: Number(currentPage_) === page }" @click="handleCurrentChange(page)">{{ page }}</li>
-						<li v-if="showNextMore" class="ellipsis">...</li>
-						<li v-if="pageCount_ > 1" :class="{ on: Number(currentPage_) === Number(pageCount_) }" @click="handleCurrentChange(pageCount_)">{{ pageCount_ }}</li>
-					</ul>
-					<to-button v-dis="Number(currentPage_) >= Number(pageCount_)" :icon="nextText ? '' : 'next'" mode="none" fillet="normal" color="info" @click="handlePageNext">
-						<template v-if="nextText">{{ nextText }}</template>
-					</to-button>
-				</div>
-				<div v-if="type === '2' || type === '3' || type === '4' || type === '5'" :key="layoutIndex" class="to-page-item pager">
-					<to-button v-if="type === '2'" v-dis="Number(currentPage_) <= 1" icon="first" mode="none" fillet="normal" color="info" @click="handleCurrentChange(1)"></to-button>
-					<to-button v-dis="Number(currentPage_) <= 1" :icon="prevText ? '' : 'back'" mode="none" fillet="normal" color="info" @click="handlePagePrev">
-						<template v-if="prevText">{{ prevText }}</template>
-					</to-button>
-					<div v-if="type && type !== '5'" class="text">{{ currentPage_ }}<template v-if="type === '2' || type === '3'"> / {{ pageCount_ }}</template></div>
-					<to-button v-dis="Number(currentPage_) >= Number(pageCount_)" :icon="nextText ? '' : 'next'" mode="none" fillet="normal" color="info" @click="handlePageNext">
-						<template v-if="nextText">{{ nextText }}</template>
-					</to-button>
-					<to-button v-if="type === '2'" v-dis="Number(currentPage_) >= Number(pageCount_)" icon="last" mode="none" fillet="normal" color="info" @click="handleCurrentChange(pageCount_)"></to-button>
-				</div>
-			</template>
-			<div v-if="layoutType === 'slot'" :key="layoutIndex" class="slot">
-				<slot></slot>
-			</div>
-			<div v-if="layoutType === 'total'" :key="layoutIndex" class="total">
-				{{ t('to.page.total', total) }}
-			</div>
-			<div v-if="layoutType === 'pageCount'" :key="layoutIndex" class="total">
-				{{ t('to.page.pageCount', pageCount_) }}
-			</div>
-			<div v-if="layoutType === 'size'" :key="layoutIndex" class="to-page-item size">
-				<to-select v-model="pageSize_" v-dis="disabled" mode="none" :clearable="false" :data="cPageSizes" :option-width="10" @change="handleSizeChange"></to-select>
-			</div>
-			<div v-if="layoutType === 'jumper'" :key="layoutIndex" class="to-page-item jumper">
-				<to-input v-model="jumperPage" v-dis="disabled" mode="none" type="number" :placeholder="t('to.page.go')" @keyup.enter="handleJump()">
-					<to-icon value="right" link mode="none" color="primary" @click="handleJump()"></to-icon>
-				</to-input>
-			</div>
-		</template>
-	</div>
-</template>
-<script>
-import Locale from 'ai.touchui-vue/src/mixins/locale'
-export default {
-	name: 'ToPage',
-	componentName: 'ToPage',
-	mixins: [Locale],
-	props: {
-		// 对齐方式
-		align: {
-			type: String,
-			default: ''
-		},
-		// 类型
-		type: {
-			type: String,
-			default: ''
-		},
-		// 页显示条目个数，支持 .sync 修饰符 number — 10
-		pageSize: {
-			type: [Number, String],
-			default: 10
-		},
-		// 总条目数 number
-		total: {
-			type: [Number, String],
-			default: 0
-		},
-		// 总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性
-		pageCount: {
-			type: [Number, String],
-			default: undefined
-		},
-		// 页码按钮的数量，当总页数超过该值时会折叠 number 大于等于 5 且小于等于 15 的奇数	7
-		pagerCount: {
-			type: [Number, String],
-			default: 7
-		},
-		// 当前页数，支持 .sync 修饰符
-		currentPage: {
-			type: [Number, String],
-			default: 1
-		},
-		// 组件布局，子组件名用逗号分隔
-		layout: {
-			type: String,
-			default: 'pager,total,size,jumper'
-		},
-		// 每页显示个数选择器的选项设置
-		pageSizes: {
-			type: [Array, String],
-			default: () => [10, 20, 30, 40, 50, 100]
-		},
-		// 替代图标显示的上一页文字 string
-		prevText: {
-			type: String,
-			default: ''
-		},
-		// 替代图标显示的下一页文字 string
-		nextText: {
-			type: String,
-			default: ''
-		},
-		// 是否禁用	boolean false
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		// 只有一页时是否隐藏
-		hideOnSinglePage: Boolean
-	},
-	data() {
-		return {
-			pageCount_: 0,
-			pageSize_: undefined,
-			currentPage_: 1,
-			pager_: [],
-			jumperPage: '',
-			showPrevMore: false,
-			showNextMore: false
-		};
-	},
-	computed: {
-		cShowInSingle() {
-			return !(this.hideOnSinglePage && Number(this.pageCount_) <= 1) || !this.hideOnSinglePage;
-		},
-		cLayout() {
-			return this.layout.split(',').map(str => str.trim());
-		},
-		cPageSizes() {
-			let pageSizes
-			if (typeof this.pageSizes === 'string') {
-				pageSizes = this.pageSizes.split(',')
-			} else {
-				pageSizes = this.pageSizes
-			}
-			return pageSizes.map(size => ({
-				label: this.t('to.page.pageSize', size),
-				value: Number(size)
-			}));
-		}
-	},
-	watch: {
-		pageSize: {
-			handler(size) {
-				const pageSizes = this.pageSizes || [];
-				if (!pageSizes.includes(size)) {
-					size = pageSizes[0];
-				}
-				this.pageSize_ = size;
-			},
-			immediate: true
-		},
-		currentPage: {
-			handler(currentPage) {
-				this.currentPage_ = currentPage;
-				this.computedPager();
-			},
-			immediate: true
-		},
-		pageCount: {
-			handler(pageCount) {
-				this.pageCount_ = pageCount;
-				this.computedPager();
-			},
-			immediate: true
-		},
-		pagerCount() {
-			this.computedPager();
-		},
-		total() {
-			this.computedPager();
-		}
-	},
-	created() {
-		this.computedPager();
-	},
-	methods: {
-		handleJump() {
-			if (this.disabled) return;
-			if (!this.jumperPage) return;
-			let jump = Number(this.jumperPage);
-			if (jump > Number(this.pageCount_)) jump = Number(this.pageCount_);
-			if (jump < 1) jump = 1;
-			this.jumperPage = '';
-			this.handleCurrentChange(jump);
-		},
-		handleSizeChange(size) {
-			if (this.disabled) return;
-			this.$emit('update:pageSize', size);
-			this.$emit('size-change', size);
-			this.computedPager();
-		},
-		handleCurrentChange(current) {
-			if (this.disabled) return;
-			this.currentPage_ = current;
-			this.$emit('update:currentPage', current);
-			this.$emit('current-change', current);
-			this.computedPager();
-		},
-		handlePagePrev() {
-			if (this.disabled) return;
-			if (this.currentPage_ > 1) {
-				this.currentPage_ -= 1;
-				this.handleCurrentChange(this.currentPage_);
-				this.$emit('prev-click', this.currentPage_);
-				this.computedPager();
-			}
-		},
-		handlePageNext() {
-			if (this.disabled) return;
-			if (this.currentPage_ < Number(this.pageCount_)) {
-				this.currentPage_ += 1;
-				this.handleCurrentChange(this.currentPage_);
-				this.$emit('next-click', this.currentPage_);
-				this.computedPager();
-			}
-		},
-		computedPager() {
-			var pagerCount = this.pagerCount;
-			var halfPagerCount = (Number(pagerCount) - 1) / 2;
-			const pageCount = Number(this.pageCount) || Number(Number(this.total) === 0 ? 1 : Math.ceil(Number(this.total) / Number(this.pageSize_)));
-			const currentPage = Number(this.currentPage_);
-			var showPrevMore = false;
-			var showNextMore = false;
-
-			if (pageCount > Number(pagerCount)) {
-				if (currentPage > Number(pagerCount) - halfPagerCount) {
-					showPrevMore = true;
-				}
-
-				if (currentPage < pageCount - halfPagerCount) {
-					showNextMore = true;
-				}
-			}
-			var array = [];
-
-			if (showPrevMore && !showNextMore) {
-				var startPage = pageCount - (Number(pagerCount) - 2);
-				for (var i = startPage; i < pageCount; i++) {
-					array.push(i);
-				}
-			} else if (!showPrevMore && showNextMore) {
-				for (var _i = 2; _i < Number(pagerCount); _i++) {
-					array.push(_i);
-				}
-			} else if (showPrevMore && showNextMore) {
-				var offset = Math.floor(Number(pagerCount) / 2) - 1;
-				for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
-					array.push(_i2);
-				}
-			} else {
-				for (var _i3 = 2; _i3 < pageCount; _i3++) {
-					array.push(_i3);
-				}
-			}
-
-			this.showPrevMore = showPrevMore;
-			this.showNextMore = showNextMore;
-			this.pageCount_ = pageCount;
-			this.pager_ = array;
-		}
-	}
-};
-</script>
-
-<style>
-/* .to-page .prev + .pager {
-	flex: none !important;
-}
-.to-page .pager {
-	user-select: none;
-}
-
-.to-page .prev,
-.to-page .next {
-	user-select: none;
-	cursor: not-allowed;
-}
-.to-page .pointer {
-	cursor: pointer;
-}
-.to-page .prev.pointer:hover,
-.to-page .next.pointer:hover {
-	background: #ededed;
-} */
-</style>
+<template>
+	<div v-if="cShowInSingle" v-align="align" class="to-page">
+		<template v-for="(layoutType, layoutIndex) in cLayout">
+			<template v-if="layoutType === 'pager'">
+				<div v-if="!type || type === '1'" :key="layoutIndex" class="to-page-item pager">
+					<to-button v-dis="Number(currentPage_) <= 1" :icon="prevText ? '' : 'back'" mode="none" fillet="normal" color="info" @click="handlePagePrev">
+						<template v-if="prevText">{{ prevText }}</template>
+					</to-button>
+					<ul>
+						<li :class="{ on: Number(currentPage_) === 1 }" @click="handleCurrentChange(1)">1</li>
+						<li v-if="showPrevMore" class="ellipsis">...</li>
+						<li v-for="page in pager_" :key="page" :class="{ on: Number(currentPage_) === page }" @click="handleCurrentChange(page)">{{ page }}</li>
+						<li v-if="showNextMore" class="ellipsis">...</li>
+						<li v-if="pageCount_ > 1" :class="{ on: Number(currentPage_) === Number(pageCount_) }" @click="handleCurrentChange(pageCount_)">{{ pageCount_ }}</li>
+					</ul>
+					<to-button v-dis="Number(currentPage_) >= Number(pageCount_)" :icon="nextText ? '' : 'next'" mode="none" fillet="normal" color="info" @click="handlePageNext">
+						<template v-if="nextText">{{ nextText }}</template>
+					</to-button>
+				</div>
+				<div v-if="type === '2' || type === '3' || type === '4' || type === '5'" :key="layoutIndex" class="to-page-item pager">
+					<to-button v-if="type === '2'" v-dis="Number(currentPage_) <= 1" icon="first" mode="none" fillet="normal" color="info" @click="handleCurrentChange(1)"></to-button>
+					<to-button v-dis="Number(currentPage_) <= 1" :icon="prevText ? '' : 'back'" mode="none" fillet="normal" color="info" @click="handlePagePrev">
+						<template v-if="prevText">{{ prevText }}</template>
+					</to-button>
+					<div v-if="type && type !== '5'" class="text">{{ currentPage_ }}<template v-if="type === '2' || type === '3'"> / {{ pageCount_ }}</template></div>
+					<to-button v-dis="Number(currentPage_) >= Number(pageCount_)" :icon="nextText ? '' : 'next'" mode="none" fillet="normal" color="info" @click="handlePageNext">
+						<template v-if="nextText">{{ nextText }}</template>
+					</to-button>
+					<to-button v-if="type === '2'" v-dis="Number(currentPage_) >= Number(pageCount_)" icon="last" mode="none" fillet="normal" color="info" @click="handleCurrentChange(pageCount_)"></to-button>
+				</div>
+			</template>
+			<div v-if="layoutType === 'slot'" :key="layoutIndex" class="slot">
+				<slot></slot>
+			</div>
+			<div v-if="layoutType === 'total'" :key="layoutIndex" class="total">
+				{{ t('to.page.total', total) }}
+			</div>
+			<div v-if="layoutType === 'pageCount'" :key="layoutIndex" class="total">
+				{{ t('to.page.pageCount', pageCount_) }}
+			</div>
+			<div v-if="layoutType === 'size'" :key="layoutIndex" class="to-page-item size">
+				<to-select v-model="pageSize_" v-dis="disabled" mode="none" :clearable="false" :data="cPageSizes" :option-width="10" @change="handleSizeChange"></to-select>
+			</div>
+			<div v-if="layoutType === 'jumper'" :key="layoutIndex" class="to-page-item jumper">
+				<to-input v-model="jumperPage" v-dis="disabled" mode="none" type="number" :placeholder="t('to.page.go')" @keyup.enter="handleJump()">
+					<to-icon value="right" link mode="none" color="primary" @click="handleJump()"></to-icon>
+				</to-input>
+			</div>
+		</template>
+	</div>
+</template>
+<script>
+import Locale from 'ai.touchui-vue/src/mixins/locale'
+export default {
+	name: 'ToPage',
+	componentName: 'ToPage',
+	mixins: [Locale],
+	props: {
+		// 对齐方式
+		align: {
+			type: String,
+			default: ''
+		},
+		// 类型
+		type: {
+			type: String,
+			default: ''
+		},
+		// 页显示条目个数，支持 .sync 修饰符 number — 10
+		pageSize: {
+			type: [Number, String],
+			default: 10
+		},
+		// 总条目数 number
+		total: {
+			type: [Number, String],
+			default: 0
+		},
+		// 总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性
+		pageCount: {
+			type: [Number, String],
+			default: undefined
+		},
+		// 页码按钮的数量，当总页数超过该值时会折叠 number 大于等于 5 且小于等于 15 的奇数	7
+		pagerCount: {
+			type: [Number, String],
+			default: 7
+		},
+		// 当前页数，支持 .sync 修饰符
+		currentPage: {
+			type: [Number, String],
+			default: 1
+		},
+		// 组件布局，子组件名用逗号分隔
+		layout: {
+			type: String,
+			default: 'pager,total,size,jumper'
+		},
+		// 每页显示个数选择器的选项设置
+		pageSizes: {
+			type: [Array, String],
+			default: () => [10, 20, 30, 40, 50, 100]
+		},
+		// 替代图标显示的上一页文字 string
+		prevText: {
+			type: String,
+			default: ''
+		},
+		// 替代图标显示的下一页文字 string
+		nextText: {
+			type: String,
+			default: ''
+		},
+		// 是否禁用	boolean false
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		// 只有一页时是否隐藏
+		hideOnSinglePage: Boolean
+	},
+	data() {
+		return {
+			pageCount_: 0,
+			pageSize_: undefined,
+			currentPage_: 1,
+			pager_: [],
+			jumperPage: '',
+			showPrevMore: false,
+			showNextMore: false
+		};
+	},
+	computed: {
+		cShowInSingle() {
+			return !(this.hideOnSinglePage && Number(this.pageCount_) <= 1) || !this.hideOnSinglePage;
+		},
+		cLayout() {
+			return this.layout.split(',').map(str => str.trim());
+		},
+		cPageSizes() {
+			let pageSizes
+			if (typeof this.pageSizes === 'string') {
+				pageSizes = this.pageSizes.split(',')
+			} else {
+				pageSizes = this.pageSizes
+			}
+			return pageSizes.map(size => ({
+				label: this.t('to.page.pageSize', size),
+				value: Number(size)
+			}));
+		}
+	},
+	watch: {
+		pageSize: {
+			handler(size) {
+				const pageSizes = this.pageSizes || [];
+				if (!pageSizes.includes(size)) {
+					size = pageSizes[0];
+				}
+				this.pageSize_ = size;
+			},
+			immediate: true
+		},
+		currentPage: {
+			handler(currentPage) {
+				this.currentPage_ = currentPage;
+				this.computedPager();
+			},
+			immediate: true
+		},
+		pageCount: {
+			handler(pageCount) {
+				this.pageCount_ = pageCount;
+				this.computedPager();
+			},
+			immediate: true
+		},
+		pagerCount() {
+			this.computedPager();
+		},
+		total() {
+			this.computedPager();
+		}
+	},
+	created() {
+		this.computedPager();
+	},
+	methods: {
+		handleJump() {
+			if (this.disabled) return;
+			if (!this.jumperPage) return;
+			let jump = Number(this.jumperPage);
+			if (jump > Number(this.pageCount_)) jump = Number(this.pageCount_);
+			if (jump < 1) jump = 1;
+			this.jumperPage = '';
+			this.handleCurrentChange(jump);
+		},
+		handleSizeChange(size) {
+			if (this.disabled) return;
+			this.$emit('update:pageSize', size);
+			this.$emit('size-change', size);
+			this.computedPager();
+		},
+		handleCurrentChange(current) {
+			if (this.disabled) return;
+			this.currentPage_ = current;
+			this.$emit('update:currentPage', current);
+			this.$emit('current-change', current);
+			this.computedPager();
+		},
+		handlePagePrev() {
+			if (this.disabled) return;
+			if (this.currentPage_ > 1) {
+				this.currentPage_ -= 1;
+				this.handleCurrentChange(this.currentPage_);
+				this.$emit('prev-click', this.currentPage_);
+				this.computedPager();
+			}
+		},
+		handlePageNext() {
+			if (this.disabled) return;
+			if (this.currentPage_ < Number(this.pageCount_)) {
+				this.currentPage_ += 1;
+				this.handleCurrentChange(this.currentPage_);
+				this.$emit('next-click', this.currentPage_);
+				this.computedPager();
+			}
+		},
+		computedPager() {
+			var pagerCount = this.pagerCount;
+			var halfPagerCount = (Number(pagerCount) - 1) / 2;
+			const pageCount = Number(this.pageCount) || Number(Number(this.total) === 0 ? 1 : Math.ceil(Number(this.total) / Number(this.pageSize_)));
+			const currentPage = Number(this.currentPage_);
+			var showPrevMore = false;
+			var showNextMore = false;
+
+			if (pageCount > Number(pagerCount)) {
+				if (currentPage > Number(pagerCount) - halfPagerCount) {
+					showPrevMore = true;
+				}
+
+				if (currentPage < pageCount - halfPagerCount) {
+					showNextMore = true;
+				}
+			}
+			var array = [];
+
+			if (showPrevMore && !showNextMore) {
+				var startPage = pageCount - (Number(pagerCount) - 2);
+				for (var i = startPage; i < pageCount; i++) {
+					array.push(i);
+				}
+			} else if (!showPrevMore && showNextMore) {
+				for (var _i = 2; _i < Number(pagerCount); _i++) {
+					array.push(_i);
+				}
+			} else if (showPrevMore && showNextMore) {
+				var offset = Math.floor(Number(pagerCount) / 2) - 1;
+				for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
+					array.push(_i2);
+				}
+			} else {
+				for (var _i3 = 2; _i3 < pageCount; _i3++) {
+					array.push(_i3);
+				}
+			}
+
+			this.showPrevMore = showPrevMore;
+			this.showNextMore = showNextMore;
+			this.pageCount_ = pageCount;
+			this.pager_ = array;
+		}
+	}
+};
+</script>
+
+<style>
+/* .to-page .prev + .pager {
+	flex: none !important;
+}
+.to-page .pager {
+	user-select: none;
+}
+
+.to-page .prev,
+.to-page .next {
+	user-select: none;
+	cursor: not-allowed;
+}
+.to-page .pointer {
+	cursor: pointer;
+}
+.to-page .prev.pointer:hover,
+.to-page .next.pointer:hover {
+	background: #ededed;
+} */
+</style>

package/packages/param/index.js

@@ -1,8 +1,8 @@
-import Param from './src/param';
-
-/* istanbul ignore next */
-Param.install = function(Vue) {
-	Vue.component(Param.name, Param);
-};
-
-export default Param;
+import Param from './src/param';
+
+/* istanbul ignore next */
+Param.install = function(Vue) {
+	Vue.component(Param.name, Param);
+};
+
+export default Param;