@stephenchenorg/astro 7.2.0 → 8.1.0
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/company-setting/index.d.ts +2 -2
- package/dist/form-validator/index.d.ts +9 -9
- package/dist/form-validator/index.js +1 -1
- package/dist/page/index.d.ts +3 -3
- package/dist/pagination-vue-client-side/index.d.ts +32 -0
- package/dist/pagination-vue-client-side/index.js +42 -0
- package/dist/pagination-vue-server-side/index.d.ts +32 -0
- package/dist/{pagination-vue → pagination-vue-server-side}/index.js +3 -4
- package/dist/query-params/index.d.ts +2 -2
- package/package.json +16 -11
- package/dist/pagination-vue/index.d.ts +0 -33
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as graphql0 from "graphql";
|
|
2
2
|
|
|
3
3
|
//#region src/company-setting/types.d.ts
|
|
4
4
|
interface DataCompanySetting {
|
|
@@ -42,6 +42,6 @@ declare function createCompanySetting(companySetting: Partial<CompanySetting>):
|
|
|
42
42
|
};
|
|
43
43
|
//#endregion
|
|
44
44
|
//#region src/company-setting/fragments.d.ts
|
|
45
|
-
declare const companySettingFields:
|
|
45
|
+
declare const companySettingFields: graphql0.DocumentNode;
|
|
46
46
|
//#endregion
|
|
47
47
|
export { CompanySetting, DataCompanySetting, companySettingFields, createCompanySetting };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as vue5 from "vue";
|
|
2
2
|
import { PropType } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/form-validator/types.d.ts
|
|
@@ -23,7 +23,7 @@ declare class FormValidator {
|
|
|
23
23
|
}
|
|
24
24
|
//#endregion
|
|
25
25
|
//#region src/form-validator/components/FormField.d.ts
|
|
26
|
-
declare const FormField:
|
|
26
|
+
declare const FormField: vue5.DefineComponent<vue5.ExtractPropTypes<{
|
|
27
27
|
id: {
|
|
28
28
|
type: StringConstructor;
|
|
29
29
|
required: true;
|
|
@@ -32,9 +32,9 @@ declare const FormField: vue27.DefineComponent<vue27.ExtractPropTypes<{
|
|
|
32
32
|
type: PropType<FormRule[]>;
|
|
33
33
|
default: () => never[];
|
|
34
34
|
};
|
|
35
|
-
}>, () =>
|
|
35
|
+
}>, () => vue5.VNode<vue5.RendererNode, vue5.RendererElement, {
|
|
36
36
|
[key: string]: any;
|
|
37
|
-
}>[] | undefined, {}, {}, {},
|
|
37
|
+
}>[] | undefined, {}, {}, {}, vue5.ComponentOptionsMixin, vue5.ComponentOptionsMixin, {}, string, vue5.PublicProps, Readonly<vue5.ExtractPropTypes<{
|
|
38
38
|
id: {
|
|
39
39
|
type: StringConstructor;
|
|
40
40
|
required: true;
|
|
@@ -45,27 +45,27 @@ declare const FormField: vue27.DefineComponent<vue27.ExtractPropTypes<{
|
|
|
45
45
|
};
|
|
46
46
|
}>> & Readonly<{}>, {
|
|
47
47
|
rules: FormRule[];
|
|
48
|
-
}, {}, {}, {}, string,
|
|
48
|
+
}, {}, {}, {}, string, vue5.ComponentProvideOptions, true, {}, any>;
|
|
49
49
|
//#endregion
|
|
50
50
|
//#region src/form-validator/components/FormValidatorProvider.d.ts
|
|
51
51
|
interface FormValidatorProviderExposed {
|
|
52
52
|
formValidator: () => FormValidator;
|
|
53
53
|
}
|
|
54
|
-
declare const FormValidatorProvider:
|
|
54
|
+
declare const FormValidatorProvider: vue5.DefineComponent<vue5.ExtractPropTypes<{
|
|
55
55
|
errors: {
|
|
56
56
|
type: PropType<FormErrors>;
|
|
57
57
|
default: () => {};
|
|
58
58
|
};
|
|
59
|
-
}>, () =>
|
|
59
|
+
}>, () => vue5.VNode<vue5.RendererNode, vue5.RendererElement, {
|
|
60
60
|
[key: string]: any;
|
|
61
|
-
}>[] | undefined, {}, {}, {},
|
|
61
|
+
}>[] | undefined, {}, {}, {}, vue5.ComponentOptionsMixin, vue5.ComponentOptionsMixin, {}, string, vue5.PublicProps, Readonly<vue5.ExtractPropTypes<{
|
|
62
62
|
errors: {
|
|
63
63
|
type: PropType<FormErrors>;
|
|
64
64
|
default: () => {};
|
|
65
65
|
};
|
|
66
66
|
}>> & Readonly<{}>, {
|
|
67
67
|
errors: FormErrors;
|
|
68
|
-
}, {}, {}, {}, string,
|
|
68
|
+
}, {}, {}, {}, string, vue5.ComponentProvideOptions, true, {}, any>;
|
|
69
69
|
//#endregion
|
|
70
70
|
//#region src/form-validator/useFormValidator.d.ts
|
|
71
71
|
declare function useFormValidator(): FormValidator;
|
|
@@ -100,7 +100,7 @@ const FormValidatorProvider = defineComponent({
|
|
|
100
100
|
formValidator.setErrors(props.errors);
|
|
101
101
|
}, { deep: true });
|
|
102
102
|
expose({ formValidator: () => formValidator });
|
|
103
|
-
return () => slots.default?.();
|
|
103
|
+
return () => slots.default?.({ errors: formValidator.errors });
|
|
104
104
|
}
|
|
105
105
|
});
|
|
106
106
|
var FormValidatorProvider_default = FormValidatorProvider;
|
package/dist/page/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as graphql3 from "graphql";
|
|
2
2
|
|
|
3
3
|
//#region src/page/field/fragments.d.ts
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import * as graphql39 from "graphql";
|
|
|
6
6
|
* Page fields fragment requires explicit import image
|
|
7
7
|
* fields fragment `imageFields` from Image module.
|
|
8
8
|
*/
|
|
9
|
-
declare const pageFields:
|
|
9
|
+
declare const pageFields: graphql3.DocumentNode;
|
|
10
10
|
//#endregion
|
|
11
11
|
//#region src/page/types.d.ts
|
|
12
12
|
interface DataPage {
|
|
@@ -88,7 +88,7 @@ declare function pageTextField(fields: PageField[], key: string): string | null;
|
|
|
88
88
|
declare function pageImageFieldForBackground(fields: PageField[], key: string): string;
|
|
89
89
|
//#endregion
|
|
90
90
|
//#region src/page/seo-meta/fragments.d.ts
|
|
91
|
-
declare const seoMetaFields: (dummyClass: string) =>
|
|
91
|
+
declare const seoMetaFields: (dummyClass: string) => graphql3.DocumentNode;
|
|
92
92
|
//#endregion
|
|
93
93
|
//#region src/page/seo-meta/helpers.d.ts
|
|
94
94
|
type UseSeoMetaOptions = Partial<Omit<PageMeta, 'title'>> & {
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as vue0 from "vue";
|
|
2
|
+
import { MaybeRefOrGetter } from "vue";
|
|
3
|
+
|
|
4
|
+
//#region src/pagination-vue-client-side/types.d.ts
|
|
5
|
+
interface Paginator<T> {
|
|
6
|
+
total: number;
|
|
7
|
+
per_page: number;
|
|
8
|
+
data: T[];
|
|
9
|
+
}
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/pagination-vue-client-side/usePagination.d.ts
|
|
12
|
+
declare function usePagination(options: {
|
|
13
|
+
total: MaybeRefOrGetter<number>;
|
|
14
|
+
currentPage: MaybeRefOrGetter<number>;
|
|
15
|
+
perPage?: MaybeRefOrGetter<number | undefined>;
|
|
16
|
+
visiblePages?: MaybeRefOrGetter<number | undefined>;
|
|
17
|
+
onChange?: (page: number) => void;
|
|
18
|
+
}): {
|
|
19
|
+
items: vue0.ComputedRef<number[]>;
|
|
20
|
+
showPagination: vue0.ComputedRef<boolean>;
|
|
21
|
+
canFirst: vue0.ComputedRef<boolean>;
|
|
22
|
+
canPrev: vue0.ComputedRef<boolean>;
|
|
23
|
+
canNext: vue0.ComputedRef<boolean>;
|
|
24
|
+
canLast: vue0.ComputedRef<boolean>;
|
|
25
|
+
gotoFirst: () => void;
|
|
26
|
+
gotoPrev: () => void;
|
|
27
|
+
gotoNext: () => void;
|
|
28
|
+
gotoLast: () => void;
|
|
29
|
+
gotoPage: (page: number) => void;
|
|
30
|
+
};
|
|
31
|
+
//#endregion
|
|
32
|
+
export { Paginator, usePagination };
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { computed, toValue } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region src/pagination-vue-client-side/usePagination.ts
|
|
4
|
+
function usePagination(options) {
|
|
5
|
+
const total = computed(() => toValue(options.total));
|
|
6
|
+
const currentPage = computed(() => toValue(options.currentPage));
|
|
7
|
+
const perPage = computed(() => toValue(options.perPage) || 12);
|
|
8
|
+
const totalPages = computed(() => Math.ceil(total.value / perPage.value));
|
|
9
|
+
const visiblePages = computed(() => Math.min(toValue(options.visiblePages) || 5, totalPages.value));
|
|
10
|
+
const sideCount = computed(() => Math.floor(visiblePages.value / 2));
|
|
11
|
+
const items = computed(() => {
|
|
12
|
+
const items$1 = [];
|
|
13
|
+
let start = Math.max(1, currentPage.value - sideCount.value);
|
|
14
|
+
let end = Math.min(totalPages.value, currentPage.value + sideCount.value);
|
|
15
|
+
if (end - start + 1 < visiblePages.value && currentPage.value > 0) {
|
|
16
|
+
if (currentPage.value <= sideCount.value) end = Math.min(totalPages.value, start + visiblePages.value - 1);
|
|
17
|
+
else if (currentPage.value > totalPages.value - sideCount.value) start = Math.max(1, end - visiblePages.value + 1);
|
|
18
|
+
}
|
|
19
|
+
for (let i = start; i <= end; i++) items$1.push(i);
|
|
20
|
+
return items$1;
|
|
21
|
+
});
|
|
22
|
+
function gotoPage(page) {
|
|
23
|
+
const newPage = Math.max(1, Math.min(page, totalPages.value));
|
|
24
|
+
if (newPage !== currentPage.value) options.onChange?.(newPage);
|
|
25
|
+
}
|
|
26
|
+
return {
|
|
27
|
+
items,
|
|
28
|
+
showPagination: computed(() => total.value > perPage.value),
|
|
29
|
+
canFirst: computed(() => currentPage.value > 1),
|
|
30
|
+
canPrev: computed(() => currentPage.value > 1),
|
|
31
|
+
canNext: computed(() => currentPage.value < totalPages.value),
|
|
32
|
+
canLast: computed(() => currentPage.value < totalPages.value),
|
|
33
|
+
gotoFirst: () => gotoPage(1),
|
|
34
|
+
gotoPrev: () => gotoPage(currentPage.value - 1),
|
|
35
|
+
gotoNext: () => gotoPage(currentPage.value + 1),
|
|
36
|
+
gotoLast: () => gotoPage(totalPages.value),
|
|
37
|
+
gotoPage
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
export { usePagination };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as vue25 from "vue";
|
|
2
|
+
import { MaybeRefOrGetter } from "vue";
|
|
3
|
+
|
|
4
|
+
//#region src/pagination-vue-server-side/types.d.ts
|
|
5
|
+
interface Paginator<T> {
|
|
6
|
+
total: number;
|
|
7
|
+
per_page: number;
|
|
8
|
+
data: T[];
|
|
9
|
+
}
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/pagination-vue-server-side/usePagination.d.ts
|
|
12
|
+
declare function usePagination(options: {
|
|
13
|
+
total: MaybeRefOrGetter<number>;
|
|
14
|
+
currentPage: MaybeRefOrGetter<number>;
|
|
15
|
+
url: string;
|
|
16
|
+
perPage?: MaybeRefOrGetter<number | undefined>;
|
|
17
|
+
visiblePages?: MaybeRefOrGetter<number | undefined>;
|
|
18
|
+
}): {
|
|
19
|
+
items: vue25.ComputedRef<number[]>;
|
|
20
|
+
showPagination: vue25.ComputedRef<boolean>;
|
|
21
|
+
canFirst: vue25.ComputedRef<boolean>;
|
|
22
|
+
canPrev: vue25.ComputedRef<boolean>;
|
|
23
|
+
canNext: vue25.ComputedRef<boolean>;
|
|
24
|
+
canLast: vue25.ComputedRef<boolean>;
|
|
25
|
+
firstUrl: vue25.ComputedRef<string>;
|
|
26
|
+
prevUrl: vue25.ComputedRef<string>;
|
|
27
|
+
nextUrl: vue25.ComputedRef<string>;
|
|
28
|
+
lastUrl: vue25.ComputedRef<string>;
|
|
29
|
+
getUrl: (page: number) => string;
|
|
30
|
+
};
|
|
31
|
+
//#endregion
|
|
32
|
+
export { Paginator, usePagination };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { computed, toValue } from "vue";
|
|
2
2
|
|
|
3
|
-
//#region src/pagination-vue/usePagination.ts
|
|
3
|
+
//#region src/pagination-vue-server-side/usePagination.ts
|
|
4
4
|
function usePagination(options) {
|
|
5
5
|
const total = computed(() => toValue(options.total));
|
|
6
6
|
const currentPage = computed(() => toValue(options.currentPage));
|
|
7
|
-
const perPage = computed(() => toValue(options.perPage || 12)
|
|
7
|
+
const perPage = computed(() => toValue(options.perPage) || 12);
|
|
8
8
|
const totalPages = computed(() => Math.ceil(total.value / perPage.value));
|
|
9
|
-
const visiblePages = computed(() => Math.min(toValue(options.visiblePages || 5
|
|
9
|
+
const visiblePages = computed(() => Math.min(toValue(options.visiblePages) || 5, totalPages.value));
|
|
10
10
|
const sideCount = computed(() => Math.floor(visiblePages.value / 2));
|
|
11
11
|
const items = computed(() => {
|
|
12
12
|
const items$1 = [];
|
|
@@ -27,7 +27,6 @@ function usePagination(options) {
|
|
|
27
27
|
return {
|
|
28
28
|
items,
|
|
29
29
|
showPagination: computed(() => total.value > perPage.value),
|
|
30
|
-
currentPage,
|
|
31
30
|
canFirst: computed(() => currentPage.value > 1),
|
|
32
31
|
canPrev: computed(() => currentPage.value > 1),
|
|
33
32
|
canNext: computed(() => currentPage.value < totalPages.value),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as nanostores0 from "nanostores";
|
|
2
2
|
import qs from "query-string";
|
|
3
3
|
|
|
4
4
|
//#region src/query-params/types.d.ts
|
|
@@ -13,7 +13,7 @@ interface UrlConfig {
|
|
|
13
13
|
declare function createUrlConfig(config: UrlConfig): UrlConfig;
|
|
14
14
|
//#endregion
|
|
15
15
|
//#region src/query-params/store.d.ts
|
|
16
|
-
declare const urlConfigStore:
|
|
16
|
+
declare const urlConfigStore: nanostores0.PreinitializedWritableAtom<UrlConfig> & object;
|
|
17
17
|
//#endregion
|
|
18
18
|
//#region src/query-params/url.d.ts
|
|
19
19
|
declare global {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stephenchenorg/astro",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "8.1.0",
|
|
5
5
|
"description": "Stephenchenorg Astro 前端通用套件",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://stephenchenorg-astro.netlify.app",
|
|
@@ -46,9 +46,13 @@
|
|
|
46
46
|
"types": "./dist/pagination-astro/index.d.ts",
|
|
47
47
|
"import": "./dist/pagination-astro/index.js"
|
|
48
48
|
},
|
|
49
|
-
"./pagination-vue": {
|
|
50
|
-
"types": "./dist/pagination-vue/index.d.ts",
|
|
51
|
-
"import": "./dist/pagination-vue/index.js"
|
|
49
|
+
"./pagination-vue-client-side": {
|
|
50
|
+
"types": "./dist/pagination-vue-client-side/index.d.ts",
|
|
51
|
+
"import": "./dist/pagination-vue-client-side/index.js"
|
|
52
|
+
},
|
|
53
|
+
"./pagination-vue-server-side": {
|
|
54
|
+
"types": "./dist/pagination-vue-server-side/index.d.ts",
|
|
55
|
+
"import": "./dist/pagination-vue-server-side/index.js"
|
|
52
56
|
},
|
|
53
57
|
"./query-params": {
|
|
54
58
|
"types": "./dist/query-params/index.d.ts",
|
|
@@ -100,14 +104,15 @@
|
|
|
100
104
|
"devDependencies": {
|
|
101
105
|
"@astrojs/check": "^0.9.4",
|
|
102
106
|
"@astrojs/vue": "^5.1.0",
|
|
103
|
-
"@ycs77/eslint-config": "^
|
|
104
|
-
"astro": "^5.
|
|
105
|
-
"bumpp": "^10.2.
|
|
106
|
-
"eslint": "^9.
|
|
107
|
+
"@ycs77/eslint-config": "^5.0.0",
|
|
108
|
+
"astro": "^5.13.4",
|
|
109
|
+
"bumpp": "^10.2.3",
|
|
110
|
+
"eslint": "^9.34.0",
|
|
107
111
|
"eslint-plugin-astro": "^1.3.1",
|
|
108
|
-
"
|
|
109
|
-
"
|
|
112
|
+
"eslint-plugin-astro-explicit-wrapper": "^1.0.3",
|
|
113
|
+
"tsdown": "^0.14.2",
|
|
114
|
+
"typescript": "^5.9.2",
|
|
110
115
|
"vitest": "^3.2.4",
|
|
111
|
-
"vue": "^3.5.
|
|
116
|
+
"vue": "^3.5.20"
|
|
112
117
|
}
|
|
113
118
|
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as vue3 from "vue";
|
|
2
|
-
import { MaybeRefOrGetter } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/pagination-vue/types.d.ts
|
|
5
|
-
interface Paginator<T> {
|
|
6
|
-
total: number;
|
|
7
|
-
per_page: number;
|
|
8
|
-
data: T[];
|
|
9
|
-
}
|
|
10
|
-
//#endregion
|
|
11
|
-
//#region src/pagination-vue/usePagination.d.ts
|
|
12
|
-
declare function usePagination(options: {
|
|
13
|
-
total: MaybeRefOrGetter<number>;
|
|
14
|
-
currentPage: MaybeRefOrGetter<number>;
|
|
15
|
-
url: string;
|
|
16
|
-
perPage?: MaybeRefOrGetter<number>;
|
|
17
|
-
visiblePages?: MaybeRefOrGetter<number>;
|
|
18
|
-
}): {
|
|
19
|
-
items: vue3.ComputedRef<number[]>;
|
|
20
|
-
showPagination: vue3.ComputedRef<boolean>;
|
|
21
|
-
currentPage: vue3.ComputedRef<number>;
|
|
22
|
-
canFirst: vue3.ComputedRef<boolean>;
|
|
23
|
-
canPrev: vue3.ComputedRef<boolean>;
|
|
24
|
-
canNext: vue3.ComputedRef<boolean>;
|
|
25
|
-
canLast: vue3.ComputedRef<boolean>;
|
|
26
|
-
firstUrl: vue3.ComputedRef<string>;
|
|
27
|
-
prevUrl: vue3.ComputedRef<string>;
|
|
28
|
-
nextUrl: vue3.ComputedRef<string>;
|
|
29
|
-
lastUrl: vue3.ComputedRef<string>;
|
|
30
|
-
getUrl: (page: number) => string;
|
|
31
|
-
};
|
|
32
|
-
//#endregion
|
|
33
|
-
export { Paginator, usePagination };
|