various-ui
Version:
This is a test version of the Vue 3 component library
1 lines • 3.25 kB
Source Map (JSON)
{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/pagination/default/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiPagination\" });\n</script>\n<template>\r\n <div class=\"ui-pagination\" v-if=\"total\">\r\n <!-- * 分页信息 -->\r\n <div class=\"ui-pagination-items\" v-if=\"items\">\r\n <slot name=\"items\" :page=\"modelValue\" :limit=\"limit\" :total=\"total\" :count=\"count\">{{ info }}</slot>\r\n </div>\r\n\r\n <!-- * 分页控制器 -->\r\n <div class=\"ui-pagination-controls\">\r\n <!-- * 后退控制器 -->\r\n <div class=\"ui-pagination-control ui-next\" @click=\"back\" :class=\"{ 'ui-disabled-status': modelValue <= 1 }\">\r\n <slot name=\"arrow\">\r\n <UiIcon name=\"arrow\" />\r\n </slot>\r\n </div>\r\n\r\n <template v-for=\"control in controls\" :key=\"control.type + control.value\">\r\n <!-- * 跳跃控制器 -->\r\n <div v-if=\"control.type == 'skip'\" class=\"ui-pagination-control\" @click=\"switchNumber(modelValue + skip * control.value)\">...</div>\r\n <!-- * 选择控制器 -->\r\n <div v-else class=\"ui-pagination-control\" :class=\"{ 'ui-active': control.active }\" @click=\"switchNumber(control.value)\">\r\n {{ control.value }}\r\n </div>\r\n </template>\r\n\r\n <!-- * 前进控制器 -->\r\n <div class=\"ui-pagination-control ui-back\" @click=\"next\" :class=\"{ 'ui-disabled-status': modelValue >= total }\">\r\n <slot name=\"arrow\">\r\n <UiIcon name=\"arrow\" />\r\n </slot>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 组件引入\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\n//* 函数引入\r\nimport { UiPaginationEmits, UiPaginationPropsOption } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 注册组件CTX\r\nconst define = defineProps(UiPaginationPropsOption);\r\nconst emits = defineEmits(UiPaginationEmits);\r\n\r\n//* 组合函数\r\nconst { computeds, methods } = useComposable(define, emits);\r\nconst { controls, total, info } = computeds;\r\nconst { switchNumber, next, back } = methods;\r\n\r\n//* 声明组件配置\r\ndefineExpose({ switchNumber, next, back });\r\n;\r\n</script>\r\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,gBAAgB,CAAA,CAAA;;;;;;AA8C9E,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AACf,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,aAAA,CAAc,QAAQ,KAAK,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,QAAA,EAAU,KAAO,EAAA,IAAA,EAAS,GAAA,SAAA,CAAA;AAClC,IAAA,MAAM,EAAE,YAAA,EAAc,IAAM,EAAA,IAAA,EAAS,GAAA,OAAA,CAAA;AAGrC,IAAA,QAAA,CAAa,EAAE,YAAA,EAAc,IAAM,EAAA,IAAA,EAAM,CAAA,CAAA;AACzC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}