You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
5.0 KiB
1 line
5.0 KiB
{"ast":null,"code":"import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';\nimport '../../../../hooks/index.mjs';\nimport { ElInput } from '../../../input/index.mjs';\nimport { usePagination } from '../usePagination.mjs';\nimport { paginationJumperProps } from './jumper.mjs';\nimport _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';\nimport { useLocale } from '../../../../hooks/use-locale/index.mjs';\nimport { useNamespace } from '../../../../hooks/use-namespace/index.mjs';\nconst __default__ = defineComponent({\n name: \"ElPaginationJumper\"\n});\nconst _sfc_main = /* @__PURE__ */defineComponent({\n ...__default__,\n props: paginationJumperProps,\n setup(__props) {\n const {\n t\n } = useLocale();\n const ns = useNamespace(\"pagination\");\n const {\n pageCount,\n disabled,\n currentPage,\n changeEvent\n } = usePagination();\n const userInput = ref();\n const innerValue = computed(() => {\n var _a;\n return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;\n });\n function handleInput(val) {\n userInput.value = val ? +val : \"\";\n }\n function handleChange(val) {\n val = Math.trunc(+val);\n changeEvent == null ? void 0 : changeEvent(val);\n userInput.value = void 0;\n }\n return (_ctx, _cache) => {\n return openBlock(), createElementBlock(\"span\", {\n class: normalizeClass(unref(ns).e(\"jump\")),\n disabled: unref(disabled)\n }, [createElementVNode(\"span\", {\n class: normalizeClass([unref(ns).e(\"goto\")])\n }, toDisplayString(unref(t)(\"el.pagination.goto\")), 3), createVNode(unref(ElInput), {\n size: _ctx.size,\n class: normalizeClass([unref(ns).e(\"editor\"), unref(ns).is(\"in-pagination\")]),\n min: 1,\n max: unref(pageCount),\n disabled: unref(disabled),\n \"model-value\": unref(innerValue),\n \"validate-event\": false,\n \"aria-label\": unref(t)(\"el.pagination.page\"),\n type: \"number\",\n \"onUpdate:modelValue\": handleInput,\n onChange: handleChange\n }, null, 8, [\"size\", \"class\", \"max\", \"disabled\", \"model-value\", \"aria-label\"]), createElementVNode(\"span\", {\n class: normalizeClass([unref(ns).e(\"classifier\")])\n }, toDisplayString(unref(t)(\"el.pagination.pageClassifier\")), 3)], 10, [\"disabled\"]);\n };\n }\n});\nvar Jumper = /* @__PURE__ */_export_sfc(_sfc_main, [[\"__file\", \"jumper.vue\"]]);\nexport { Jumper as default };","map":{"version":3,"names":["name","t","useLocale","ns","useNamespace","pageCount","disabled","currentPage","changeEvent","usePagination","userInput","ref","innerValue","computed","_a","value","handleInput","val","handleChange","Math","trunc"],"sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n <el-input\n :size=\"size\"\n :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n :min=\"1\"\n :max=\"pageCount\"\n :disabled=\"disabled\"\n :model-value=\"innerValue\"\n :validate-event=\"false\"\n :aria-label=\"t('el.pagination.page')\"\n type=\"number\"\n @update:model-value=\"handleInput\"\n @change=\"handleChange\"\n />\n <span :class=\"[ns.e('classifier')]\">{{\n t('el.pagination.pageClassifier')\n }}</span>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n val = Math.trunc(+val)\n changeEvent?.(val)\n userInput.value = undefined\n}\n</script>\n"],"mappings":";;;;;;;;mCA6Bc;EACZA,IAAM;AACR;;;;;IAGM;MAAEC;IAAE,IAAIC,SAAU;IAClB,MAAAC,EAAA,GAAKC,YAAA,CAAa,YAAY;IACpC,MAAM;MAAEC,SAAW;MAAAC,QAAA;MAAUC,WAAa;MAAAC;IAAA,IAAgBC,aAAc;IACxE,MAAMC,SAAA,GAAYC,GAAqB;IACvC,MAAMC,UAAA,GAAaC,QAAS,OAAM;MAElC,IAAAC,EAAA;MACY,QAAAA,EAAA,GAAAJ,SAAc,CAAAK,KAAO,YAAAD,EAAA,GAAAP,WAAA,oBAAAA,WAAA,CAAAQ,KAAA;IAAA,CACjC;IAEA,SAASC,YAAAC,GAAmC;MACpCP,SAAA,CAAAK,KAAW,GAACE,GAAG,IAAAA,GAAA;IACrB;IACA,SAAAC,YAAkBA,CAAAD,GAAA;MACpBA,GAAA,GAAAE,IAAA,CAAAC,KAAA,EAAAH,GAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |