hzzt-plus 0.0.2-dev06 → 0.0.2-dev07

package/dist/index.full.mjs

@@ -20419,7 +20419,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("pageSize.page")), 1)) : createCommentVNode("v-if", true),
         __props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
           key: 2,
-          class: normalizeClass([_ctx.e("option"), "flex align-items-center"])
+          class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
         }, [
           createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("lang.per_page")), 1),
           createVNode(unref(ElSelect), {
@@ -20444,7 +20444,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)) : createCommentVNode("v-if", true),
         unref(page) > 1 || __props.isManual ? (openBlock(), createElementBlock("div", {
           key: 3,
-          class: normalizeClass(_ctx.e("pagination"))
+          class: normalizeClass(unref(ns).e("pagination"))
         }, [
           !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.modelValue) + "/" + toDisplayString(unref(page)), 1)) : createCommentVNode("v-if", true),
           unref(page) > 2 && __props.modelValue > 2 ? (openBlock(), createBlock(unref(ElButton), {

package/es/components/page-size/src/index.mjs

@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("pageSize.page")), 1)) : createCommentVNode("v-if", true),
         __props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
           key: 2,
-          class: normalizeClass([_ctx.e("option"), "flex align-items-center"])
+          class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
         }, [
           createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("lang.per_page")), 1),
           createVNode(unref(ElSelect), {
@@ -109,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)) : createCommentVNode("v-if", true),
         unref(page) > 1 || __props.isManual ? (openBlock(), createElementBlock("div", {
           key: 3,
-          class: normalizeClass(_ctx.e("pagination"))
+          class: normalizeClass(unref(ns).e("pagination"))
         }, [
           !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.modelValue) + "/" + toDisplayString(unref(page)), 1)) : createCommentVNode("v-if", true),
           unref(page) > 2 && __props.modelValue > 2 ? (openBlock(), createBlock(unref(ElButton), {

package/es/components/page-size/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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('pageSize.total') }}{{ total }}{{ t('pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.d') }}{{ modelValue }}{{ t('pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('lang.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"size\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"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=\"size\"\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=\"size\"\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=\"size\"\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 { useLocale, useNamespace, useSizeProp } 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 compKls = computed(() => {\n  return [ns.b(), ns.m(props.size)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;mCAwEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAwB,IAAc,EAAA;AACpC,MAAA,IAAA,CAAK,oBAAoB,IAAI,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAc,EAAA;AACnC,MAAA,IAAA,CAAK,qBAAqB,KAAI,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,kBAAkB,KAAI,CAAA,CAAA;AAAA,KAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","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('pageSize.total') }}{{ total }}{{ t('pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.d') }}{{ modelValue }}{{ t('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('lang.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"size\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('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=\"size\"\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=\"size\"\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=\"size\"\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 { useLocale, useNamespace, useSizeProp } 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 compKls = computed(() => {\n  return [ns.b(), ns.m(props.size)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;mCAwEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAwB,IAAc,EAAA;AACpC,MAAA,IAAA,CAAK,oBAAoB,IAAI,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAc,EAAA;AACnC,MAAA,IAAA,CAAK,qBAAqB,KAAI,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,kBAAkB,KAAI,CAAA,CAAA;AAAA,KAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
         __props.pageSizeOptions.length ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 2,
-          class: vue.normalizeClass([_ctx.e("option"), "flex align-items-center"])
+          class: vue.normalizeClass([vue.unref(ns).e("option"), "flex align-items-center"])
         }, [
           vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("lang.per_page")), 1),
           vue.createVNode(vue.unref(elementPlus.ElSelect), {
@@ -113,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ], 2)) : vue.createCommentVNode("v-if", true),
         vue.unref(page) > 1 || __props.isManual ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 3,
-          class: vue.normalizeClass(_ctx.e("pagination"))
+          class: vue.normalizeClass(vue.unref(ns).e("pagination"))
         }, [
           !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.modelValue) + "/" + vue.toDisplayString(vue.unref(page)), 1)) : vue.createCommentVNode("v-if", true),
           vue.unref(page) > 2 && __props.modelValue > 2 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {

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('pageSize.total') }}{{ total }}{{ t('pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.d') }}{{ modelValue }}{{ t('pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('lang.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"size\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"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=\"size\"\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=\"size\"\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=\"size\"\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 { useLocale, useNamespace, useSizeProp } 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 compKls = computed(() => {\n  return [ns.b(), ns.m(props.size)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\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","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uCAwEc,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,MAAMC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAAA,SAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAwB,IAAc,EAAA;AACpC,MAAA,IAAA,CAAK,oBAAoB,IAAI,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAc,EAAA;AACnC,MAAA,IAAA,CAAK,qBAAqB,KAAI,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,kBAAkB,KAAI,CAAA,CAAA;AAAA,KAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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('pageSize.total') }}{{ total }}{{ t('pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.d') }}{{ modelValue }}{{ t('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('lang.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"size\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('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=\"size\"\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=\"size\"\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=\"size\"\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 { useLocale, useNamespace, useSizeProp } 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 compKls = computed(() => {\n  return [ns.b(), ns.m(props.size)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\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","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uCAwEc,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,MAAMC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAAA,SAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAwB,IAAc,EAAA;AACpC,MAAA,IAAA,CAAK,oBAAoB,IAAI,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAc,EAAA;AACnC,MAAA,IAAA,CAAK,qBAAqB,KAAI,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,kBAAkB,KAAI,CAAA,CAAA;AAAA,KAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hzzt-plus",
-  "version": "0.0.2-dev06",
+  "version": "0.0.2-dev07",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "hzzt-plus",