<!--<template>-->
<!--    <div class="ht-base-page">-->
<!--        <div v-if="showTotal" class="ht-base-total-text">-->
<!--            {{totalFormat}}-->
<!--        </div>-->
<!--        <Page-->
<!--          :total="total"-->
<!--          :current.sync="currents"-->
<!--          :hideOnSinglePage="hideOnSinglePage"-->
<!--          :pageSize="pageSizes"-->
<!--          :page-size-opts="pageSizeOptions"-->
<!--          :prev-text="prevText"-->
<!--          :next-text="nextText"-->
<!--          :show-elevator="showQuickJumper"-->
<!--          :show-sizer="showSizeChanger"-->
<!--          :simple="simple"-->
<!--          :size="size"-->
<!--          @on-change="handleChange"-->
<!--          @on-page-size-change="handleShowSizeChange"-->
<!--        />-->
<!--    </div>-->
<!--</template>-->
<!--<script>-->
<!--    import Page from 'view-design/src/components/page';-->
<!--    export default {-->
<!--        name: 'HtBasePage',-->
<!--        components: {-->
<!--            Page-->
<!--        },-->
<!--        data() {-->
<!--            return {-->
<!--                pageSizes: 10,-->
<!--                currents: 1,-->
<!--            }-->
<!--        },-->
<!--        props: {-->
<!--            total: {-->
<!--                type: Number,-->
<!--                default: 0-->
<!--            },-->
<!--            current: {-->
<!--                type: Number,-->
<!--                default: 1-->
<!--            },-->
<!--            hideOnSinglePage: {-->
<!--                type: Boolean,-->
<!--                default: false-->
<!--            },-->
<!--            pageSize: {-->
<!--                type: Number,-->
<!--                default: 10-->
<!--            },-->
<!--            pageSizeOptions: {-->
<!--                type: Array,-->
<!--                default() {-->
<!--                    return (-->
<!--                        [10, 20, 30, 40]-->
<!--                    )-->
<!--                }-->
<!--            },-->
<!--            prevText: {-->
<!--              type: String-->
<!--            },-->
<!--            nextText: {-->
<!--              type: String-->
<!--            },-->
<!--            showQuickJumper: {-->
<!--                type: Boolean,-->
<!--                default: false-->
<!--            },-->
<!--            showSizeChanger: {-->
<!--                type: Boolean,-->
<!--                default: false-->
<!--            },-->
<!--            simple: {-->
<!--                type: Boolean,-->
<!--            },-->
<!--            size: {-->
<!--                type: String-->
<!--            },-->
<!--            showTotal: {-->
<!--                type: Function-->
<!--            },-->
<!--            itemRender: {}-->
<!--        },-->
<!--        computed: {-->
<!--          totalFormat() {-->
<!--            let total = this.total;-->
<!--            let pageSizes = this.pageSizes;-->
<!--            let currents = this.currents;-->
<!--            let range = [pageSizes * (currents - 1) + 1 ,pageSizes * currents];-->
<!--            return this.showTotal ? this.showTotal(total, range) : ''-->
<!--          }-->
<!--        },-->
<!--        methods: {-->
<!--            handleChange(page) {-->
<!--              this.$emit('on-change', page)-->
<!--            },-->
<!--            handleShowSizeChange(size) {-->
<!--                this.$emit('on-show-size-change', 1, size)-->
<!--            }-->
<!--        },-->
<!--        watch: {-->
<!--            pageSize: {-->
<!--                handler: function (value) {-->
<!--                    return this.pageSizes = value-->
<!--                },-->
<!--                immediate: true-->
<!--            },-->
<!--            current: {-->
<!--                handler: function (value) {-->
<!--                    return this.currents = value-->
<!--                },-->
<!--                immediate: true-->
<!--            }-->
<!--        }-->
<!--    }-->
<!--</script>-->
<script>
    import { Page } from 'view-design'
    import FunctionComponent from '../../../libs/utils/FunctionComponent'
    export default FunctionComponent(Page,'ht-base-page','i')
</script>


