@whitesev/data-paging 0.0.4 → 0.0.5
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/README.md +48 -48
- package/dist/index.amd.js +61 -61
- package/dist/index.amd.min.js +1 -1
- package/dist/index.cjs.js +61 -61
- package/dist/index.cjs.min.js +1 -1
- package/dist/index.esm.js +61 -61
- package/dist/index.esm.min.js +1 -1
- package/dist/index.iife.js +61 -61
- package/dist/index.iife.min.js +1 -1
- package/dist/index.system.js +61 -61
- package/dist/index.system.min.js +1 -1
- package/dist/index.umd.js +61 -61
- package/dist/index.umd.min.js +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/src/types/config.d.ts +58 -58
- package/index.ts +5 -4
- package/package.json +33 -30
- package/src/config.ts +27 -27
- package/src/index.ts +648 -648
- package/src/types/config.d.ts +58 -58
- package/src/utils.ts +22 -22
package/src/types/config.d.ts
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
export declare interface PagingStepButtonConfig {
|
|
2
|
-
/**
|
|
3
|
-
* 是否启用按钮
|
|
4
|
-
* @default true
|
|
5
|
-
*/
|
|
6
|
-
enable: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* 点击回调
|
|
9
|
-
*/
|
|
10
|
-
callBack?: (event: PointerEvent) => Promise<void> | void;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export declare interface PagingConfig<T> {
|
|
14
|
-
/**
|
|
15
|
-
* 数据源
|
|
16
|
-
*/
|
|
17
|
-
data: T[];
|
|
18
|
-
/**
|
|
19
|
-
* 每一页显示的数据的最大数量
|
|
20
|
-
* @default 5
|
|
21
|
-
*/
|
|
22
|
-
pageShowDataMaxCount?: number;
|
|
23
|
-
/**
|
|
24
|
-
* 显示的最大的分页页码数量
|
|
25
|
-
* @default 3
|
|
26
|
-
*/
|
|
27
|
-
pageMaxStep?: number;
|
|
28
|
-
/**
|
|
29
|
-
* 当前显示的页码
|
|
30
|
-
* @default 1
|
|
31
|
-
*/
|
|
32
|
-
currentPage?: number;
|
|
33
|
-
/**
|
|
34
|
-
* 页码改变的回调
|
|
35
|
-
*/
|
|
36
|
-
pageChangeCallBack: (
|
|
37
|
-
/**
|
|
38
|
-
* 当前的页码
|
|
39
|
-
*/
|
|
40
|
-
page: number
|
|
41
|
-
) => Promise<void> | void;
|
|
42
|
-
/**
|
|
43
|
-
* 上一页按钮的配置
|
|
44
|
-
*/
|
|
45
|
-
prevBtn?: PagingStepButtonConfig;
|
|
46
|
-
/**
|
|
47
|
-
* 下一页按钮的配置
|
|
48
|
-
*/
|
|
49
|
-
nextBtn?: PagingStepButtonConfig;
|
|
50
|
-
/**
|
|
51
|
-
* 第一页按钮的配置
|
|
52
|
-
*/
|
|
53
|
-
firstBtn?: PagingStepButtonConfig;
|
|
54
|
-
/**
|
|
55
|
-
* 最后一页按钮的配置
|
|
56
|
-
*/
|
|
57
|
-
lastBtn?: PagingStepButtonConfig;
|
|
58
|
-
}
|
|
1
|
+
export declare interface PagingStepButtonConfig {
|
|
2
|
+
/**
|
|
3
|
+
* 是否启用按钮
|
|
4
|
+
* @default true
|
|
5
|
+
*/
|
|
6
|
+
enable: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* 点击回调
|
|
9
|
+
*/
|
|
10
|
+
callBack?: (event: PointerEvent) => Promise<void> | void;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export declare interface PagingConfig<T> {
|
|
14
|
+
/**
|
|
15
|
+
* 数据源
|
|
16
|
+
*/
|
|
17
|
+
data: T[];
|
|
18
|
+
/**
|
|
19
|
+
* 每一页显示的数据的最大数量
|
|
20
|
+
* @default 5
|
|
21
|
+
*/
|
|
22
|
+
pageShowDataMaxCount?: number;
|
|
23
|
+
/**
|
|
24
|
+
* 显示的最大的分页页码数量
|
|
25
|
+
* @default 3
|
|
26
|
+
*/
|
|
27
|
+
pageMaxStep?: number;
|
|
28
|
+
/**
|
|
29
|
+
* 当前显示的页码
|
|
30
|
+
* @default 1
|
|
31
|
+
*/
|
|
32
|
+
currentPage?: number;
|
|
33
|
+
/**
|
|
34
|
+
* 页码改变的回调
|
|
35
|
+
*/
|
|
36
|
+
pageChangeCallBack: (
|
|
37
|
+
/**
|
|
38
|
+
* 当前的页码
|
|
39
|
+
*/
|
|
40
|
+
page: number
|
|
41
|
+
) => Promise<void> | void;
|
|
42
|
+
/**
|
|
43
|
+
* 上一页按钮的配置
|
|
44
|
+
*/
|
|
45
|
+
prevBtn?: PagingStepButtonConfig;
|
|
46
|
+
/**
|
|
47
|
+
* 下一页按钮的配置
|
|
48
|
+
*/
|
|
49
|
+
nextBtn?: PagingStepButtonConfig;
|
|
50
|
+
/**
|
|
51
|
+
* 第一页按钮的配置
|
|
52
|
+
*/
|
|
53
|
+
firstBtn?: PagingStepButtonConfig;
|
|
54
|
+
/**
|
|
55
|
+
* 最后一页按钮的配置
|
|
56
|
+
*/
|
|
57
|
+
lastBtn?: PagingStepButtonConfig;
|
|
58
|
+
}
|
package/src/utils.ts
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export const PagingUtils = {
|
|
2
|
-
/**
|
|
3
|
-
* 设置安全的html
|
|
4
|
-
*/
|
|
5
|
-
setSafeHTML($el: Element, text: string) {
|
|
6
|
-
// 创建 TrustedHTML 策略(需 CSP 允许)
|
|
7
|
-
try {
|
|
8
|
-
$el.innerHTML = text;
|
|
9
|
-
} catch {
|
|
10
|
-
// @ts-
|
|
11
|
-
if (globalThis.trustedTypes) {
|
|
12
|
-
// @ts-
|
|
13
|
-
const policy = globalThis.trustedTypes.createPolicy("safe-innerHTML", {
|
|
14
|
-
createHTML: (html: string) => html,
|
|
15
|
-
});
|
|
16
|
-
$el.innerHTML = policy.createHTML(text);
|
|
17
|
-
} else {
|
|
18
|
-
throw new Error("PagingUtils trustedTypes is not defined");
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
export const PagingUtils = {
|
|
2
|
+
/**
|
|
3
|
+
* 设置安全的html
|
|
4
|
+
*/
|
|
5
|
+
setSafeHTML($el: Element, text: string) {
|
|
6
|
+
// 创建 TrustedHTML 策略(需 CSP 允许)
|
|
7
|
+
try {
|
|
8
|
+
$el.innerHTML = text;
|
|
9
|
+
} catch {
|
|
10
|
+
// @ts-expect-error
|
|
11
|
+
if (globalThis.trustedTypes) {
|
|
12
|
+
// @ts-expect-error
|
|
13
|
+
const policy = globalThis.trustedTypes.createPolicy("safe-innerHTML", {
|
|
14
|
+
createHTML: (html: string) => html,
|
|
15
|
+
});
|
|
16
|
+
$el.innerHTML = policy.createHTML(text);
|
|
17
|
+
} else {
|
|
18
|
+
throw new Error("PagingUtils trustedTypes is not defined");
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
};
|