@stephenchenorg/astro 7.2.0 → 8.0.0

package/dist/company-setting/index.d.ts

@@ -1,4 +1,4 @@
-import * as graphql14 from "graphql";
+import * as graphql6 from "graphql";
 
 //#region src/company-setting/types.d.ts
 interface DataCompanySetting {
@@ -42,6 +42,6 @@ declare function createCompanySetting(companySetting: Partial<CompanySetting>):
 };
 //#endregion
 //#region src/company-setting/fragments.d.ts
-declare const companySettingFields: graphql14.DocumentNode;
+declare const companySettingFields: graphql6.DocumentNode;
 //#endregion
 export { CompanySetting, DataCompanySetting, companySettingFields, createCompanySetting };

package/dist/form-validator/index.d.ts

@@ -1,4 +1,4 @@
-import * as vue27 from "vue";
+import * as vue33 from "vue";
 import { PropType } from "vue";
 
 //#region src/form-validator/types.d.ts
@@ -23,7 +23,7 @@ declare class FormValidator {
 }
 //#endregion
 //#region src/form-validator/components/FormField.d.ts
-declare const FormField: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const FormField: vue33.DefineComponent<vue33.ExtractPropTypes<{
   id: {
     type: StringConstructor;
     required: true;
@@ -32,9 +32,9 @@ declare const FormField: vue27.DefineComponent<vue27.ExtractPropTypes<{
     type: PropType<FormRule[]>;
     default: () => never[];
   };
-}>, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
+}>, () => vue33.VNode<vue33.RendererNode, vue33.RendererElement, {
   [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, vue33.ComponentOptionsMixin, vue33.ComponentOptionsMixin, {}, string, vue33.PublicProps, Readonly<vue33.ExtractPropTypes<{
   id: {
     type: StringConstructor;
     required: true;
@@ -45,27 +45,27 @@ declare const FormField: vue27.DefineComponent<vue27.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   rules: FormRule[];
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue33.ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/form-validator/components/FormValidatorProvider.d.ts
 interface FormValidatorProviderExposed {
   formValidator: () => FormValidator;
 }
-declare const FormValidatorProvider: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const FormValidatorProvider: vue33.DefineComponent<vue33.ExtractPropTypes<{
   errors: {
     type: PropType<FormErrors>;
     default: () => {};
   };
-}>, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
+}>, () => vue33.VNode<vue33.RendererNode, vue33.RendererElement, {
   [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, vue33.ComponentOptionsMixin, vue33.ComponentOptionsMixin, {}, string, vue33.PublicProps, Readonly<vue33.ExtractPropTypes<{
   errors: {
     type: PropType<FormErrors>;
     default: () => {};
   };
 }>> & Readonly<{}>, {
   errors: FormErrors;
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue33.ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/form-validator/useFormValidator.d.ts
 declare function useFormValidator(): FormValidator;

package/dist/image/index.d.ts

@@ -1,9 +1,9 @@
-import * as graphql0 from "graphql";
+import * as graphql18 from "graphql";
 
 //#region src/image/fragments.d.ts
-declare const imageFields: graphql0.DocumentNode;
-declare const coverFields: graphql0.DocumentNode;
-declare const backgroundFields: graphql0.DocumentNode;
+declare const imageFields: graphql18.DocumentNode;
+declare const coverFields: graphql18.DocumentNode;
+declare const backgroundFields: graphql18.DocumentNode;
 //#endregion
 //#region src/image/types.d.ts
 interface ImageSource {

package/dist/page/index.d.ts

@@ -1,4 +1,4 @@
-import * as graphql39 from "graphql";
+import * as graphql44 from "graphql";
 
 //#region src/page/field/fragments.d.ts
 
@@ -6,7 +6,7 @@ import * as graphql39 from "graphql";
  * Page fields fragment requires explicit import image
  * fields fragment `imageFields` from Image module.
  */
-declare const pageFields: graphql39.DocumentNode;
+declare const pageFields: graphql44.DocumentNode;
 //#endregion
 //#region src/page/types.d.ts
 interface DataPage {
@@ -88,7 +88,7 @@ declare function pageTextField(fields: PageField[], key: string): string | null;
 declare function pageImageFieldForBackground(fields: PageField[], key: string): string;
 //#endregion
 //#region src/page/seo-meta/fragments.d.ts
-declare const seoMetaFields: (dummyClass: string) => graphql39.DocumentNode;
+declare const seoMetaFields: (dummyClass: string) => graphql44.DocumentNode;
 //#endregion
 //#region src/page/seo-meta/helpers.d.ts
 type UseSeoMetaOptions = Partial<Omit<PageMeta, 'title'>> & {

package/dist/pagination-vue-client-side/index.d.ts

@@ -0,0 +1,32 @@
+import * as vue0 from "vue";
+import { MaybeRefOrGetter } from "vue";
+
+//#region src/pagination-vue-client-side/types.d.ts
+interface Paginator<T> {
+  total: number;
+  per_page: number;
+  data: T[];
+}
+//#endregion
+//#region src/pagination-vue-client-side/usePagination.d.ts
+declare function usePagination(options: {
+  total: MaybeRefOrGetter<number>;
+  currentPage: MaybeRefOrGetter<number>;
+  perPage?: MaybeRefOrGetter<number | undefined>;
+  visiblePages?: MaybeRefOrGetter<number | undefined>;
+  onChange?: (page: number) => void;
+}): {
+  items: vue0.ComputedRef<number[]>;
+  showPagination: vue0.ComputedRef<boolean>;
+  canFirst: vue0.ComputedRef<boolean>;
+  canPrev: vue0.ComputedRef<boolean>;
+  canNext: vue0.ComputedRef<boolean>;
+  canLast: vue0.ComputedRef<boolean>;
+  gotoFirst: () => void;
+  gotoPrev: () => void;
+  gotoNext: () => void;
+  gotoLast: () => void;
+  gotoPage: (page: number) => void;
+};
+//#endregion
+export { Paginator, usePagination };

package/dist/pagination-vue-client-side/index.js

@@ -0,0 +1,42 @@
+import { computed, toValue } from "vue";
+
+//#region src/pagination-vue-client-side/usePagination.ts
+function usePagination(options) {
+	const total = computed(() => toValue(options.total));
+	const currentPage = computed(() => toValue(options.currentPage));
+	const perPage = computed(() => toValue(options.perPage) || 12);
+	const totalPages = computed(() => Math.ceil(total.value / perPage.value));
+	const visiblePages = computed(() => Math.min(toValue(options.visiblePages) || 5, totalPages.value));
+	const sideCount = computed(() => Math.floor(visiblePages.value / 2));
+	const items = computed(() => {
+		const items$1 = [];
+		let start = Math.max(1, currentPage.value - sideCount.value);
+		let end = Math.min(totalPages.value, currentPage.value + sideCount.value);
+		if (end - start + 1 < visiblePages.value && currentPage.value > 0) {
+			if (currentPage.value <= sideCount.value) end = Math.min(totalPages.value, start + visiblePages.value - 1);
+			else if (currentPage.value > totalPages.value - sideCount.value) start = Math.max(1, end - visiblePages.value + 1);
+		}
+		for (let i = start; i <= end; i++) items$1.push(i);
+		return items$1;
+	});
+	function gotoPage(page) {
+		const newPage = Math.max(1, Math.min(page, totalPages.value));
+		if (newPage !== currentPage.value) options.onChange?.(newPage);
+	}
+	return {
+		items,
+		showPagination: computed(() => total.value > perPage.value),
+		canFirst: computed(() => currentPage.value > 1),
+		canPrev: computed(() => currentPage.value > 1),
+		canNext: computed(() => currentPage.value < totalPages.value),
+		canLast: computed(() => currentPage.value < totalPages.value),
+		gotoFirst: () => gotoPage(1),
+		gotoPrev: () => gotoPage(currentPage.value - 1),
+		gotoNext: () => gotoPage(currentPage.value + 1),
+		gotoLast: () => gotoPage(totalPages.value),
+		gotoPage
+	};
+}
+
+//#endregion
+export { usePagination };

package/dist/pagination-vue-server-side/index.d.ts

@@ -0,0 +1,32 @@
+import * as vue7 from "vue";
+import { MaybeRefOrGetter } from "vue";
+
+//#region src/pagination-vue-server-side/types.d.ts
+interface Paginator<T> {
+  total: number;
+  per_page: number;
+  data: T[];
+}
+//#endregion
+//#region src/pagination-vue-server-side/usePagination.d.ts
+declare function usePagination(options: {
+  total: MaybeRefOrGetter<number>;
+  currentPage: MaybeRefOrGetter<number>;
+  url: string;
+  perPage?: MaybeRefOrGetter<number | undefined>;
+  visiblePages?: MaybeRefOrGetter<number | undefined>;
+}): {
+  items: vue7.ComputedRef<number[]>;
+  showPagination: vue7.ComputedRef<boolean>;
+  canFirst: vue7.ComputedRef<boolean>;
+  canPrev: vue7.ComputedRef<boolean>;
+  canNext: vue7.ComputedRef<boolean>;
+  canLast: vue7.ComputedRef<boolean>;
+  firstUrl: vue7.ComputedRef<string>;
+  prevUrl: vue7.ComputedRef<string>;
+  nextUrl: vue7.ComputedRef<string>;
+  lastUrl: vue7.ComputedRef<string>;
+  getUrl: (page: number) => string;
+};
+//#endregion
+export { Paginator, usePagination };

package/dist/{pagination-vue → pagination-vue-server-side}/index.js

@@ -1,12 +1,12 @@
 import { computed, toValue } from "vue";
 
-//#region src/pagination-vue/usePagination.ts
+//#region src/pagination-vue-server-side/usePagination.ts
 function usePagination(options) {
 	const total = computed(() => toValue(options.total));
 	const currentPage = computed(() => toValue(options.currentPage));
-	const perPage = computed(() => toValue(options.perPage || 12));
+	const perPage = computed(() => toValue(options.perPage) || 12);
 	const totalPages = computed(() => Math.ceil(total.value / perPage.value));
-	const visiblePages = computed(() => Math.min(toValue(options.visiblePages || 5), totalPages.value));
+	const visiblePages = computed(() => Math.min(toValue(options.visiblePages) || 5, totalPages.value));
 	const sideCount = computed(() => Math.floor(visiblePages.value / 2));
 	const items = computed(() => {
 		const items$1 = [];
@@ -27,7 +27,6 @@ function usePagination(options) {
 	return {
 		items,
 		showPagination: computed(() => total.value > perPage.value),
-		currentPage,
 		canFirst: computed(() => currentPage.value > 1),
 		canPrev: computed(() => currentPage.value > 1),
 		canNext: computed(() => currentPage.value < totalPages.value),

package/dist/query-params/index.d.ts

@@ -1,4 +1,4 @@
-import * as nanostores37 from "nanostores";
+import * as nanostores17 from "nanostores";
 import qs from "query-string";
 
 //#region src/query-params/types.d.ts
@@ -13,7 +13,7 @@ interface UrlConfig {
 declare function createUrlConfig(config: UrlConfig): UrlConfig;
 //#endregion
 //#region src/query-params/store.d.ts
-declare const urlConfigStore: nanostores37.PreinitializedWritableAtom<UrlConfig> & object;
+declare const urlConfigStore: nanostores17.PreinitializedWritableAtom<UrlConfig> & object;
 //#endregion
 //#region src/query-params/url.d.ts
 declare global {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stephenchenorg/astro",
   "type": "module",
-  "version": "7.2.0",
+  "version": "8.0.0",
   "description": "Stephenchenorg Astro 前端通用套件",
   "license": "MIT",
   "homepage": "https://stephenchenorg-astro.netlify.app",
@@ -46,9 +46,13 @@
       "types": "./dist/pagination-astro/index.d.ts",
       "import": "./dist/pagination-astro/index.js"
     },
-    "./pagination-vue": {
-      "types": "./dist/pagination-vue/index.d.ts",
-      "import": "./dist/pagination-vue/index.js"
+    "./pagination-vue-client-side": {
+      "types": "./dist/pagination-vue-client-side/index.d.ts",
+      "import": "./dist/pagination-vue-client-side/index.js"
+    },
+    "./pagination-vue-server-side": {
+      "types": "./dist/pagination-vue-server-side/index.d.ts",
+      "import": "./dist/pagination-vue-server-side/index.js"
     },
     "./query-params": {
       "types": "./dist/query-params/index.d.ts",

package/dist/pagination-vue/index.d.ts

@@ -1,33 +0,0 @@
-import * as vue3 from "vue";
-import { MaybeRefOrGetter } from "vue";
-
-//#region src/pagination-vue/types.d.ts
-interface Paginator<T> {
-  total: number;
-  per_page: number;
-  data: T[];
-}
-//#endregion
-//#region src/pagination-vue/usePagination.d.ts
-declare function usePagination(options: {
-  total: MaybeRefOrGetter<number>;
-  currentPage: MaybeRefOrGetter<number>;
-  url: string;
-  perPage?: MaybeRefOrGetter<number>;
-  visiblePages?: MaybeRefOrGetter<number>;
-}): {
-  items: vue3.ComputedRef<number[]>;
-  showPagination: vue3.ComputedRef<boolean>;
-  currentPage: vue3.ComputedRef<number>;
-  canFirst: vue3.ComputedRef<boolean>;
-  canPrev: vue3.ComputedRef<boolean>;
-  canNext: vue3.ComputedRef<boolean>;
-  canLast: vue3.ComputedRef<boolean>;
-  firstUrl: vue3.ComputedRef<string>;
-  prevUrl: vue3.ComputedRef<string>;
-  nextUrl: vue3.ComputedRef<string>;
-  lastUrl: vue3.ComputedRef<string>;
-  getUrl: (page: number) => string;
-};
-//#endregion
-export { Paginator, usePagination };