hzzt-plus 0.0.2-dev-02 → 0.0.2-dev-04
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.css +1 -1
- package/dist/index.full.js +8 -8
- package/dist/index.full.min.js +6 -6
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +6 -6
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +8 -8
- package/es/components/icon/index.mjs +2 -2
- package/es/components/icon/index.mjs.map +1 -1
- package/es/components/icon/src/index.mjs +2 -2
- package/es/components/pagination/index.d.ts +101 -3
- package/es/components/pagination/src/index.mjs +5 -5
- package/es/components/pagination/src/index.mjs.map +1 -1
- package/es/components/pagination/src/index.vue.d.ts +101 -3
- package/lib/components/icon/src/index.js +2 -2
- package/lib/components/pagination/index.d.ts +101 -3
- package/lib/components/pagination/src/index.js +5 -5
- package/lib/components/pagination/src/index.js.map +1 -1
- package/lib/components/pagination/src/index.vue.d.ts +101 -3
- package/package.json +1 -1
- package/theme/hzzt-pagination.css +1 -1
- package/theme/index.css +1 -1
- package/theme/src/pagination.scss +3 -3
package/dist/index.full.mjs
CHANGED
|
@@ -12777,9 +12777,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
12777
12777
|
};
|
|
12778
12778
|
}
|
|
12779
12779
|
});
|
|
12780
|
-
var Icon
|
|
12780
|
+
var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "icon.vue"]]);
|
|
12781
12781
|
|
|
12782
|
-
const ElIcon = withInstall(Icon
|
|
12782
|
+
const ElIcon = withInstall(Icon);
|
|
12783
12783
|
|
|
12784
12784
|
const nodeList$1 = /* @__PURE__ */ new Map();
|
|
12785
12785
|
let startClick;
|
|
@@ -13131,11 +13131,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
13131
13131
|
};
|
|
13132
13132
|
}
|
|
13133
13133
|
});
|
|
13134
|
-
var
|
|
13134
|
+
var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "index.vue"]]);
|
|
13135
13135
|
|
|
13136
13136
|
const HzztIcon = {
|
|
13137
13137
|
install(app) {
|
|
13138
|
-
app.component("HzztIcon",
|
|
13138
|
+
app.component("HzztIcon", HzztIcon$1);
|
|
13139
13139
|
for (const key in Icons) {
|
|
13140
13140
|
app.component(tarnsElIconName(key), Icons[key]);
|
|
13141
13141
|
}
|
|
@@ -13146,8 +13146,8 @@ function tarnsElIconName(name) {
|
|
|
13146
13146
|
}
|
|
13147
13147
|
|
|
13148
13148
|
const _hoisted_1 = { class: "flex justify-content-between hzzt-pagination" };
|
|
13149
|
-
const _hoisted_2 = { class: "flex align-items-center font-12" };
|
|
13150
|
-
const _hoisted_3 = { class: "flex align-items-center font-14" };
|
|
13149
|
+
const _hoisted_2 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
|
|
13150
|
+
const _hoisted_3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
|
|
13151
13151
|
const _hoisted_4 = { class: "flex" };
|
|
13152
13152
|
const __default__ = defineComponent({
|
|
13153
13153
|
name: "HzztPagination"
|
|
@@ -13187,13 +13187,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
13187
13187
|
createElementVNode("p", _hoisted_2, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
|
|
13188
13188
|
createElementVNode("div", _hoisted_3, [
|
|
13189
13189
|
renderSlot(_ctx.$slots, "right"),
|
|
13190
|
-
createVNode(
|
|
13190
|
+
createVNode(HzztIcon$1, {
|
|
13191
13191
|
class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
|
|
13192
13192
|
name: "arrow-left",
|
|
13193
13193
|
onClick: prePage
|
|
13194
13194
|
}, null, 8, ["class"]),
|
|
13195
13195
|
createElementVNode("p", _hoisted_4, toDisplayString(__props.pagination.current_page) + "/" + toDisplayString(__props.pagination.total_pages), 1),
|
|
13196
|
-
createVNode(
|
|
13196
|
+
createVNode(HzztIcon$1, {
|
|
13197
13197
|
class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
|
|
13198
13198
|
name: "arrow-right",
|
|
13199
13199
|
onClick: nextPage
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as Icons from '@element-plus/icons-vue';
|
|
2
|
-
import
|
|
2
|
+
import HzztIcon$1 from './src/index.mjs';
|
|
3
3
|
|
|
4
4
|
const HzztIcon = {
|
|
5
5
|
install(app) {
|
|
6
|
-
app.component("HzztIcon",
|
|
6
|
+
app.component("HzztIcon", HzztIcon$1);
|
|
7
7
|
for (const key in Icons) {
|
|
8
8
|
app.component(tarnsElIconName(key), Icons[key]);
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue';\nimport Icon from './src/index.vue';\nimport type { App } from '@vue/runtime-core'\n\nexport const HzztIcon = {\n install(app: App) {\n app.component('HzztIcon', Icon);\n for (const key in Icons) {\n app.component(tarnsElIconName(key), Icons[key]);\n }\n },\n}\n\nexport default HzztIcon;\n\nfunction tarnsElIconName(name) {\n return 'hzzt-el' +\n name.replace(/[A-Z]/g, (match) => '-' + match.toLocaleLowerCase());\n}\n\n"],"names":[],"mappings":";;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue';\nimport Icon from './src/index.vue';\nimport type { App } from '@vue/runtime-core'\n\nexport const HzztIcon = {\n install(app: App) {\n app.component('HzztIcon', Icon);\n for (const key in Icons) {\n app.component(tarnsElIconName(key), Icons[key]);\n }\n },\n}\n\nexport default HzztIcon;\n\nfunction tarnsElIconName(name) {\n return 'hzzt-el' +\n name.replace(/[A-Z]/g, (match) => '-' + match.toLocaleLowerCase());\n}\n\n"],"names":["Icon"],"mappings":";;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,UAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,GAAG,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;AACxF;;;;"}
|
|
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
var
|
|
31
|
+
var HzztIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
|
|
32
32
|
|
|
33
|
-
export {
|
|
33
|
+
export { HzztIcon as default };
|
|
34
34
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -25,9 +25,107 @@ export declare const HzztPagination: import("hzzt-plus/es/utils").SFCWithInstall
|
|
|
25
25
|
t: import("../..").Translator;
|
|
26
26
|
prePage: () => false | undefined;
|
|
27
27
|
nextPage: () => false | undefined;
|
|
28
|
-
HzztIcon: {
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
HzztIcon: import("vue").DefineComponent<{
|
|
29
|
+
name: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
type: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}, {
|
|
38
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
39
|
+
name: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
type: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
}>> & {
|
|
48
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
49
|
+
}>>;
|
|
50
|
+
attrs: {
|
|
51
|
+
[x: string]: unknown;
|
|
52
|
+
};
|
|
53
|
+
componentName: import("vue").ComputedRef<string>;
|
|
54
|
+
ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
55
|
+
readonly size: {
|
|
56
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
57
|
+
readonly required: false;
|
|
58
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
59
|
+
__epPropKey: true;
|
|
60
|
+
};
|
|
61
|
+
readonly color: {
|
|
62
|
+
readonly type: import("vue").PropType<string>;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
65
|
+
__epPropKey: true;
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
+
readonly size: {
|
|
70
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
71
|
+
readonly required: false;
|
|
72
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
73
|
+
__epPropKey: true;
|
|
74
|
+
};
|
|
75
|
+
readonly color: {
|
|
76
|
+
readonly type: import("vue").PropType<string>;
|
|
77
|
+
readonly required: false;
|
|
78
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
79
|
+
__epPropKey: true;
|
|
80
|
+
};
|
|
81
|
+
}>> & {
|
|
82
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
83
|
+
}>>;
|
|
84
|
+
ns: {
|
|
85
|
+
namespace: import("vue").ComputedRef<string>;
|
|
86
|
+
b: (blockSuffix?: string | undefined) => string;
|
|
87
|
+
e: (element?: string | undefined) => string;
|
|
88
|
+
m: (modifier?: string | undefined) => string;
|
|
89
|
+
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
|
|
90
|
+
em: (element?: string | undefined, modifier?: string | undefined) => string;
|
|
91
|
+
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
|
|
92
|
+
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
|
|
93
|
+
is: {
|
|
94
|
+
(name: string, state: boolean | undefined): string;
|
|
95
|
+
(name: string): string;
|
|
96
|
+
};
|
|
97
|
+
cssVar: (object: Record<string, string>) => Record<string, string>;
|
|
98
|
+
cssVarName: (name: string) => string;
|
|
99
|
+
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
100
|
+
cssVarBlockName: (name: string) => string;
|
|
101
|
+
};
|
|
102
|
+
style: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
103
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
104
|
+
readonly size: {
|
|
105
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
106
|
+
readonly required: false;
|
|
107
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
108
|
+
__epPropKey: true;
|
|
109
|
+
};
|
|
110
|
+
readonly color: {
|
|
111
|
+
readonly type: import("vue").PropType<string>;
|
|
112
|
+
readonly required: false;
|
|
113
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
114
|
+
__epPropKey: true;
|
|
115
|
+
};
|
|
116
|
+
}>>, {}>> & Record<string, any>;
|
|
117
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
118
|
+
name: {
|
|
119
|
+
type: StringConstructor;
|
|
120
|
+
required: true;
|
|
121
|
+
};
|
|
122
|
+
type: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
}>>, {
|
|
127
|
+
type: string;
|
|
128
|
+
}>;
|
|
31
129
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next")[], "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
130
|
pagination: {
|
|
33
131
|
type: ObjectConstructor;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, renderSlot, createVNode, normalizeClass } from 'vue';
|
|
2
|
-
import
|
|
2
|
+
import HzztIcon from '../../icon/src/index.mjs';
|
|
3
3
|
import '../../../hooks/index.mjs';
|
|
4
4
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
5
5
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
6
6
|
|
|
7
7
|
const _hoisted_1 = { class: "flex justify-content-between hzzt-pagination" };
|
|
8
|
-
const _hoisted_2 = { class: "flex align-items-center font-12" };
|
|
9
|
-
const _hoisted_3 = { class: "flex align-items-center font-14" };
|
|
8
|
+
const _hoisted_2 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
|
|
9
|
+
const _hoisted_3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
|
|
10
10
|
const _hoisted_4 = { class: "flex" };
|
|
11
11
|
const __default__ = defineComponent({
|
|
12
12
|
name: "HzztPagination"
|
|
@@ -46,13 +46,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
46
46
|
createElementVNode("p", _hoisted_2, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
|
|
47
47
|
createElementVNode("div", _hoisted_3, [
|
|
48
48
|
renderSlot(_ctx.$slots, "right"),
|
|
49
|
-
createVNode(
|
|
49
|
+
createVNode(HzztIcon, {
|
|
50
50
|
class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
|
|
51
51
|
name: "arrow-left",
|
|
52
52
|
onClick: prePage
|
|
53
53
|
}, null, 8, ["class"]),
|
|
54
54
|
createElementVNode("p", _hoisted_4, toDisplayString(__props.pagination.current_page) + "/" + toDisplayString(__props.pagination.total_pages), 1),
|
|
55
|
-
createVNode(
|
|
55
|
+
createVNode(HzztIcon, {
|
|
56
56
|
class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
|
|
57
57
|
name: "arrow-right",
|
|
58
58
|
onClick: nextPage
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n <div class=\"flex justify-content-between hzzt-pagination\">\n <p class=\"flex align-items-center font-12\">\n {{ t('hzzt.pagination.total') }}{{ pagination.total }}{{ t('hzzt.pagination.strip') }}\n </p>\n <div class=\"flex align-items-center font-14\">\n <slot name=\"right\" />\n <hzzt-icon class=\"hzzt-pagination-arrow\" :class=\"{ active: pagination.current_page > 1 }\" name=\"arrow-left\"\n @click=\"prePage\" />\n <p class=\"flex\">\n {{ pagination.current_page }}/{{ pagination.total_pages }}\n </p>\n <hzzt-icon\n class=\"hzzt-pagination-arrow\"\n :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n name=\"arrow-right\"\n @click=\"nextPage\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n import
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n <div class=\"flex justify-content-between hzzt-pagination\">\n <p class=\"flex align-items-center font-12 hzzt-pagination-total\">\n {{ t('hzzt.pagination.total') }}{{ pagination.total }}{{ t('hzzt.pagination.strip') }}\n </p>\n <div class=\"flex align-items-center hzzt-pagination-page font-14\">\n <slot name=\"right\" />\n <hzzt-icon class=\"hzzt-pagination-arrow\" :class=\"{ active: pagination.current_page > 1 }\" name=\"arrow-left\"\n @click=\"prePage\" />\n <p class=\"flex\">\n {{ pagination.current_page }}/{{ pagination.total_pages }}\n </p>\n <hzzt-icon\n class=\"hzzt-pagination-arrow\"\n :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n name=\"arrow-right\"\n @click=\"nextPage\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n import {useLocale} from '@hzzt-plus/hooks'\n\n defineOptions({\n name: 'HzztPagination',\n });\n\n const props = defineProps({\n pagination: {\n type: Object,\n default: () => ({\n total: 0,\n current_page: 1,\n total_pages: 1,\n }),\n },\n });\n\n const emit = defineEmits(['prev', 'next']);\n const {t} = useLocale();\n\n function prePage() {\n if (props.pagination.current_page > 1) {\n emit('prev', props.pagination.current_page - 1);\n } else {\n return false;\n }\n }\n\n function nextPage() {\n if (props.pagination.current_page < props.pagination.total_pages) {\n emit('next', props.pagination.current_page + 1);\n } else {\n return false;\n }\n }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA2BgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAcA,IAAM,MAAA,EAAC,MAAK,SAAU,EAAA,CAAA;AAEtB,IAAmB,SAAA,OAAA,GAAA;AACjB,MAAI,IAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAG,EAAA;AACrC,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AAEA,IAAoB,SAAA,QAAA,GAAA;AAClB,MAAA,IAAI,KAAM,CAAA,UAAA,CAAW,YAAe,GAAA,KAAA,CAAM,WAAW,WAAa,EAAA;AAChE,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -25,9 +25,107 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
25
|
t: import("hzzt-plus/es/hooks").Translator;
|
|
26
26
|
prePage: () => false | undefined;
|
|
27
27
|
nextPage: () => false | undefined;
|
|
28
|
-
HzztIcon: {
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
HzztIcon: import("vue").DefineComponent<{
|
|
29
|
+
name: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
type: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}, {
|
|
38
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
39
|
+
name: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
type: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
}>> & {
|
|
48
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
49
|
+
}>>;
|
|
50
|
+
attrs: {
|
|
51
|
+
[x: string]: unknown;
|
|
52
|
+
};
|
|
53
|
+
componentName: import("vue").ComputedRef<string>;
|
|
54
|
+
ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
55
|
+
readonly size: {
|
|
56
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
57
|
+
readonly required: false;
|
|
58
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
59
|
+
__epPropKey: true;
|
|
60
|
+
};
|
|
61
|
+
readonly color: {
|
|
62
|
+
readonly type: import("vue").PropType<string>;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
65
|
+
__epPropKey: true;
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
+
readonly size: {
|
|
70
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
71
|
+
readonly required: false;
|
|
72
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
73
|
+
__epPropKey: true;
|
|
74
|
+
};
|
|
75
|
+
readonly color: {
|
|
76
|
+
readonly type: import("vue").PropType<string>;
|
|
77
|
+
readonly required: false;
|
|
78
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
79
|
+
__epPropKey: true;
|
|
80
|
+
};
|
|
81
|
+
}>> & {
|
|
82
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
83
|
+
}>>;
|
|
84
|
+
ns: {
|
|
85
|
+
namespace: import("vue").ComputedRef<string>;
|
|
86
|
+
b: (blockSuffix?: string | undefined) => string;
|
|
87
|
+
e: (element?: string | undefined) => string;
|
|
88
|
+
m: (modifier?: string | undefined) => string;
|
|
89
|
+
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
|
|
90
|
+
em: (element?: string | undefined, modifier?: string | undefined) => string;
|
|
91
|
+
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
|
|
92
|
+
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
|
|
93
|
+
is: {
|
|
94
|
+
(name: string, state: boolean | undefined): string;
|
|
95
|
+
(name: string): string;
|
|
96
|
+
};
|
|
97
|
+
cssVar: (object: Record<string, string>) => Record<string, string>;
|
|
98
|
+
cssVarName: (name: string) => string;
|
|
99
|
+
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
100
|
+
cssVarBlockName: (name: string) => string;
|
|
101
|
+
};
|
|
102
|
+
style: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
103
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
104
|
+
readonly size: {
|
|
105
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
106
|
+
readonly required: false;
|
|
107
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
108
|
+
__epPropKey: true;
|
|
109
|
+
};
|
|
110
|
+
readonly color: {
|
|
111
|
+
readonly type: import("vue").PropType<string>;
|
|
112
|
+
readonly required: false;
|
|
113
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
114
|
+
__epPropKey: true;
|
|
115
|
+
};
|
|
116
|
+
}>>, {}>> & Record<string, any>;
|
|
117
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
118
|
+
name: {
|
|
119
|
+
type: StringConstructor;
|
|
120
|
+
required: true;
|
|
121
|
+
};
|
|
122
|
+
type: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
}>>, {
|
|
127
|
+
type: string;
|
|
128
|
+
}>;
|
|
31
129
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next")[], "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
130
|
pagination: {
|
|
33
131
|
type: ObjectConstructor;
|
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
-
var
|
|
35
|
+
var HzztIcon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
|
|
36
36
|
|
|
37
|
-
exports["default"] =
|
|
37
|
+
exports["default"] = HzztIcon;
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -25,9 +25,107 @@ export declare const HzztPagination: import("hzzt-plus/es/utils").SFCWithInstall
|
|
|
25
25
|
t: import("../..").Translator;
|
|
26
26
|
prePage: () => false | undefined;
|
|
27
27
|
nextPage: () => false | undefined;
|
|
28
|
-
HzztIcon: {
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
HzztIcon: import("vue").DefineComponent<{
|
|
29
|
+
name: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
type: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}, {
|
|
38
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
39
|
+
name: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
type: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
}>> & {
|
|
48
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
49
|
+
}>>;
|
|
50
|
+
attrs: {
|
|
51
|
+
[x: string]: unknown;
|
|
52
|
+
};
|
|
53
|
+
componentName: import("vue").ComputedRef<string>;
|
|
54
|
+
ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
55
|
+
readonly size: {
|
|
56
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
57
|
+
readonly required: false;
|
|
58
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
59
|
+
__epPropKey: true;
|
|
60
|
+
};
|
|
61
|
+
readonly color: {
|
|
62
|
+
readonly type: import("vue").PropType<string>;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
65
|
+
__epPropKey: true;
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
+
readonly size: {
|
|
70
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
71
|
+
readonly required: false;
|
|
72
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
73
|
+
__epPropKey: true;
|
|
74
|
+
};
|
|
75
|
+
readonly color: {
|
|
76
|
+
readonly type: import("vue").PropType<string>;
|
|
77
|
+
readonly required: false;
|
|
78
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
79
|
+
__epPropKey: true;
|
|
80
|
+
};
|
|
81
|
+
}>> & {
|
|
82
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
83
|
+
}>>;
|
|
84
|
+
ns: {
|
|
85
|
+
namespace: import("vue").ComputedRef<string>;
|
|
86
|
+
b: (blockSuffix?: string | undefined) => string;
|
|
87
|
+
e: (element?: string | undefined) => string;
|
|
88
|
+
m: (modifier?: string | undefined) => string;
|
|
89
|
+
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
|
|
90
|
+
em: (element?: string | undefined, modifier?: string | undefined) => string;
|
|
91
|
+
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
|
|
92
|
+
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
|
|
93
|
+
is: {
|
|
94
|
+
(name: string, state: boolean | undefined): string;
|
|
95
|
+
(name: string): string;
|
|
96
|
+
};
|
|
97
|
+
cssVar: (object: Record<string, string>) => Record<string, string>;
|
|
98
|
+
cssVarName: (name: string) => string;
|
|
99
|
+
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
100
|
+
cssVarBlockName: (name: string) => string;
|
|
101
|
+
};
|
|
102
|
+
style: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
103
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
104
|
+
readonly size: {
|
|
105
|
+
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
106
|
+
readonly required: false;
|
|
107
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
108
|
+
__epPropKey: true;
|
|
109
|
+
};
|
|
110
|
+
readonly color: {
|
|
111
|
+
readonly type: import("vue").PropType<string>;
|
|
112
|
+
readonly required: false;
|
|
113
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
114
|
+
__epPropKey: true;
|
|
115
|
+
};
|
|
116
|
+
}>>, {}>> & Record<string, any>;
|
|
117
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
118
|
+
name: {
|
|
119
|
+
type: StringConstructor;
|
|
120
|
+
required: true;
|
|
121
|
+
};
|
|
122
|
+
type: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
}>>, {
|
|
127
|
+
type: string;
|
|
128
|
+
}>;
|
|
31
129
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next")[], "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
130
|
pagination: {
|
|
33
131
|
type: ObjectConstructor;
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var vue = require('vue');
|
|
6
|
-
var index$1 = require('../../icon/index.js');
|
|
6
|
+
var index$1 = require('../../icon/src/index.js');
|
|
7
7
|
require('../../../hooks/index.js');
|
|
8
8
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
9
|
var index = require('../../../hooks/use-locale/index.js');
|
|
10
10
|
|
|
11
11
|
const _hoisted_1 = { class: "flex justify-content-between hzzt-pagination" };
|
|
12
|
-
const _hoisted_2 = { class: "flex align-items-center font-12" };
|
|
13
|
-
const _hoisted_3 = { class: "flex align-items-center font-14" };
|
|
12
|
+
const _hoisted_2 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
|
|
13
|
+
const _hoisted_3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
|
|
14
14
|
const _hoisted_4 = { class: "flex" };
|
|
15
15
|
const __default__ = vue.defineComponent({
|
|
16
16
|
name: "HzztPagination"
|
|
@@ -50,13 +50,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
50
50
|
vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
|
|
51
51
|
vue.createElementVNode("div", _hoisted_3, [
|
|
52
52
|
vue.renderSlot(_ctx.$slots, "right"),
|
|
53
|
-
vue.createVNode(
|
|
53
|
+
vue.createVNode(index$1["default"], {
|
|
54
54
|
class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
|
|
55
55
|
name: "arrow-left",
|
|
56
56
|
onClick: prePage
|
|
57
57
|
}, null, 8, ["class"]),
|
|
58
58
|
vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.pagination.current_page) + "/" + vue.toDisplayString(__props.pagination.total_pages), 1),
|
|
59
|
-
vue.createVNode(
|
|
59
|
+
vue.createVNode(index$1["default"], {
|
|
60
60
|
class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
|
|
61
61
|
name: "arrow-right",
|
|
62
62
|
onClick: nextPage
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n <div class=\"flex justify-content-between hzzt-pagination\">\n <p class=\"flex align-items-center font-12\">\n {{ t('hzzt.pagination.total') }}{{ pagination.total }}{{ t('hzzt.pagination.strip') }}\n </p>\n <div class=\"flex align-items-center font-14\">\n <slot name=\"right\" />\n <hzzt-icon class=\"hzzt-pagination-arrow\" :class=\"{ active: pagination.current_page > 1 }\" name=\"arrow-left\"\n @click=\"prePage\" />\n <p class=\"flex\">\n {{ pagination.current_page }}/{{ pagination.total_pages }}\n </p>\n <hzzt-icon\n class=\"hzzt-pagination-arrow\"\n :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n name=\"arrow-right\"\n @click=\"nextPage\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n import
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n <div class=\"flex justify-content-between hzzt-pagination\">\n <p class=\"flex align-items-center font-12 hzzt-pagination-total\">\n {{ t('hzzt.pagination.total') }}{{ pagination.total }}{{ t('hzzt.pagination.strip') }}\n </p>\n <div class=\"flex align-items-center hzzt-pagination-page font-14\">\n <slot name=\"right\" />\n <hzzt-icon class=\"hzzt-pagination-arrow\" :class=\"{ active: pagination.current_page > 1 }\" name=\"arrow-left\"\n @click=\"prePage\" />\n <p class=\"flex\">\n {{ pagination.current_page }}/{{ pagination.total_pages }}\n </p>\n <hzzt-icon\n class=\"hzzt-pagination-arrow\"\n :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n name=\"arrow-right\"\n @click=\"nextPage\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n import {useLocale} from '@hzzt-plus/hooks'\n\n defineOptions({\n name: 'HzztPagination',\n });\n\n const props = defineProps({\n pagination: {\n type: Object,\n default: () => ({\n total: 0,\n current_page: 1,\n total_pages: 1,\n }),\n },\n });\n\n const emit = defineEmits(['prev', 'next']);\n const {t} = useLocale();\n\n function prePage() {\n if (props.pagination.current_page > 1) {\n emit('prev', props.pagination.current_page - 1);\n } else {\n return false;\n }\n }\n\n function nextPage() {\n if (props.pagination.current_page < props.pagination.total_pages) {\n emit('next', props.pagination.current_page + 1);\n } else {\n return false;\n }\n }\n</script>\n"],"names":["useLocale"],"mappings":";;;;;;;;;;;;;;uCA2BgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAcA,IAAM,MAAA,EAAC,MAAKA,eAAU,EAAA,CAAA;AAEtB,IAAmB,SAAA,OAAA,GAAA;AACjB,MAAI,IAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAG,EAAA;AACrC,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AAEA,IAAoB,SAAA,QAAA,GAAA;AAClB,MAAA,IAAI,KAAM,CAAA,UAAA,CAAW,YAAe,GAAA,KAAA,CAAM,WAAW,WAAa,EAAA;AAChE,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|