hzzt-plus 0.0.2-dev-05 → 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), {
@@ -20638,4 +20638,4 @@ function setCssText(el, show, prop, value) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, Download, Height, Highlight, HzztCollapse, HzztConfigProvider, HzztDropdown, HzztIcon, HzztPagination, HzztTab, HzztTitle, HzztTooltip, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };
+export { Blur, Download, Height, Highlight, HzztCollapse, HzztConfigProvider, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztTab, HzztTitle, HzztTooltip, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };

package/es/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './tab';
 export * from './icon';
 export * from './pagination';
 export * from './tooltip';
+export * from './page-size';

package/es/components/index.mjs

@@ -6,6 +6,7 @@ export { HzztTab } from './tab/index.mjs';
 export { HzztIcon } from './icon/index.mjs';
 export { HzztPagination } from './pagination/index.mjs';
 export { HzztTooltip } from './tooltip/index.mjs';
+export { HzztPageSize } from './page-size/index.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';

package/es/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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/es/index.mjs

@@ -16,6 +16,7 @@ export { HzztTab } from './components/tab/index.mjs';
 export { HzztIcon } from './components/icon/index.mjs';
 export { HzztPagination } from './components/pagination/index.mjs';
 export { HzztTooltip } from './components/tooltip/index.mjs';
+export { HzztPageSize } from './components/page-size/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';
 export { WEEK_DAYS, datePickTypes } from './constants/date.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/lib/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './tab';
 export * from './icon';
 export * from './pagination';
 export * from './tooltip';
+export * from './page-size';

package/lib/components/index.js

@@ -10,6 +10,7 @@ var index$4 = require('./tab/index.js');
 var index$5 = require('./icon/index.js');
 var index$6 = require('./pagination/index.js');
 var index$7 = require('./tooltip/index.js');
+var index$8 = require('./page-size/index.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
@@ -24,6 +25,7 @@ exports.HzztTab = index$4.HzztTab;
 exports.HzztIcon = index$5.HzztIcon;
 exports.HzztPagination = index$6.HzztPagination;
 exports.HzztTooltip = index$7.HzztTooltip;
+exports.HzztPageSize = index$8.HzztPageSize;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;
 exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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/lib/index.js

@@ -19,16 +19,17 @@ var index$4 = require('./components/tab/index.js');
 var index$5 = require('./components/icon/index.js');
 var index$6 = require('./components/pagination/index.js');
 var index$7 = require('./components/tooltip/index.js');
+var index$8 = require('./components/page-size/index.js');
 var key = require('./constants/key.js');
 var size = require('./constants/size.js');
 var date = require('./constants/date.js');
-var index$8 = require('./directives/download/index.js');
-var index$9 = require('./directives/height/index.js');
-var index$a = require('./directives/blur/index.js');
-var index$b = require('./directives/highlight/index.js');
-var index$c = require('./hooks/use-locale/index.js');
-var index$d = require('./hooks/use-size/index.js');
-var index$e = require('./hooks/use-namespace/index.js');
+var index$9 = require('./directives/download/index.js');
+var index$a = require('./directives/height/index.js');
+var index$b = require('./directives/blur/index.js');
+var index$c = require('./directives/highlight/index.js');
+var index$d = require('./hooks/use-locale/index.js');
+var index$e = require('./hooks/use-size/index.js');
+var index$f = require('./hooks/use-namespace/index.js');
 
 const install = defaults["default"].install;
 const version = defaults["default"].version;
@@ -47,28 +48,29 @@ exports.HzztTab = index$4.HzztTab;
 exports.HzztIcon = index$5.HzztIcon;
 exports.HzztPagination = index$6.HzztPagination;
 exports.HzztTooltip = index$7.HzztTooltip;
+exports.HzztPageSize = index$8.HzztPageSize;
 exports.INSTALLED_KEY = key.INSTALLED_KEY;
 exports.componentSizeMap = size.componentSizeMap;
 exports.componentSizes = size.componentSizes;
 exports.WEEK_DAYS = date.WEEK_DAYS;
 exports.datePickTypes = date.datePickTypes;
-exports.Download = index$8["default"];
-exports.Height = index$9["default"];
-exports.Blur = index$a["default"];
-exports.Highlight = index$b["default"];
-exports.buildLocaleContext = index$c.buildLocaleContext;
-exports.buildTranslator = index$c.buildTranslator;
-exports.localeContextKey = index$c.localeContextKey;
-exports.translate = index$c.translate;
-exports.useLocale = index$c.useLocale;
-exports.SIZE_INJECTION_KEY = index$d.SIZE_INJECTION_KEY;
-exports.useGlobalSize = index$d.useGlobalSize;
-exports.useSizeProp = index$d.useSizeProp;
-exports.useSizeProps = index$d.useSizeProps;
-exports.defaultNamespace = index$e.defaultNamespace;
-exports.namespaceContextKey = index$e.namespaceContextKey;
-exports.useGetDerivedNamespace = index$e.useGetDerivedNamespace;
-exports.useNamespace = index$e.useNamespace;
+exports.Download = index$9["default"];
+exports.Height = index$a["default"];
+exports.Blur = index$b["default"];
+exports.Highlight = index$c["default"];
+exports.buildLocaleContext = index$d.buildLocaleContext;
+exports.buildTranslator = index$d.buildTranslator;
+exports.localeContextKey = index$d.localeContextKey;
+exports.translate = index$d.translate;
+exports.useLocale = index$d.useLocale;
+exports.SIZE_INJECTION_KEY = index$e.SIZE_INJECTION_KEY;
+exports.useGlobalSize = index$e.useGlobalSize;
+exports.useSizeProp = index$e.useSizeProp;
+exports.useSizeProps = index$e.useSizeProps;
+exports.defaultNamespace = index$f.defaultNamespace;
+exports.namespaceContextKey = index$f.namespaceContextKey;
+exports.useGetDerivedNamespace = index$f.useGetDerivedNamespace;
+exports.useNamespace = index$f.useNamespace;
 exports.install = install;
 exports.version = version;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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