{"version":3,"file":"chunk-d8e7e356.js","sources":["../../../src/widgets/Pagination.svelte"],"sourcesContent":["<script>\n  import {createEventDispatcher} from 'svelte';\n\n  const dispatch = createEventDispatcher();\n\n  export let total;\n  export let current;\n  export let limit = 10;\n  export let type = '';\n  export let model = '';\n  export let returnFirst = false;\n  export let style = \"\"\n\n  $: totalPage = Math.ceil(total / limit);\n  $: pageMid = genMidPage(current, totalPage, model);\n  $: pageList = updataPageList(pageMid, current, totalPage, model);\n  $: updataCurrent(returnFirst);\n\n  function genMidPage(page, totalPage, model) {\n    if (model === 'phone') {\n      let num = page - 1;\n      if (page >= totalPage - 1) {\n        num = totalPage - 3;\n      }\n      if (page <= 3) {\n        num = 2;\n      }\n      const pages = [];\n      for (let i = num; i < num + 3; i++) {\n        pages.push({id: i, text: i, active: goToPage});\n      }\n      return pages;\n    }\n    let num = page - 2;\n    if (page >= totalPage - 3) {\n      num = totalPage - 5;\n    }\n    if (page <= 5) {\n      num = 2;\n    }\n    const pages = [];\n    for (let i = num; i < num + 5; i++) {\n      pages.push({id: i, text: i, active: goToPage});\n    }\n    return pages;\n  }\n\n  function genTotalPage(page) {\n    const pages = [];\n    for (let i = 1; i <= page; i++) {\n      pages.push({id: i, text: i, active: goToPage});\n    }\n    return pages;\n  }\n\n  function updataPageList(pageMid, current, totalPage, model) {\n    if (model === 'phone') {\n      return totalPage > 5 ? genAllPageActive(pageMid, current, totalPage, model) : genTotalPage(totalPage);\n    }\n    return totalPage > 8 ? genAllPageActive(pageMid, current, totalPage) : genTotalPage(totalPage);\n  }\n\n  function updataCurrent(returnFirst) {\n    if (returnFirst) {\n      current = 1;\n    }\n  }\n\n  function genAllPageActive(pageMid, current, totalPage, model) {\n    if (model) {\n      if (current > 3) {\n        pageMid.unshift({id: -1, text: '...', active: goToPage, direction: 'left'});\n      }\n      if (current < totalPage - 2) {\n        pageMid.push({id: -2, text: '...', active: goToPage, direction: 'right'});\n      }\n      pageMid.unshift({text: 1, active: goToPage, id: 1});\n      pageMid.push({id: totalPage, text: totalPage, active: goToPage});\n      return pageMid;\n    }\n    if (current > 5) {\n      pageMid.unshift({id: -1, text: '...', active: goToPage, direction: 'left'});\n    }\n    if (current < totalPage - 3) {\n      pageMid.push({id: -2, text: '...', active: goToPage, direction: 'right'});\n    }\n    pageMid.unshift({text: 1, active: goToPage, id: 1});\n    pageMid.push({id: totalPage, text: totalPage, active: goToPage});\n    return pageMid;\n  }\n\n  function goToPage(item) {\n    let num = item.text ? item.text : item;\n    if (item.direction === 'left') {\n      num = current - 5 <= 1 ? 1 : current - 5;\n    } else if (item.direction === 'right') {\n      num = current + 5 >= totalPage ? totalPage : current + 5;\n    }\n    current = num;\n    dispatch('nextPage', {current: num});\n  }\n</script>\n\n<style>\n  .animationLeft {\n    transform: rotate(90deg);\n  }\n  .animationRight {\n    transform: rotate(270deg);\n  }\n  .arrow {\n    color: #d9d9d9;\n  }\n  li {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: 8px;\n    border-radius: 2px;\n    width: 32px;\n    height: 32px;\n    background: #e5e5e5;\n    color: var(--T3);\n    cursor: pointer;\n  }\n  li:hover,\n  .active {\n    background: var(--blue);\n    color: #fff;\n  }\n  li .arrow {\n    color: var(--T3);\n  }\n  li:hover .arrow {\n    color: var(--blue);\n  }\n  .disabled,\n  .disabled:hover {\n    background: #e5e5e5;\n    color: rgba(0, 0, 0, 0.25);\n    pointer-events: none;\n  }\n  .disabled .arrow {\n    color: rgba(0, 0, 0, 0.25);\n  }\n  .prev:hover,\n  .next:hover {\n    background: #e5e5e5;\n  }\n  .dark {\n    width: 30px;\n    height: 30px;\n    background: #000;\n    color: #e5e5e5;\n  }\n  .dark.prev:hover,\n  .dark.next:hover {\n    background: rgba(0, 0, 0, 0.85);\n  }\n  .dark.active {\n    background: var(--blue);\n    color: #fff;\n  }\n  .dark:hover .arrow {\n    color: rgba(252, 252, 252, 0.5);\n  }\n  .dark .arrow {\n    color: #e5e5e5;\n  }\n  .dark.disabled .arrow {\n    color: var(--T2);\n  }\n</style>\n\n<ul class=\"pagination df fdr acc jcc\" style={style}>\n  <li class=\"prev\" class:disabled={current === 1} class:dark={type === 'dark'} on:click={goToPage(current - 1)}>\n    <i class=\"iconfont arrow ml4 lh12 f12 animationLeft\">&#xe623;</i>\n  </li>\n  {#each pageList as item (item.id)}\n    <li class:active={current === item.text} class:dark={type === 'dark'} on:click={() => item.active(item)}>{item.text}</li>\n  {/each}\n  <li class=\"next\" class:disabled={current === totalPage} class:dark={type === 'dark'} on:click={goToPage(current + 1)}>\n    <i class=\"iconfont arrow ml4 lh12 f12 animationRight\">&#xe623;</i>\n  </li>\n</ul>\n"],"names":["t_value","ctx","toggle_class","li","insert_hydration","target","anchor","dirty","set_data","t","get_key","i","li0","li1","ul","append_hydration","i0","i1","dispatch","createEventDispatcher","total","$$props","current","limit","type","model","returnFirst","style","genMidPage","page","totalPage","num","pages","goToPage","genTotalPage","updataPageList","pageMid","genAllPageActive","updataCurrent","$$invalidate","item","pageList"],"mappings":"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"}