@geckou/ui-core 0.1.2 → 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.d.ts

@@ -12,7 +12,10 @@ export declare function daysInMonth(year: number, month: number): number;
 export declare function formatDateValue(value: string, type?: DateType): string;
 /** YYYY-MM-DD を年・月・日へ分解する。欠けている要素は空文字 */
 export declare function splitDate(value: string): DateObject;
-/** 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字 */
+/**
+ * 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字。
+ * 月・日は 2 桁へゼロ埋めする（'2024-1-5' ではなく '2024-01-05'）
+ */
 export declare function composeDateValue(dateObject: DateObject, type?: DateType): string;
 /**
  * 年・月・日の入力内容を検証する。

package/dist/date.js

@@ -7,7 +7,11 @@ function isNumeric(value) {
 }
 /** 指定した年月の日数。month は 1 始まり */
 export function daysInMonth(year, month) {
-    return new Date(year, month, 0).getDate();
+    // new Date(year, ...) は年 0〜99 を 1900 年代として扱う（0 → 1900）。
+    // setFullYear なら西暦そのままで解釈される
+    const date = new Date(0);
+    date.setFullYear(year, month, 0);
+    return date.getDate();
 }
 /**
  * 任意の日付文字列を YYYY-MM-DD（type='month' なら YYYY-MM）へ正規化する。
@@ -18,24 +22,43 @@ export function daysInMonth(year, month) {
  * getFullYear / getMonth / getDate を使って変換する。
  */
 export function formatDateValue(value, type = 'date') {
-    if (!value)
+    if (!value) {
         return '';
-    const matched = value.match(/^(\d{4})-(\d{1,2})(?:-(\d{1,2}))?/);
+    }
+    // 末尾を固定する。固定しないと '2024-01-15abc' のような値の頭だけを拾ってしまう。
+    // ISO 8601（'2024-01-14T23:00:00.000Z'）もここでは一致せず、下の Date へ回して
+    // ローカル時刻の日付に直す（字面の先頭 10 文字を採ると UTC 日付になり、
+    // JST では前日にずれる）
+    const matched = value.match(/^(\d{4})-(\d{1,2})(?:-(\d{1,2}))?$/);
     if (matched) {
         const [, year, month, day] = matched;
-        const yearMonth = `${year}-${pad(Number(month))}`;
-        if (type === 'month')
+        const monthNumber = Number(month);
+        if (monthNumber < 1 || monthNumber > 12) {
+            return '';
+        }
+        const yearMonth = `${year}-${pad(monthNumber)}`;
+        if (type === 'month') {
             return yearMonth;
+        }
         // type='date' は完全な日付を要求する。日が欠けていれば入力欄には反映しない
-        return day ? `${yearMonth}-${pad(Number(day))}` : '';
+        if (!day) {
+            return '';
+        }
+        const dayNumber = Number(day);
+        if (dayNumber < 1 || dayNumber > daysInMonth(Number(year), monthNumber)) {
+            return '';
+        }
+        return `${yearMonth}-${pad(dayNumber)}`;
     }
     const parsed = new Date(value);
     // 不正な日付文字列で toISOString() が throw していたため、先に弾く
-    if (Number.isNaN(parsed.getTime()))
+    if (Number.isNaN(parsed.getTime())) {
         return '';
+    }
     const yearMonth = `${parsed.getFullYear()}-${pad(parsed.getMonth() + 1)}`;
-    if (type === 'month')
+    if (type === 'month') {
         return yearMonth;
+    }
     return `${yearMonth}-${pad(parsed.getDate())}`;
 }
 /** YYYY-MM-DD を年・月・日へ分解する。欠けている要素は空文字 */
@@ -43,13 +66,24 @@ export function splitDate(value) {
     const [year = '', month = '', day = ''] = value.split('-');
     return { year, month, day };
 }
-/** 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字 */
+/**
+ * 年・月・日から日付文字列を組み立てる。要素が欠けていれば空文字。
+ * 月・日は 2 桁へゼロ埋めする（'2024-1-5' ではなく '2024-01-05'）
+ */
 export function composeDateValue(dateObject, type = 'date') {
     const { year, month, day } = dateObject;
     const parts = type === 'month' ? [year, month] : [year, month, day];
-    if (parts.some(part => !part))
+    if (parts.some((part) => !part)) {
         return '';
-    return parts.join('-');
+    }
+    // 数字でない入力（'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('-');
 }
 /**
  * 年・月・日の入力内容を検証する。
@@ -61,10 +95,11 @@ export function validateDateObject(dateObject, options = {}) {
     const day = type === 'month' ? '' : dateObject.day;
     const valid = { isValid: true, message: '' };
     // 全部空で必須でなければ未入力として通す
-    if ([year, month, day].every(value => !value) && !isRequired)
+    if ([year, month, day].every((value) => !value) && !isRequired) {
         return valid;
+    }
     const requiredValues = type === 'month' ? [year, month] : [year, month, day];
-    if (requiredValues.some(value => isRequired && !value)) {
+    if (requiredValues.some((value) => isRequired && !value)) {
         return { isValid: false, message: MESSAGES.required };
     }
     if (year.length !== 4 || !isNumeric(year)) {
@@ -80,9 +115,10 @@ export function validateDateObject(dateObject, options = {}) {
     if (monthNumber < 1 || monthNumber > 12) {
         return { isValid: false, message: MESSAGES.monthOutOfRange };
     }
+    // parseInt('00') は 0（falsy）。null との比較にしないと日 '00' の検査が飛ぶ
     const dayNumber = day ? parseInt(day, 10) : null;
     const maxDay = daysInMonth(parseInt(year, 10), monthNumber);
-    if (dayNumber && (dayNumber < 1 || dayNumber > maxDay)) {
+    if (dayNumber !== null && (dayNumber < 1 || dayNumber > maxDay)) {
         return { isValid: false, message: MESSAGES.dayOutOfRange(maxDay) };
     }
     return valid;

package/dist/form-validation-store.js

@@ -18,8 +18,9 @@ export function createFormValidationStore() {
     const buildSnapshot = () => {
         const invalidNames = [];
         states.forEach((isValid, name) => {
-            if (!isValid)
+            if (!isValid) {
                 invalidNames.push(name);
+            }
         });
         return { isAllValid: invalidNames.length === 0, invalidNames };
     };
@@ -29,15 +30,17 @@ export function createFormValidationStore() {
         const isSame = next.isAllValid === snapshot.isAllValid &&
             next.invalidNames.length === snapshot.invalidNames.length &&
             next.invalidNames.every((name, index) => name === snapshot.invalidNames[index]);
-        if (isSame)
+        if (isSame) {
             return;
+        }
         snapshot = next;
-        listeners.forEach(listener => listener());
+        listeners.forEach((listener) => listener());
     };
     return {
         setValid(name, isValid) {
-            if (states.get(name) === isValid)
+            if (states.get(name) === isValid) {
                 return;
+            }
             states.set(name, isValid);
             notify();
         },
@@ -45,13 +48,15 @@ export function createFormValidationStore() {
             return states.get(name) ?? true;
         },
         remove(name) {
-            if (!states.delete(name))
+            if (!states.delete(name)) {
                 return;
+            }
             notify();
         },
         reset() {
-            if (states.size === 0)
+            if (states.size === 0) {
                 return;
+            }
             states.clear();
             notify();
         },

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/dist/text.js

@@ -1,5 +1,5 @@
 const FULL_WIDTH_ALPHANUMERIC = /[Ａ-Ｚａ-ｚ０-９]/g;
 /** 全角の英数字を半角へ変換する。全角以外の文字はそのまま残す */
 export function convertFullWidthToHalfWidth(value) {
-    return value.replace(FULL_WIDTH_ALPHANUMERIC, character => String.fromCharCode(character.charCodeAt(0) - 0xfee0));
+    return value.replace(FULL_WIDTH_ALPHANUMERIC, (character) => String.fromCharCode(character.charCodeAt(0) - 0xfee0));
 }

package/dist/validation.js

@@ -17,14 +17,15 @@ export function isEmptyValue(value) {
  * 新規インスタンスは lastIndex = 0 なので、sticky の意味を保ったまま結果が安定する。
  */
 export function runValidates(value, validates) {
-    if (isEmptyValue(value))
+    if (isEmptyValue(value)) {
         return [];
+    }
     return validates
-        .filter(validate => {
+        .filter((validate) => {
         const regex = new RegExp(validate.regex.source, validate.regex.flags);
         return !regex.test(String(value));
     })
-        .map(validate => validate.message);
+        .map((validate) => validate.message);
 }
 /**
  * 必須チェックと validates をまとめて適用する。
@@ -32,7 +33,8 @@ export function runValidates(value, validates) {
  */
 export function validateInputValue(value, options = {}) {
     const { isRequired = false, validates = [] } = options;
-    if (isEmptyValue(value))
+    if (isEmptyValue(value)) {
         return isRequired ? [MESSAGES.required] : [];
+    }
     return runValidates(value, validates);
 }

package/package.json

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