hzzt-plus 0.0.2-dev06 → 0.0.2-dev08
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +12 -11
- package/dist/index.full.min.js +8 -8
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +12 -11
- package/es/components/page-size/index.d.ts +1 -0
- package/es/components/page-size/src/index.mjs +13 -12
- package/es/components/page-size/src/index.mjs.map +1 -1
- package/es/components/page-size/src/index.vue.d.ts +1 -0
- package/lib/components/page-size/index.d.ts +1 -0
- package/lib/components/page-size/src/index.js +12 -11
- package/lib/components/page-size/src/index.js.map +1 -1
- package/lib/components/page-size/src/index.vue.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.full.mjs
CHANGED
|
@@ -20393,8 +20393,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20393
20393
|
const innerPage = ref(props.modelValue || 0);
|
|
20394
20394
|
const { t } = useLocale$1();
|
|
20395
20395
|
const ns = useNamespace$1("page-size");
|
|
20396
|
+
const trueSize = computed(() => props.size || useGlobalSize$1().value);
|
|
20396
20397
|
const compKls = computed(() => {
|
|
20397
|
-
return [ns.b(), ns.m(
|
|
20398
|
+
return [ns.b(), ns.m(trueSize.value)];
|
|
20398
20399
|
});
|
|
20399
20400
|
const page = computed(() => Math.ceil(props.total / props.pageSize));
|
|
20400
20401
|
watch(() => props.pageSize, (val) => {
|
|
@@ -20415,18 +20416,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20415
20416
|
return openBlock(), createElementBlock("main", {
|
|
20416
20417
|
class: normalizeClass([unref(compKls), "flex wrap align-items-center justify-content-end"])
|
|
20417
20418
|
}, [
|
|
20418
|
-
__props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(t)("pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("pageSize.strip")), 1)) : createCommentVNode("v-if", true),
|
|
20419
|
-
__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),
|
|
20419
|
+
__props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
|
|
20420
|
+
__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
|
|
20420
20421
|
__props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
|
|
20421
20422
|
key: 2,
|
|
20422
|
-
class: normalizeClass([
|
|
20423
|
+
class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
|
|
20423
20424
|
}, [
|
|
20424
|
-
createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("
|
|
20425
|
+
createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
|
|
20425
20426
|
createVNode(unref(ElSelect), {
|
|
20426
20427
|
modelValue: sizeValue.value,
|
|
20427
20428
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
|
|
20428
20429
|
disabled: __props.disabled,
|
|
20429
|
-
size:
|
|
20430
|
+
size: unref(trueSize),
|
|
20430
20431
|
clearable: false,
|
|
20431
20432
|
onChange: pageSizeChange
|
|
20432
20433
|
}, {
|
|
@@ -20434,7 +20435,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20434
20435
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pageSizeOptions, (item) => {
|
|
20435
20436
|
return openBlock(), createBlock(_component_el_option, {
|
|
20436
20437
|
key: item,
|
|
20437
|
-
label: `${item}${unref(t)("pageSize.strip")}`,
|
|
20438
|
+
label: `${item}${unref(t)("hzzt.pageSize.strip")}`,
|
|
20438
20439
|
value: item
|
|
20439
20440
|
}, null, 8, ["label", "value"]);
|
|
20440
20441
|
}), 128))
|
|
@@ -20444,14 +20445,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20444
20445
|
], 2)) : createCommentVNode("v-if", true),
|
|
20445
20446
|
unref(page) > 1 || __props.isManual ? (openBlock(), createElementBlock("div", {
|
|
20446
20447
|
key: 3,
|
|
20447
|
-
class: normalizeClass(
|
|
20448
|
+
class: normalizeClass(unref(ns).e("pagination"))
|
|
20448
20449
|
}, [
|
|
20449
20450
|
!__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.modelValue) + "/" + toDisplayString(unref(page)), 1)) : createCommentVNode("v-if", true),
|
|
20450
20451
|
unref(page) > 2 && __props.modelValue > 2 ? (openBlock(), createBlock(unref(ElButton), {
|
|
20451
20452
|
key: 1,
|
|
20452
20453
|
type: "primary",
|
|
20453
20454
|
style: { "margin-right": "2px" },
|
|
20454
|
-
size:
|
|
20455
|
+
size: unref(trueSize),
|
|
20455
20456
|
onClick: _cache[1] || (_cache[1] = ($event) => currentChange(1))
|
|
20456
20457
|
}, {
|
|
20457
20458
|
default: withCtx(() => [
|
|
@@ -20463,7 +20464,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20463
20464
|
modelValue: innerPage.value,
|
|
20464
20465
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => innerPage.value = $event),
|
|
20465
20466
|
class: "width-2",
|
|
20466
|
-
size:
|
|
20467
|
+
size: unref(trueSize),
|
|
20467
20468
|
min: 1,
|
|
20468
20469
|
max: unref(page),
|
|
20469
20470
|
onChange: currentChange
|
|
@@ -20472,7 +20473,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20472
20473
|
key: 2,
|
|
20473
20474
|
type: "primary",
|
|
20474
20475
|
style: { "margin-left": "2px" },
|
|
20475
|
-
size:
|
|
20476
|
+
size: unref(trueSize),
|
|
20476
20477
|
onClick: _cache[3] || (_cache[3] = ($event) => currentChange(unref(page)))
|
|
20477
20478
|
}, {
|
|
20478
20479
|
default: withCtx(() => [
|
|
@@ -78,6 +78,7 @@ export declare const HzztPageSize: import("hzzt-plus/es/utils").SFCWithInstall<i
|
|
|
78
78
|
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
79
79
|
cssVarBlockName: (name: string) => string;
|
|
80
80
|
};
|
|
81
|
+
trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
81
82
|
compKls: import("vue").ComputedRef<string[]>;
|
|
82
83
|
page: import("vue").ComputedRef<number>;
|
|
83
84
|
pageSizeChange: (size: number) => void;
|
|
@@ -3,7 +3,7 @@ import { ElSelect, ElButton, ElInputNumber } from 'element-plus';
|
|
|
3
3
|
import '../../../hooks/index.mjs';
|
|
4
4
|
import HzztIcon from '../../icon/src/index.mjs';
|
|
5
5
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
-
import { useSizeProp } from '../../../hooks/use-size/index.mjs';
|
|
6
|
+
import { useSizeProp, useGlobalSize } from '../../../hooks/use-size/index.mjs';
|
|
7
7
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
8
8
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
9
9
|
|
|
@@ -58,8 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
58
58
|
const innerPage = ref(props.modelValue || 0);
|
|
59
59
|
const { t } = useLocale();
|
|
60
60
|
const ns = useNamespace("page-size");
|
|
61
|
+
const trueSize = computed(() => props.size || useGlobalSize().value);
|
|
61
62
|
const compKls = computed(() => {
|
|
62
|
-
return [ns.b(), ns.m(
|
|
63
|
+
return [ns.b(), ns.m(trueSize.value)];
|
|
63
64
|
});
|
|
64
65
|
const page = computed(() => Math.ceil(props.total / props.pageSize));
|
|
65
66
|
watch(() => props.pageSize, (val) => {
|
|
@@ -80,18 +81,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
80
81
|
return openBlock(), createElementBlock("main", {
|
|
81
82
|
class: normalizeClass([unref(compKls), "flex wrap align-items-center justify-content-end"])
|
|
82
83
|
}, [
|
|
83
|
-
__props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(t)("pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("pageSize.strip")), 1)) : createCommentVNode("v-if", true),
|
|
84
|
-
__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),
|
|
84
|
+
__props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
|
|
85
|
+
__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
|
|
85
86
|
__props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
|
|
86
87
|
key: 2,
|
|
87
|
-
class: normalizeClass([
|
|
88
|
+
class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
|
|
88
89
|
}, [
|
|
89
|
-
createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("
|
|
90
|
+
createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
|
|
90
91
|
createVNode(unref(ElSelect), {
|
|
91
92
|
modelValue: sizeValue.value,
|
|
92
93
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
|
|
93
94
|
disabled: __props.disabled,
|
|
94
|
-
size:
|
|
95
|
+
size: unref(trueSize),
|
|
95
96
|
clearable: false,
|
|
96
97
|
onChange: pageSizeChange
|
|
97
98
|
}, {
|
|
@@ -99,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
99
100
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pageSizeOptions, (item) => {
|
|
100
101
|
return openBlock(), createBlock(_component_el_option, {
|
|
101
102
|
key: item,
|
|
102
|
-
label: `${item}${unref(t)("pageSize.strip")}`,
|
|
103
|
+
label: `${item}${unref(t)("hzzt.pageSize.strip")}`,
|
|
103
104
|
value: item
|
|
104
105
|
}, null, 8, ["label", "value"]);
|
|
105
106
|
}), 128))
|
|
@@ -109,14 +110,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
109
110
|
], 2)) : createCommentVNode("v-if", true),
|
|
110
111
|
unref(page) > 1 || __props.isManual ? (openBlock(), createElementBlock("div", {
|
|
111
112
|
key: 3,
|
|
112
|
-
class: normalizeClass(
|
|
113
|
+
class: normalizeClass(unref(ns).e("pagination"))
|
|
113
114
|
}, [
|
|
114
115
|
!__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.modelValue) + "/" + toDisplayString(unref(page)), 1)) : createCommentVNode("v-if", true),
|
|
115
116
|
unref(page) > 2 && __props.modelValue > 2 ? (openBlock(), createBlock(unref(ElButton), {
|
|
116
117
|
key: 1,
|
|
117
118
|
type: "primary",
|
|
118
119
|
style: { "margin-right": "2px" },
|
|
119
|
-
size:
|
|
120
|
+
size: unref(trueSize),
|
|
120
121
|
onClick: _cache[1] || (_cache[1] = ($event) => currentChange(1))
|
|
121
122
|
}, {
|
|
122
123
|
default: withCtx(() => [
|
|
@@ -128,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
128
129
|
modelValue: innerPage.value,
|
|
129
130
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => innerPage.value = $event),
|
|
130
131
|
class: "width-2",
|
|
131
|
-
size:
|
|
132
|
+
size: unref(trueSize),
|
|
132
133
|
min: 1,
|
|
133
134
|
max: unref(page),
|
|
134
135
|
onChange: currentChange
|
|
@@ -137,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
137
138
|
key: 2,
|
|
138
139
|
type: "primary",
|
|
139
140
|
style: { "margin-left": "2px" },
|
|
140
|
-
size:
|
|
141
|
+
size: unref(trueSize),
|
|
141
142
|
onClick: _cache[3] || (_cache[3] = ($event) => currentChange(unref(page)))
|
|
142
143
|
}, {
|
|
143
144
|
default: withCtx(() => [
|
|
@@ -1 +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
|
|
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('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))\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":";;;;;;;;;;;;;;;;;;;;;;mCA+Ec,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,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,MAAM,IAAQ,IAAA,aAAA,GAAgB,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,OAAA,GAAU,SAAS,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -78,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
78
|
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
79
79
|
cssVarBlockName: (name: string) => string;
|
|
80
80
|
};
|
|
81
|
+
trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
81
82
|
compKls: import("vue").ComputedRef<string[]>;
|
|
82
83
|
page: import("vue").ComputedRef<number>;
|
|
83
84
|
pageSizeChange: (size: number) => void;
|
|
@@ -78,6 +78,7 @@ export declare const HzztPageSize: import("hzzt-plus/es/utils").SFCWithInstall<i
|
|
|
78
78
|
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
79
79
|
cssVarBlockName: (name: string) => string;
|
|
80
80
|
};
|
|
81
|
+
trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
81
82
|
compKls: import("vue").ComputedRef<string[]>;
|
|
82
83
|
page: import("vue").ComputedRef<number>;
|
|
83
84
|
pageSizeChange: (size: number) => void;
|
|
@@ -62,8 +62,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
62
62
|
const innerPage = vue.ref(props.modelValue || 0);
|
|
63
63
|
const { t } = index$1.useLocale();
|
|
64
64
|
const ns = index$2.useNamespace("page-size");
|
|
65
|
+
const trueSize = vue.computed(() => props.size || index.useGlobalSize().value);
|
|
65
66
|
const compKls = vue.computed(() => {
|
|
66
|
-
return [ns.b(), ns.m(
|
|
67
|
+
return [ns.b(), ns.m(trueSize.value)];
|
|
67
68
|
});
|
|
68
69
|
const page = vue.computed(() => Math.ceil(props.total / props.pageSize));
|
|
69
70
|
vue.watch(() => props.pageSize, (val) => {
|
|
@@ -84,18 +85,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
84
85
|
return vue.openBlock(), vue.createElementBlock("main", {
|
|
85
86
|
class: vue.normalizeClass([vue.unref(compKls), "flex wrap align-items-center justify-content-end"])
|
|
86
87
|
}, [
|
|
87
|
-
__props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(t)("pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
|
|
88
|
-
__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),
|
|
88
|
+
__props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
|
|
89
|
+
__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
|
|
89
90
|
__props.pageSizeOptions.length ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
90
91
|
key: 2,
|
|
91
|
-
class: vue.normalizeClass([
|
|
92
|
+
class: vue.normalizeClass([vue.unref(ns).e("option"), "flex align-items-center"])
|
|
92
93
|
}, [
|
|
93
|
-
vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("
|
|
94
|
+
vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.per_page")), 1),
|
|
94
95
|
vue.createVNode(vue.unref(elementPlus.ElSelect), {
|
|
95
96
|
modelValue: sizeValue.value,
|
|
96
97
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
|
|
97
98
|
disabled: __props.disabled,
|
|
98
|
-
size:
|
|
99
|
+
size: vue.unref(trueSize),
|
|
99
100
|
clearable: false,
|
|
100
101
|
onChange: pageSizeChange
|
|
101
102
|
}, {
|
|
@@ -103,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
103
104
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.pageSizeOptions, (item) => {
|
|
104
105
|
return vue.openBlock(), vue.createBlock(_component_el_option, {
|
|
105
106
|
key: item,
|
|
106
|
-
label: `${item}${vue.unref(t)("pageSize.strip")}`,
|
|
107
|
+
label: `${item}${vue.unref(t)("hzzt.pageSize.strip")}`,
|
|
107
108
|
value: item
|
|
108
109
|
}, null, 8, ["label", "value"]);
|
|
109
110
|
}), 128))
|
|
@@ -113,14 +114,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
113
114
|
], 2)) : vue.createCommentVNode("v-if", true),
|
|
114
115
|
vue.unref(page) > 1 || __props.isManual ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
115
116
|
key: 3,
|
|
116
|
-
class: vue.normalizeClass(
|
|
117
|
+
class: vue.normalizeClass(vue.unref(ns).e("pagination"))
|
|
117
118
|
}, [
|
|
118
119
|
!__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.modelValue) + "/" + vue.toDisplayString(vue.unref(page)), 1)) : vue.createCommentVNode("v-if", true),
|
|
119
120
|
vue.unref(page) > 2 && __props.modelValue > 2 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
|
|
120
121
|
key: 1,
|
|
121
122
|
type: "primary",
|
|
122
123
|
style: { "margin-right": "2px" },
|
|
123
|
-
size:
|
|
124
|
+
size: vue.unref(trueSize),
|
|
124
125
|
onClick: _cache[1] || (_cache[1] = ($event) => currentChange(1))
|
|
125
126
|
}, {
|
|
126
127
|
default: vue.withCtx(() => [
|
|
@@ -132,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
132
133
|
modelValue: innerPage.value,
|
|
133
134
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => innerPage.value = $event),
|
|
134
135
|
class: "width-2",
|
|
135
|
-
size:
|
|
136
|
+
size: vue.unref(trueSize),
|
|
136
137
|
min: 1,
|
|
137
138
|
max: vue.unref(page),
|
|
138
139
|
onChange: currentChange
|
|
@@ -141,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
141
142
|
key: 2,
|
|
142
143
|
type: "primary",
|
|
143
144
|
style: { "margin-left": "2px" },
|
|
144
|
-
size:
|
|
145
|
+
size: vue.unref(trueSize),
|
|
145
146
|
onClick: _cache[3] || (_cache[3] = ($event) => currentChange(vue.unref(page)))
|
|
146
147
|
}, {
|
|
147
148
|
default: vue.withCtx(() => [
|
|
@@ -1 +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
|
|
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))\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"],"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,MAAMC,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,aAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAAE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -78,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
78
|
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
79
79
|
cssVarBlockName: (name: string) => string;
|
|
80
80
|
};
|
|
81
|
+
trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
81
82
|
compKls: import("vue").ComputedRef<string[]>;
|
|
82
83
|
page: import("vue").ComputedRef<number>;
|
|
83
84
|
pageSizeChange: (size: number) => void;
|