vxe-pc-ui 0.0.2 → 0.1.0

package/lib/pager/src/pager.js

@@ -0,0 +1,593 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _iconStore = _interopRequireDefault(require("../../ui/src/iconStore"));
+var _select = _interopRequireDefault(require("../../select"));
+var _event = require("../../ui/src/event");
+var _i18n = require("../../ui/src/i18n");
+var _size = require("../../hooks/size");
+var _log = require("../../ui/src/log");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxePager',
+  props: {
+    size: {
+      type: String,
+      default: () => _globalStore.default.pager.size || _globalStore.default.size
+    },
+    // 自定义布局
+    layouts: {
+      type: Array,
+      default: () => _globalStore.default.pager.layouts || ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
+    },
+    // 当前页
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+    // 加载中
+    loading: Boolean,
+    // 每页大小
+    pageSize: {
+      type: Number,
+      default: () => _globalStore.default.pager.pageSize || 10
+    },
+    // 总条数
+    total: {
+      type: Number,
+      default: 0
+    },
+    // 显示页码按钮的数量
+    pagerCount: {
+      type: Number,
+      default: () => _globalStore.default.pager.pagerCount || 7
+    },
+    // 每页大小选项列表
+    pageSizes: {
+      type: Array,
+      default: () => _globalStore.default.pager.pageSizes || [10, 15, 20, 50, 100]
+    },
+    // 列对其方式
+    align: {
+      type: String,
+      default: () => _globalStore.default.pager.align
+    },
+    // 带边框
+    border: {
+      type: Boolean,
+      default: () => _globalStore.default.pager.border
+    },
+    // 带背景颜色
+    background: {
+      type: Boolean,
+      default: () => _globalStore.default.pager.background
+    },
+    // 配套的样式
+    perfect: {
+      type: Boolean,
+      default: () => _globalStore.default.pager.perfect
+    },
+    // 当只有一页时隐藏
+    autoHidden: {
+      type: Boolean,
+      default: () => _globalStore.default.pager.autoHidden
+    },
+    transfer: {
+      type: Boolean,
+      default: () => _globalStore.default.pager.transfer
+    },
+    className: [String, Function],
+    // 自定义图标
+    iconPrevPage: String,
+    iconJumpPrev: String,
+    iconJumpNext: String,
+    iconNextPage: String,
+    iconJumpMore: String,
+    iconHomePage: String,
+    iconEndPage: String
+  },
+  emits: ['update:pageSize', 'update:currentPage', 'page-change'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const computeSize = (0, _size.useSize)(props);
+    const $xegrid = (0, _vue.inject)('$xegrid', null);
+    const reactData = (0, _vue.reactive)({
+      inpCurrPage: props.currentPage
+    });
+    const refElem = (0, _vue.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xepager = {
+      xID,
+      props,
+      context,
+      getRefMaps: () => refMaps
+    };
+    let pagerMethods = {};
+    let pagerPrivateMethods = {};
+    const getPageCount = (total, size) => {
+      return Math.max(Math.ceil(total / size), 1);
+    };
+    const computePageCount = (0, _vue.computed)(() => {
+      return getPageCount(props.total, props.pageSize);
+    });
+    const jumpPageEvent = (evnt, currentPage) => {
+      emit('update:currentPage', currentPage);
+      if (evnt && currentPage !== props.currentPage) {
+        pagerMethods.dispatchEvent('page-change', {
+          type: 'current',
+          pageSize: props.pageSize,
+          currentPage
+        }, evnt);
+      }
+    };
+    const changeCurrentPage = (currentPage, evnt) => {
+      emit('update:currentPage', currentPage);
+      if (evnt && currentPage !== props.currentPage) {
+        pagerMethods.dispatchEvent('page-change', {
+          type: 'current',
+          pageSize: props.pageSize,
+          currentPage
+        }, evnt);
+      }
+    };
+    const triggerJumpEvent = evnt => {
+      const inputElem = evnt.target;
+      const inpValue = _xeUtils.default.toInteger(inputElem.value);
+      const pageCount = computePageCount.value;
+      const current = inpValue <= 0 ? 1 : inpValue >= pageCount ? pageCount : inpValue;
+      const currPage = _xeUtils.default.toValueString(current);
+      inputElem.value = currPage;
+      reactData.inpCurrPage = currPage;
+      changeCurrentPage(current, evnt);
+    };
+    const computeNumList = (0, _vue.computed)(() => {
+      const {
+        pagerCount
+      } = props;
+      const pageCount = computePageCount.value;
+      const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
+      const rest = [];
+      for (let index = 0; index < len; index++) {
+        rest.push(index);
+      }
+      return rest;
+    });
+    const computeOffsetNumber = (0, _vue.computed)(() => {
+      return Math.floor((props.pagerCount - 2) / 2);
+    });
+    const computeSizeList = (0, _vue.computed)(() => {
+      return props.pageSizes.map(item => {
+        if (_xeUtils.default.isNumber(item)) {
+          return {
+            value: item,
+            label: `${(0, _i18n.getI18n)('vxe.pager.pagesize', [item])}`
+          };
+        }
+        return {
+          value: '',
+          label: '',
+          ...item
+        };
+      });
+    });
+    const handleHomePage = evnt => {
+      const {
+        currentPage
+      } = props;
+      if (currentPage > 1) {
+        changeCurrentPage(1, evnt);
+      }
+    };
+    const handleEndPage = evnt => {
+      const {
+        currentPage
+      } = props;
+      const pageCount = computePageCount.value;
+      if (currentPage < pageCount) {
+        changeCurrentPage(pageCount, evnt);
+      }
+    };
+    const handlePrevPage = evnt => {
+      const {
+        currentPage
+      } = props;
+      const pageCount = computePageCount.value;
+      if (currentPage > 1) {
+        changeCurrentPage(Math.min(pageCount, Math.max(currentPage - 1, 1)), evnt);
+      }
+    };
+    const handleNextPage = evnt => {
+      const {
+        currentPage
+      } = props;
+      const pageCount = computePageCount.value;
+      if (currentPage < pageCount) {
+        changeCurrentPage(Math.min(pageCount, currentPage + 1), evnt);
+      }
+    };
+    const handlePrevJump = evnt => {
+      const numList = computeNumList.value;
+      changeCurrentPage(Math.max(props.currentPage - numList.length, 1), evnt);
+    };
+    const handleNextJump = evnt => {
+      const pageCount = computePageCount.value;
+      const numList = computeNumList.value;
+      changeCurrentPage(Math.min(props.currentPage + numList.length, pageCount), evnt);
+    };
+    const pageSizeEvent = params => {
+      const {
+        value
+      } = params;
+      const pageSize = _xeUtils.default.toNumber(value);
+      const pageCount = getPageCount(props.total, pageSize);
+      let currentPage = props.currentPage;
+      if (currentPage > pageCount) {
+        currentPage = pageCount;
+        emit('update:currentPage', pageCount);
+      }
+      emit('update:pageSize', pageSize);
+      pagerMethods.dispatchEvent('page-change', {
+        type: 'size',
+        pageSize,
+        currentPage
+      });
+    };
+    const jumpInputEvent = evnt => {
+      const inputElem = evnt.target;
+      reactData.inpCurrPage = inputElem.value;
+    };
+    const jumpKeydownEvent = evnt => {
+      if ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ENTER)) {
+        triggerJumpEvent(evnt);
+      } else if ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_UP)) {
+        evnt.preventDefault();
+        handleNextPage(evnt);
+      } else if ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_DOWN)) {
+        evnt.preventDefault();
+        handlePrevPage(evnt);
+      }
+    };
+    // 第一页
+    const renderHomePage = () => {
+      return (0, _vue.h)('button', {
+        class: ['vxe-pager--prev-btn', {
+          'is--disabled': props.currentPage <= 1
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.homePageTitle'),
+        onClick: handleHomePage
+      }, [(0, _vue.h)('i', {
+        class: ['vxe-pager--btn-icon', props.iconHomePage || _iconStore.default.PAGER_HOME]
+      })]);
+    };
+    // 上一页
+    const renderPrevPage = () => {
+      return (0, _vue.h)('button', {
+        class: ['vxe-pager--prev-btn', {
+          'is--disabled': props.currentPage <= 1
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.prevPageTitle'),
+        onClick: handlePrevPage
+      }, [(0, _vue.h)('i', {
+        class: ['vxe-pager--btn-icon', props.iconPrevPage || _iconStore.default.PAGER_PREV_PAGE]
+      })]);
+    };
+    // 向上翻页
+    const renderPrevJump = tagName => {
+      return (0, _vue.h)(tagName || 'button', {
+        class: ['vxe-pager--jump-prev', {
+          'is--fixed': !tagName,
+          'is--disabled': props.currentPage <= 1
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.prevJumpTitle'),
+        onClick: handlePrevJump
+      }, [tagName ? (0, _vue.h)('i', {
+        class: ['vxe-pager--jump-more-icon', props.iconJumpMore || _iconStore.default.PAGER_JUMP_MORE]
+      }) : null, (0, _vue.h)('i', {
+        class: ['vxe-pager--jump-icon', props.iconJumpPrev || _iconStore.default.PAGER_JUMP_PREV]
+      })]);
+    };
+    // 向下翻页
+    const renderNextJump = tagName => {
+      const pageCount = computePageCount.value;
+      return (0, _vue.h)(tagName || 'button', {
+        class: ['vxe-pager--jump-next', {
+          'is--fixed': !tagName,
+          'is--disabled': props.currentPage >= pageCount
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.nextJumpTitle'),
+        onClick: handleNextJump
+      }, [tagName ? (0, _vue.h)('i', {
+        class: ['vxe-pager--jump-more-icon', props.iconJumpMore || _iconStore.default.PAGER_JUMP_MORE]
+      }) : null, (0, _vue.h)('i', {
+        class: ['vxe-pager--jump-icon', props.iconJumpNext || _iconStore.default.PAGER_JUMP_NEXT]
+      })]);
+    };
+    // 下一页
+    const renderNextPage = () => {
+      const pageCount = computePageCount.value;
+      return (0, _vue.h)('button', {
+        class: ['vxe-pager--next-btn', {
+          'is--disabled': props.currentPage >= pageCount
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.nextPageTitle'),
+        onClick: handleNextPage
+      }, [(0, _vue.h)('i', {
+        class: ['vxe-pager--btn-icon', props.iconNextPage || _iconStore.default.PAGER_NEXT_PAGE]
+      })]);
+    };
+    // 最后一页
+    const renderEndPage = () => {
+      const pageCount = computePageCount.value;
+      return (0, _vue.h)('button', {
+        class: ['vxe-pager--prev-btn', {
+          'is--disabled': props.currentPage >= pageCount
+        }],
+        type: 'button',
+        title: (0, _i18n.getI18n)('vxe.pager.endPageTitle'),
+        onClick: handleEndPage
+      }, [(0, _vue.h)('i', {
+        class: ['vxe-pager--btn-icon', props.iconEndPage || _iconStore.default.PAGER_END]
+      })]);
+    };
+    // 页数
+    const renderNumber = showJump => {
+      const {
+        currentPage,
+        pagerCount
+      } = props;
+      const nums = [];
+      const pageCount = computePageCount.value;
+      const numList = computeNumList.value;
+      const offsetNumber = computeOffsetNumber.value;
+      const isOv = pageCount > pagerCount;
+      const isLt = isOv && currentPage > offsetNumber + 1;
+      const isGt = isOv && currentPage < pageCount - offsetNumber;
+      let startNumber = 1;
+      if (isOv) {
+        if (currentPage >= pageCount - offsetNumber) {
+          startNumber = Math.max(pageCount - numList.length + 1, 1);
+        } else {
+          startNumber = Math.max(currentPage - offsetNumber, 1);
+        }
+      }
+      if (showJump && isLt) {
+        nums.push((0, _vue.h)('button', {
+          class: 'vxe-pager--num-btn',
+          type: 'button',
+          onClick: evnt => jumpPageEvent(evnt, 1)
+        }, 1), renderPrevJump('span'));
+      }
+      numList.forEach((item, index) => {
+        const number = startNumber + index;
+        if (number <= pageCount) {
+          nums.push((0, _vue.h)('button', {
+            key: number,
+            class: ['vxe-pager--num-btn', {
+              'is--active': currentPage === number
+            }],
+            type: 'button',
+            onClick: evnt => jumpPageEvent(evnt, number)
+          }, number));
+        }
+      });
+      if (showJump && isGt) {
+        nums.push(renderNextJump('button'), (0, _vue.h)('button', {
+          class: 'vxe-pager--num-btn',
+          type: 'button',
+          onClick: evnt => jumpPageEvent(evnt, pageCount)
+        }, pageCount));
+      }
+      return (0, _vue.h)('span', {
+        class: 'vxe-pager--btn-wrapper'
+      }, nums);
+    };
+    // jumpNumber
+    const renderJumpNumber = () => {
+      return renderNumber(true);
+    };
+    // sizes
+    const renderSizes = () => {
+      const sizeList = computeSizeList.value;
+      return (0, _vue.h)(_select.default, {
+        class: 'vxe-pager--sizes',
+        modelValue: props.pageSize,
+        placement: 'top',
+        transfer: props.transfer,
+        options: sizeList,
+        onChange: pageSizeEvent
+      });
+    };
+    // Jump
+    const renderJump = isFull => {
+      return (0, _vue.h)('span', {
+        class: 'vxe-pager--jump'
+      }, [isFull ? (0, _vue.h)('span', {
+        class: 'vxe-pager--goto-text'
+      }, (0, _i18n.getI18n)('vxe.pager.goto')) : null, (0, _vue.h)('input', {
+        class: 'vxe-pager--goto',
+        value: reactData.inpCurrPage,
+        type: 'text',
+        autocomplete: 'off',
+        onInput: jumpInputEvent,
+        onKeydown: jumpKeydownEvent,
+        onBlur: triggerJumpEvent
+      }), isFull ? (0, _vue.h)('span', {
+        class: 'vxe-pager--classifier-text'
+      }, (0, _i18n.getI18n)('vxe.pager.pageClassifier')) : null]);
+    };
+    // FullJump
+    const renderFullJump = () => {
+      return renderJump(true);
+    };
+    // PageCount
+    const renderPageCount = () => {
+      const pageCount = computePageCount.value;
+      return (0, _vue.h)('span', {
+        class: 'vxe-pager--count'
+      }, [(0, _vue.h)('span', {
+        class: 'vxe-pager--separator'
+      }), (0, _vue.h)('span', pageCount)]);
+    };
+    // total
+    const renderTotal = () => {
+      return (0, _vue.h)('span', {
+        class: 'vxe-pager--total'
+      }, (0, _i18n.getI18n)('vxe.pager.total', [props.total]));
+    };
+    pagerMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $pager: $xepager,
+          $event: evnt
+        }, params));
+      },
+      homePage() {
+        handleHomePage();
+        return (0, _vue.nextTick)();
+      },
+      endPage() {
+        handleEndPage();
+        return (0, _vue.nextTick)();
+      },
+      prevPage() {
+        handlePrevPage();
+        return (0, _vue.nextTick)();
+      },
+      nextPage() {
+        handleNextPage();
+        return (0, _vue.nextTick)();
+      },
+      prevJump() {
+        handlePrevJump();
+        return (0, _vue.nextTick)();
+      },
+      nextJump() {
+        handleNextJump();
+        return (0, _vue.nextTick)();
+      }
+    };
+    pagerPrivateMethods = {
+      handlePrevPage,
+      handleNextPage,
+      handlePrevJump,
+      handleNextJump
+    };
+    Object.assign($xepager, pagerMethods, pagerPrivateMethods);
+    (0, _vue.watch)(() => props.currentPage, value => {
+      reactData.inpCurrPage = value;
+    });
+    const renderVN = () => {
+      const {
+        align,
+        layouts,
+        className
+      } = props;
+      const childNodes = [];
+      const vSize = computeSize.value;
+      const pageCount = computePageCount.value;
+      if (slots.left) {
+        childNodes.push((0, _vue.h)('span', {
+          class: 'vxe-pager--left-wrapper'
+        }, slots.left({
+          $grid: $xegrid
+        })));
+      }
+      layouts.forEach(name => {
+        let renderFn;
+        switch (name) {
+          case 'Home':
+            renderFn = renderHomePage;
+            break;
+          case 'PrevJump':
+            renderFn = renderPrevJump;
+            break;
+          case 'PrevPage':
+            renderFn = renderPrevPage;
+            break;
+          case 'Number':
+            renderFn = renderNumber;
+            break;
+          case 'JumpNumber':
+            renderFn = renderJumpNumber;
+            break;
+          case 'NextPage':
+            renderFn = renderNextPage;
+            break;
+          case 'NextJump':
+            renderFn = renderNextJump;
+            break;
+          case 'End':
+            renderFn = renderEndPage;
+            break;
+          case 'Sizes':
+            renderFn = renderSizes;
+            break;
+          case 'FullJump':
+            renderFn = renderFullJump;
+            break;
+          case 'Jump':
+            renderFn = renderJump;
+            break;
+          case 'PageCount':
+            renderFn = renderPageCount;
+            break;
+          case 'Total':
+            renderFn = renderTotal;
+            break;
+        }
+        if (renderFn) {
+          childNodes.push(renderFn());
+        } else {
+          if (process.env.NODE_ENV === 'development') {
+            (0, _log.errLog)('vxe.error.notProp', [`layouts -> ${name}`]);
+          }
+        }
+      });
+      if (slots.right) {
+        childNodes.push((0, _vue.h)('span', {
+          class: 'vxe-pager--right-wrapper'
+        }, slots.right({
+          $grid: $xegrid
+        })));
+      }
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-pager', className ? _xeUtils.default.isFunction(className) ? className({
+          $pager: $xepager
+        }) : className : '', {
+          [`size--${vSize}`]: vSize,
+          [`align--${align}`]: align,
+          'is--border': props.border,
+          'is--background': props.background,
+          'is--perfect': props.perfect,
+          'is--hidden': props.autoHidden && pageCount === 1,
+          'is--loading': props.loading
+        }]
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-pager--wrapper'
+      }, childNodes)]);
+    };
+    $xepager.renderVN = renderVN;
+    return $xepager;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/pager/src/pager.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_select=_interopRequireDefault(require("../../select")),_event=require("../../ui/src/event"),_i18n=require("../../ui/src/i18n"),_size=require("../../hooks/size"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:()=>_globalStore.default.pager.size||_globalStore.default.size},layouts:{type:Array,default:()=>_globalStore.default.pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:()=>_globalStore.default.pager.pageSize||10},total:{type:Number,default:0},pagerCount:{type:Number,default:()=>_globalStore.default.pager.pagerCount||7},pageSizes:{type:Array,default:()=>_globalStore.default.pager.pageSizes||[10,15,20,50,100]},align:{type:String,default:()=>_globalStore.default.pager.align},border:{type:Boolean,default:()=>_globalStore.default.pager.border},background:{type:Boolean,default:()=>_globalStore.default.pager.background},perfect:{type:Boolean,default:()=>_globalStore.default.pager.perfect},autoHidden:{type:Boolean,default:()=>_globalStore.default.pager.autoHidden},transfer:{type:Boolean,default:()=>_globalStore.default.pager.transfer},className:[String,Function],iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String,iconHomePage:String,iconEndPage:String},emits:["update:pageSize","update:currentPage","page-change"],setup(s,e){const{slots:l,emit:r}=e;var t=_xeUtils.default.uniqueId();const i=(0,_size.useSize)(s),o=(0,_vue.inject)("$xegrid",null),u=(0,_vue.reactive)({inpCurrPage:s.currentPage}),p=(0,_vue.ref)(),a={refElem:p},g={xID:t,props:s,context:e,getRefMaps:()=>a};let n={};const v=(e,t)=>Math.max(Math.ceil(e/t),1),c=(0,_vue.computed)(()=>v(s.total,s.pageSize)),_=(e,t)=>{r("update:currentPage",t),e&&t!==s.currentPage&&n.dispatchEvent("page-change",{type:"current",pageSize:s.pageSize,currentPage:t},e)},d=(e,t)=>{r("update:currentPage",e),t&&e!==s.currentPage&&n.dispatchEvent("page-change",{type:"current",pageSize:s.pageSize,currentPage:e},t)},x=e=>{var t=e.target,a=_xeUtils.default.toInteger(t.value),r=c.value,r=a<=0?1:r<=a?r:a,a=_xeUtils.default.toValueString(r);t.value=a,u.inpCurrPage=a,d(r,e)},P=(0,_vue.computed)(()=>{var e=s["pagerCount"],t=e<c.value?e-2:e,a=[];for(let e=0;e<t;e++)a.push(e);return a}),b=(0,_vue.computed)(()=>Math.floor((s.pagerCount-2)/2)),f=(0,_vue.computed)(()=>s.pageSizes.map(e=>_xeUtils.default.isNumber(e)?{value:e,label:""+(0,_i18n.getI18n)("vxe.pager.pagesize",[e])}:{value:"",label:"",...e})),h=e=>{var t=s["currentPage"];1<t&&d(1,e)},m=e=>{var t=s["currentPage"],a=c.value;t<a&&d(a,e)},S=e=>{var t=s["currentPage"],a=c.value;1<t&&d(Math.min(a,Math.max(t-1,1)),e)},E=e=>{var t=s["currentPage"],a=c.value;t<a&&d(Math.min(a,t+1),e)},y=e=>{var t=P.value;d(Math.max(s.currentPage-t.length,1),e)},k=e=>{var t=c.value,a=P.value;d(Math.min(s.currentPage+a.length,t),e)},N=e=>{var e=e["value"],e=_xeUtils.default.toNumber(e),t=v(s.total,e);let a=s.currentPage;a>t&&(a=t,r("update:currentPage",t)),r("update:pageSize",e),n.dispatchEvent("page-change",{type:"size",pageSize:e,currentPage:a})},z=e=>{e=e.target;u.inpCurrPage=e.value},J=e=>{(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)?x(e):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)?(e.preventDefault(),E(e)):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)&&(e.preventDefault(),S(e))},C=()=>(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage<=1}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.homePageTitle"),onClick:h},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconHomePage||_iconStore.default.PAGER_HOME]})]),M=()=>(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage<=1}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.prevPageTitle"),onClick:S},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconPrevPage||_iconStore.default.PAGER_PREV_PAGE]})]),R=e=>(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":s.currentPage<=1}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.prevJumpTitle"),onClick:y},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",s.iconJumpMore||_iconStore.default.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",s.iconJumpPrev||_iconStore.default.PAGER_JUMP_PREV]})]),T=e=>{var t=c.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":s.currentPage>=t}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.nextJumpTitle"),onClick:k},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",s.iconJumpMore||_iconStore.default.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",s.iconJumpNext||_iconStore.default.PAGER_JUMP_NEXT]})])},q=()=>{var e=c.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":s.currentPage>=e}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.nextPageTitle"),onClick:E},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconNextPage||_iconStore.default.PAGER_NEXT_PAGE]})])},U=()=>{var e=c.value;return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage>=e}],type:"button",title:(0,_i18n.getI18n)("vxe.pager.endPageTitle"),onClick:m},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconEndPage||_iconStore.default.PAGER_END]})])},A=e=>{const{currentPage:r,pagerCount:t}=s,u=[],n=c.value;var a=P.value,l=b.value,i=n>t,o=i&&r>l+1,p=i&&r<n-l;let g=1;return i&&(g=r>=n-l?Math.max(n-a.length+1,1):Math.max(r-l,1)),e&&o&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>_(e,1)},1),R("span")),a.forEach((e,t)=>{const a=g+t;a<=n&&u.push((0,_vue.h)("button",{key:a,class:["vxe-pager--num-btn",{"is--active":r===a}],type:"button",onClick:e=>_(e,a)},a))}),e&&p&&u.push(T("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>_(e,n)},n)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},j=()=>A(!0),D=()=>{var e=f.value;return(0,_vue.h)(_select.default,{class:"vxe-pager--sizes",modelValue:s.pageSize,placement:"top",transfer:s.transfer,options:e,onChange:N})},I=e=>(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},(0,_i18n.getI18n)("vxe.pager.goto")):null,(0,_vue.h)("input",{class:"vxe-pager--goto",value:u.inpCurrPage,type:"text",autocomplete:"off",onInput:z,onKeydown:J,onBlur:x}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},(0,_i18n.getI18n)("vxe.pager.pageClassifier")):null]),V=()=>I(!0),G=()=>{var e=c.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])},O=()=>(0,_vue.h)("span",{class:"vxe-pager--total"},(0,_i18n.getI18n)("vxe.pager.total",[s.total]));n={dispatchEvent(e,t,a){r(e,Object.assign({$pager:g,$event:a},t))},homePage(){return h(),(0,_vue.nextTick)()},endPage(){return m(),(0,_vue.nextTick)()},prevPage(){return S(),(0,_vue.nextTick)()},nextPage(){return E(),(0,_vue.nextTick)()},prevJump(){return y(),(0,_vue.nextTick)()},nextJump(){return k(),(0,_vue.nextTick)()}},t={handlePrevPage:S,handleNextPage:E,handlePrevJump:y,handleNextJump:k},Object.assign(g,n,t),(0,_vue.watch)(()=>s.currentPage,e=>{u.inpCurrPage=e});return g.renderVN=()=>{var{align:e,layouts:t,className:a}=s;const r=[];var u=i.value,n=c.value;return l.left&&r.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},l.left({$grid:o}))),t.forEach(e=>{let t;switch(e){case"Home":t=C;break;case"PrevJump":t=R;break;case"PrevPage":t=M;break;case"Number":t=A;break;case"JumpNumber":t=j;break;case"NextPage":t=q;break;case"NextJump":t=T;break;case"End":t=U;break;case"Sizes":t=D;break;case"FullJump":t=V;break;case"Jump":t=I;break;case"PageCount":t=G;break;case"Total":t=O}t?r.push(t()):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}),l.right&&r.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},l.right({$grid:o}))),(0,_vue.h)("div",{ref:p,class:["vxe-pager",a?_xeUtils.default.isFunction(a)?a({$pager:g}):a:"",{["size--"+u]:u,["align--"+e]:e,"is--border":s.border,"is--background":s.background,"is--perfect":s.perfect,"is--hidden":s.autoHidden&&1===n,"is--loading":s.loading}]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},r)])},g},render(){return this.renderVN()}});

package/lib/pager/style/index.js

@@ -0,0 +1 @@
+require('./style.css')