@geckou/ui-core 0.2.0 → 0.3.0

package/dist/constants.d.ts

@@ -22,4 +22,5 @@ export declare const MESSAGES: {
     invalidDay: string;
     monthOutOfRange: string;
     dayOutOfRange: (maxDay: number) => string;
+    startAfterEnd: string;
 };

package/dist/constants.js

@@ -63,4 +63,5 @@ export const MESSAGES = {
     invalidDay: '日は2桁の数字で入力してください',
     monthOutOfRange: '月は01から12の間で入力してください',
     dayOutOfRange: (maxDay) => `日は01から${maxDay}の間で入力してください`,
+    startAfterEnd: '終了日より後の日付は選べません',
 };

package/dist/date.js

@@ -76,6 +76,12 @@ export function composeDateValue(dateObject, type = 'date') {
     if (parts.some((part) => !part)) {
         return '';
     }
+    // 数字でない入力（'ab' 等）を pad(Number(part)) に通すと '2024-NaN-01' のような
+    // 日付でない文字列ができる。Number.isFinite だと '1.5' / '0x0a' / ' 1' を通して
+    // しまうので、validateDateObject と同じ isNumeric で判定する
+    if (parts.some((part) => !isNumeric(part))) {
+        return '';
+    }
     const [yearPart, ...rest] = parts;
     return [yearPart, ...rest.map((part) => pad(Number(part)))].join('-');
 }

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export * from './validation.js';
 export * from './date.js';
 export * from './text.js';
 export * from './form-validation-store.js';
+export * from './scroll-lock.js';

package/dist/index.js

@@ -4,3 +4,4 @@ export * from './validation.js';
 export * from './date.js';
 export * from './text.js';
 export * from './form-validation-store.js';
+export * from './scroll-lock.js';

package/dist/scroll-lock.d.ts

@@ -0,0 +1,7 @@
+export type ScrollLock = {
+    /** 引数の真偽でロック・解除を切り替える。同じ状態の連続呼び出しは無視される */
+    toggle: (shouldLock: boolean) => void;
+    /** アンマウント時に呼ぶ。ロック中なら解除する */
+    release: () => void;
+};
+export declare function createScrollLock(): ScrollLock;

package/dist/scroll-lock.js

@@ -0,0 +1,37 @@
+/**
+ * ページ全体のスクロールロック。
+ *
+ * モーダルを重ねても解除順で壊れないよう、ロック数をカウントする。
+ * 最初のロックで元の `overflow` を控え、最後の解除で戻す
+ * （無条件に `''` にすると、アプリ側が持っていたインラインの `overflow` が消える）。
+ *
+ * 呼び出し側は 1 コンポーネント 1 ハンドルを持ち、表示状態を `toggle()` に渡して、
+ * アンマウント時に `release()` する。同じハンドルから同じ状態を二度要求しても
+ * 数え間違えない。
+ */
+let lockCount = 0;
+let previousOverflow = '';
+function getBody() {
+    // SSR では document が無い（Nuxt / Next.js のサーバー側）
+    const doc = globalThis.document;
+    return doc?.body ?? null;
+}
+export function createScrollLock() {
+    let isLocked = false;
+    const toggle = (shouldLock) => {
+        const body = getBody();
+        if (!body || isLocked === shouldLock)
+            return;
+        isLocked = shouldLock;
+        lockCount += shouldLock ? 1 : -1;
+        if (lockCount === 1 && shouldLock) {
+            previousOverflow = body.style.overflow;
+            body.style.overflow = 'hidden';
+        }
+        else if (lockCount <= 0) {
+            lockCount = 0;
+            body.style.overflow = previousOverflow;
+        }
+    };
+    return { toggle, release: () => toggle(false) };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckou/ui-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Framework-agnostic logic shared by @geckou/ui-vue and @geckou/ui-react",
   "type": "module",
   "main": "dist/index.js",
@@ -34,8 +34,8 @@
   },
   "scripts": {
     "build": "rm -rf dist && tsc -p tsconfig.build.json",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "lint": "eslint src tests",
+    "lint:fix": "eslint src tests --fix",
     "prepublishOnly": "yarn build",
     "test": "vitest run",
     "test:watch": "vitest",