hzzt-plus 1.0.0 → 1.0.2

package/lib/components/page-size/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/page-size/src/index.vue"],"sourcesContent":["<template>\n  <main\n    :class=\"compKls\"\n    class=\"flex wrap align-items-center justify-content-end\"\n  >\n    <span v-if=\"total > 0 && !isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.total') }}{{ total\n      }}{{ t('hzzt.pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.d') }}{{ modelValue\n      }}{{ t('hzzt.pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"ns.e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('hzzt.pageSize.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"trueSize\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('hzzt.pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"ns.e('pagination')\">\n      <span v-if=\"!isManual\" class=\"margin-l-1 margin-r-2\"\n        >{{ modelValue }}/{{ page }}</span\n      >\n      <el-button\n        v-if=\"page > 2 && modelValue > 2\"\n        type=\"primary\"\n        style=\"margin-right: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(1)\"\n      >\n        <hzzt-icon name=\"d-arrow-left\" />\n      </el-button>\n      <el-input-number\n        v-model=\"innerPage\"\n        class=\"width-2\"\n        :size=\"trueSize\"\n        :min=\"1\"\n        :max=\"page\"\n        @change=\"currentChange\"\n      />\n      <el-button\n        v-if=\"page > 2 && modelValue < page\"\n        type=\"primary\"\n        style=\"margin-left: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(page)\"\n      >\n        <hzzt-icon name=\"d-arrow-right\" />\n      </el-button>\n    </div>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElButton, ElInputNumber, ElSelect } from 'element-plus'\nimport {\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztPageSize',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  pageSize: {\n    type: Number,\n    default: 20,\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  disabled: Boolean,\n  isManual: Boolean,\n  isLastPage: Boolean,\n  pageSizeOptions: {\n    type: Array,\n    default: () => [20, 50, 100, 200, 500, 1000, 2000],\n  },\n  size: useSizeProp,\n})\n\nconst emit = defineEmits([\n  'page-size-change',\n  'update:modelValue',\n  'current-change',\n])\n\nconst sizeValue = ref(props.pageSize)\nconst innerPage = ref(props.modelValue || 0)\nconst { t } = useLocale()\nconst ns = useNamespace('page-size')\n\nconst trueSize = computed(() => props.size || useGlobalSize().value)\n\nconst compKls = computed(() => {\n  return [ns.b(), ns.m(trueSize.value)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize) || 1)\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    sizeValue.value = val\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    innerPage.value = val\n  }\n)\n\nfunction pageSizeChange(size: number) {\n  emit('page-size-change', size)\n}\n\nfunction currentChange(page: number) {\n  emit('update:modelValue', page)\n  emit('current-change', page)\n}\n</script>\n"],"names":["ref","useLocale","useNamespace","computed","useGlobalSize","watch","_resolveComponent","_openBlock","page","_createElementBlock","_toDisplayString","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uCA+Ec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,WAAWC,YAAS,CAAA,MAAM,MAAM,IAAQ,IAAAC,mBAAA,GAAgB,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,QAAA,CAAS,KAAK,CAAC,CAAA,CAAA;AAAA,KACrC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,YAAS,CAAA,MAAM,IAAK,CAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAC,CAAA,CAAA;AAExE,IAAAE,SAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CACZ,CAAC;AACC,IAAAA,SAAA,CAAA,MAAA,KAAkB,CAAA,UAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAA,IAAA,EAAA;AAAA,MACE,uBAAY,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAEV,IAAA,SAAA,aAAkB,CAAA,KAAA,EAAA;AAAA,MACpB,IAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,gBAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,OAAK;AAAwB,MAC/B,MAAA,oBAAA,GAAAC,oBAAA,CAAA,WAAA,CAAA,CAAA;AAEA,MAAA,OAASC,iBAAcC,sBAAc,CAAA,MAAA,EAAA;AACnC,QAAA,2BAA0BA,SAAI,CAAA,OAAA,CAAA,EAAA,kDAAA,CAAA,CAAA;AAC9B,OAAA,EAAA;AAA2B,QAC7B,OAAA,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,IAAAD,aAAA,EAAA,EAAAE,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,mBAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,GAAAD,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAAA,mBAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/page-size/src/index.vue"],"sourcesContent":["<template>\n  <main\n    :class=\"compKls\"\n    class=\"flex wrap align-items-center justify-content-end\"\n  >\n    <span v-if=\"total > 0 && !isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.total') }}{{ total\n      }}{{ t('hzzt.pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.d') }}{{ modelValue\n      }}{{ t('hzzt.pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"ns.e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('hzzt.pageSize.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"trueSize\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('hzzt.pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"ns.e('pagination')\">\n      <span v-if=\"!isManual\" class=\"margin-l-1 margin-r-2\"\n        >{{ modelValue }}/{{ page }}</span\n      >\n      <el-button\n        v-if=\"page > 2 && modelValue > 2\"\n        type=\"primary\"\n        style=\"margin-right: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(1)\"\n      >\n        <hzzt-icon name=\"d-arrow-left\" />\n      </el-button>\n      <el-input-number\n        v-model=\"innerPage\"\n        class=\"width-2\"\n        :size=\"trueSize\"\n        :min=\"1\"\n        :max=\"page\"\n        @change=\"currentChange\"\n      />\n      <el-button\n        v-if=\"page > 2 && modelValue < page\"\n        type=\"primary\"\n        style=\"margin-left: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(page)\"\n      >\n        <hzzt-icon name=\"d-arrow-right\" />\n      </el-button>\n    </div>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElButton, ElInputNumber, ElSelect } from 'element-plus'\nimport {\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztPageSize',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  pageSize: {\n    type: Number,\n    default: 20,\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  disabled: Boolean,\n  isManual: Boolean,\n  isLastPage: Boolean,\n  pageSizeOptions: {\n    type: Array,\n    default: () => [20, 50, 100, 200, 500, 1000, 2000],\n  },\n  size: useSizeProp,\n})\n\nconst emit = defineEmits([\n  'page-size-change',\n  'update:modelValue',\n  'current-change',\n])\n\nconst sizeValue = ref(props.pageSize)\nconst innerPage = ref(props.modelValue || 0)\nconst { t } = useLocale()\nconst ns = useNamespace('page-size')\n\nconst trueSize = computed(() => props.size || useGlobalSize().value)\n\nconst compKls = computed(() => {\n  return [ns.b(), ns.m(trueSize.value)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize) || 1)\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    sizeValue.value = val\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    innerPage.value = val\n  }\n)\n\nfunction pageSizeChange(size: number) {\n  emit('page-size-change', size)\n}\n\nfunction currentChange(page: number | undefined) {\n  emit('update:modelValue', page)\n  emit('current-change', page)\n}\n</script>\n"],"names":["ref","useLocale","useNamespace","computed","useGlobalSize","watch","_resolveComponent","_openBlock","page","_createElementBlock","_toDisplayString","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uCA+Ec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,WAAWC,YAAS,CAAA,MAAM,MAAM,IAAQ,IAAAC,mBAAA,GAAgB,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,QAAA,CAAS,KAAK,CAAC,CAAA,CAAA;AAAA,KACrC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,YAAS,CAAA,MAAM,IAAK,CAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAC,CAAA,CAAA;AAExE,IAAAE,SAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CACZ,CAAC;AACC,IAAAA,SAAA,CAAA,MAAA,KAAkB,CAAA,UAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAA,IAAA,EAAA;AAAA,MACE,uBAAY,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAEV,IAAA,SAAA,aAAkB,CAAA,KAAA,EAAA;AAAA,MACpB,IAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,gBAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,OAAK;AAAwB,MAC/B,MAAA,oBAAA,GAAAC,oBAAA,CAAA,WAAA,CAAA,CAAA;AAEA,MAAA,OAASC,iBAAcC,sBAA0B,CAAA,MAAA,EAAA;AAC/C,QAAA,2BAA0BA,SAAI,CAAA,OAAA,CAAA,EAAA,kDAAA,CAAA,CAAA;AAC9B,OAAA,EAAA;AAA2B,QAC7B,OAAA,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,IAAAD,aAAA,EAAA,EAAAE,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,mBAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,GAAAD,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAAA,mBAAA,CAAAC,SAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}