@digitalwalletcorp/vue-core 1.4.0 → 1.4.1

package/src/helpers/data-table-csv.ts

@@ -1,55 +0,0 @@
-import { getValueByPath, resolveLabel } from '@/internal/data-table-value';
-import type { DataTableCsvColumn, DataTableHeader } from '@/types/data-table';
-
-/** 行番号を出力するキー */
-const INDEX_KEY = '$index';
-
-/**
- * ヘッダから CSV に出力する列の定義を取り出す。csv を持たないヘッダと disabled の列は含めない
- */
-const toCsvColumns = <T>(headers: DataTableHeader<T>[]): { header: DataTableHeader<T>; column: DataTableCsvColumn<T> }[] => {
-  const columns: { header: DataTableHeader<T>; column: DataTableCsvColumn<T> }[] = [];
-  for (const header of headers) {
-    if (header.csv === true) {
-      columns.push({ header, column: {} });
-    } else if (Array.isArray(header.csv)) {
-      for (const column of header.csv) {
-        if (!column.disabled) {
-          columns.push({ header, column });
-        }
-      }
-    }
-  }
-  return columns;
-};
-
-/**
- * ヘッダの csv の定義から CSV の列名を作る
- *
- * @param {DataTableHeader<T>[]} headers
- * @returns {string[]} 列名
- */
-export const headersToCsvColumns = <T>(headers: DataTableHeader<T>[]): string[] => {
-  return toCsvColumns(headers).map(({ header, column }) => resolveLabel(column.label ?? header.label));
-};
-
-/**
- * ヘッダの csv の定義に従って行から CSV の列の値を取り出す
- *
- * @param {DataTableHeader<T>[]} headers
- * @param {T} row
- * @param {number} [rowNumber] key が '$index' の列に出力する行番号
- * @returns {unknown[]} 列の値。文字列化はしない
- */
-export const rowToCsvColumns = <T>(headers: DataTableHeader<T>[], row: T, rowNumber?: number): unknown[] => {
-  return toCsvColumns(headers).map(({ header, column }) => {
-    if (column.format) {
-      return column.format(row);
-    }
-    const key = column.key ?? header.id;
-    if (key === INDEX_KEY) {
-      return rowNumber;
-    }
-    return getValueByPath(row, key);
-  });
-};

package/src/internal/data-table-value.ts

@@ -1,99 +0,0 @@
-import type { DataTableValueType } from '@/types/data-table';
-
-/**
- * ドット区切りのパスで入れ子の値を取り出す。途中が null なら undefined
- *
- * @param {unknown} obj
- * @param {string} path 'a.b.c' の形。'a[0].b' は 'a.0.b' と同じ
- * @returns {unknown}
- */
-export const getValueByPath = (obj: unknown, path: string): unknown => {
-  let value: unknown = obj;
-  for (const key of path.replace(/\[(\w+)\]/g, '.$1').split('.')) {
-    if (value == null) {
-      return undefined;
-    }
-    value = (value as Record<string, unknown>)[key];
-  }
-  return value;
-};
-
-/**
- * 文字列または文字列を返す関数から文字列を得る
- *
- * @param {string | (() => string)} label
- * @returns {string}
- */
-export const resolveLabel = (label: string | (() => string) | undefined): string => {
-  if (typeof label === 'function') {
-    return label();
-  }
-  return label ?? '';
-};
-
-const toBoolean = (value: unknown): boolean => {
-  return value === true || value === 'true' || value === '1' || value === 'on' || value === 1;
-};
-
-/**
- * カンマ付きの文字列も数値として扱うため、符号・数字・小数点だけを残して数値化する
- */
-const toNumber = (value: unknown): number => {
-  if (typeof value === 'number') {
-    return value;
-  }
-  return Number(String(value).replace(/[^+\-\d.]/g, ''));
-};
-
-/**
- * 型に応じて2つの値を比較する。null / undefined は最小として扱う
- *
- * @param {unknown} a
- * @param {unknown} b
- * @param {DataTableValueType} type
- * @returns {number} a が前なら負の数、後ろなら正の数、等しければ 0
- */
-export const compareValues = (a: unknown, b: unknown, type: DataTableValueType): number => {
-  if (a == null && b == null) {
-    return 0;
-  }
-  if (a == null) {
-    return -1;
-  }
-  if (b == null) {
-    return 1;
-  }
-  if (a === b) {
-    return 0;
-  }
-  switch (type) {
-    case 'boolean':
-      return (toBoolean(a) ? 1 : 0) - (toBoolean(b) ? 1 : 0);
-    case 'number': {
-      const numA = toNumber(a);
-      const numB = toNumber(b);
-      if (Number.isNaN(numA) || Number.isNaN(numB)) {
-        return (Number.isNaN(numA) ? 0 : 1) - (Number.isNaN(numB) ? 0 : 1);
-      }
-      return numA - numB;
-    }
-    case 'object':
-      return stringifyValue(a).localeCompare(stringifyValue(b));
-    default:
-      return String(a).localeCompare(String(b));
-  }
-};
-
-/**
- * 行の同一性の判定に使う文字列にする。bigint は文字列にし、循環参照は空文字にする
- *
- * @param {unknown} value
- * @returns {string}
- */
-export const stringifyValue = (value: unknown): string => {
-  try {
-    return JSON.stringify(value, (_, v) => typeof v === 'bigint' ? v.toString() : v) ?? '';
-  } catch {
-    return '';
-  }
-};

package/src/internal/opened-overlay-boxes.ts

@@ -1,2 +0,0 @@
-/** 開いている OverlayBox を開いた順に持つ。Esc では最後に開いたものだけを閉じる */
-export const openedOverlayBoxes: symbol[] = [];

package/src/internal/snackbar-item.ts

@@ -1,20 +0,0 @@
-import type { ClassValue, StyleValue } from 'vue';
-
-/** snackbar を表示する画面上の位置 */
-export type SnackbarPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-
-/** 同じ表示領域に並べる向き。overlap は同じ位置に重ねて新しいものを前面に出し、column は縦に積み、row は横に並べて端で折り返す */
-export type SnackbarDirection = 'overlap' | 'column' | 'row';
-
-/** 表示領域に並べる snackbar 1件分の内容 */
-export interface SnackbarItem {
-  id: number;
-  message: string;
-  title?: string;
-  label?: string;
-  timestamp?: string;
-  clearable: boolean;
-  clearLabel: string;
-  class?: ClassValue;
-  style?: StyleValue;
-}

package/src/internal/window-order.ts

@@ -1,11 +0,0 @@
-let lastOrder = 0;
-
-/**
- * ウィンドウ(OverlayBox / FloatingComponent)の重なり順を返す。後から呼んだものほど大きく、前面に出る
- *
- * @returns {number}
- */
-export const nextWindowOrder = (): number => {
-  lastOrder += 1;
-  return lastOrder;
-};

package/src/types/data-table.ts

@@ -1,99 +0,0 @@
-/** 列の値の型。ソートの比較方法を決める */
-export type DataTableValueType = 'boolean' | 'string' | 'number' | 'object';
-
-/** ソートの方式。page は表示中の行を並べ替えて表示し、remote はソート条件を通知するだけで利用側が再取得する */
-export type DataTableSortMode = 'page' | 'remote';
-
-/** コントロール(ページネーション・総件数・表示件数・ダウンロードボタン)を出す位置 */
-export type DataTableControlsPlacement = 'both' | 'top' | 'bottom' | 'none';
-
-/**
- * CSV に出力する列の定義
- */
-export interface DataTableCsvColumn<T = unknown> {
-  /** true なら出力しない */
-  disabled?: boolean;
-  /** 値を取り出すキー。ドット区切りで入れ子を辿る。未指定なら DataTableHeader.id。'$index' は行番号 */
-  key?: string;
-  /** 列名。未指定なら DataTableHeader.label。言語切替に追従させる場合は関数で渡す */
-  label?: string | (() => string);
-  /** 値の整形。指定したときは key を使わない */
-  format?: (row: T) => unknown;
-}
-
-/**
- * ヘッダの定義
- */
-export interface DataTableHeader<T = unknown> {
-  /** 列を識別するキー。ソートで値を取り出すキーにもなる */
-  id: string;
-  /** 見出し。言語切替に追従させる場合は関数で渡す */
-  label: string | (() => string);
-  /** true なら label を HTML として描画する */
-  html?: boolean;
-  /** ソートで値を取り出すキー。id と違うキーで並べるときに指定する。ドット区切りで入れ子を辿る */
-  sortKey?: string;
-  /** 値の型。ソートの比較方法を決める。未指定なら string */
-  type?: DataTableValueType;
-  /** 行同士を比較する関数。指定したときは sortKey と type を使わない。昇順の並びで a が前なら負の数を返す */
-  compare?: (a: T, b: T) => number;
-  /** 列の幅。数値は px */
-  width?: string | number;
-  /** 列の最小幅。数値は px */
-  minWidth?: string | number;
-  /** 列の最大幅。数値は px */
-  maxWidth?: string | number;
-  /** th の rowspan */
-  rowspan?: string | number;
-  /** th の colspan */
-  colspan?: string | number;
-  /** th の title 属性 */
-  title?: string;
-  /** CSV の出力定義。true なら id の値を label の列名で出力する。未指定なら出力しない */
-  csv?: boolean | DataTableCsvColumn<T>[];
-}
-
-/**
- * 表示する文言。言語切替に追従させる場合は関数で渡す
- */
-export interface DataTableLabels {
-  /** 総件数の見出し */
-  totalCount?: string | (() => string);
-  /** 総件数の後ろに付ける単位 */
-  totalUnit?: string | (() => string);
-  /** 1ページあたりの表示件数の見出し */
-  limit?: string | (() => string);
-  /** データが無いときの表示 */
-  noData?: string | (() => string);
-  /** ページ番号の選択の見出し。showPageSelect のときに表示する */
-  pageNumber?: string | (() => string);
-  /** ページダウンロードボタンの title */
-  downloadPage?: string | (() => string);
-  /** 全件ダウンロードボタンの title */
-  downloadAll?: string | (() => string);
-  /** 先頭ページへ移動するボタンの読み上げ名 */
-  firstPage?: string | (() => string);
-  /** 前のページへ移動するボタンの読み上げ名 */
-  previousPage?: string | (() => string);
-  /** 前のページ番号の組へ移動するボタンの読み上げ名 */
-  previousPages?: string | (() => string);
-  /** 次のページ番号の組へ移動するボタンの読み上げ名 */
-  nextPages?: string | (() => string);
-  /** 次のページへ移動するボタンの読み上げ名 */
-  nextPage?: string | (() => string);
-  /** 末尾ページへ移動するボタンの読み上げ名 */
-  lastPage?: string | (() => string);
-}
-
-/** 関数を評価した後の文言 */
-export type DataTableResolvedLabels = Record<keyof DataTableLabels, string>;
-
-/**
- * ソートの状態
- */
-export interface DataTableSortContext {
-  /** ソートしているヘッダの id。ソートしていなければ空文字 */
-  sortKey: string;
-  /** 降順なら true */
-  descending: boolean;
-}

package/src/types/label-preset.ts

@@ -1,13 +0,0 @@
-import type { Component } from 'vue';
-
-/**
- * アイコンとラベルの組み合わせ
- */
-export interface LabelPreset {
-  /** アイコンのコンポーネント */
-  icon: Component;
-  /** アイコンに渡すProps */
-  iconProps?: Record<string, unknown>;
-  /** ラベル。言語切替に追従させる場合は、描画のたびに呼ばれる関数で渡す */
-  label: string | (() => string);
-}

package/src/types/modal-dialog.ts

@@ -1,16 +0,0 @@
-/** モーダルダイアログの種類 */
-export type ModalDialogType = 'info' | 'confirm' | 'warn' | 'error';
-
-/** モーダルダイアログに並べるボタンの種類 */
-export type ModalDialogButton = 'ok' | 'yes' | 'no' | 'cancel';
-
-/** モーダルダイアログを閉じたボタン。Esc で閉じたときは cancel */
-export type ModalDialogResult = ModalDialogButton;
-
-/** モーダルダイアログに表示する画像。文字列は画像の URL */
-export type ModalDialogImage = string | {
-  /** 画像の URL */
-  src: string;
-  /** 代替テキスト */
-  alt: string;
-};

package/src/types/movable-window.ts

@@ -1,18 +0,0 @@
-/** ドラッグで移動するときに掴む範囲。body はウィンドウ全体、header は見出しだけ */
-export type MovableWindowDragMode = 'body' | 'header';
-
-/** showOverlayBox / showFloatingComponent が中身のコンポーネントに props として渡す関数 */
-export interface MovableWindowContentProps {
-  /** ウィンドウを閉じる */
-  close: () => void;
-  /** ウィンドウのローディング表示を切り替える */
-  setLoading: (loading: boolean) => void;
-}
-
-/** showOverlayBox / showFloatingComponent が返す、表示中のウィンドウを操作するためのハンドル */
-export interface MovableWindowHandle {
-  /** ウィンドウを閉じ、閉じ終わったら取り外す */
-  close: () => void;
-  /** ウィンドウのローディング表示を切り替える */
-  setLoading: (loading: boolean) => void;
-}