@digitalwalletcorp/vue-core 1.4.0 → 1.4.1

package/lib/internal/movable-window.d.ts

@@ -1,5 +1,5 @@
 import { ClassValue, StyleValue } from 'vue';
-import { MovableWindowDragMode } from '../types/movable-window';
+import { MovableWindowDragMode } from './window-control';
 interface Props {
     /** 各部位のクラスの接頭辞。利用側のコンポーネントのクラス名(dwui-overlay-box など) */
     name: string;

package/lib/internal/pagination.d.cts

@@ -1,4 +1,4 @@
-import { DataTableResolvedLabels } from '../types/data-table.cjs';
+import { DataTableResolvedLabels } from '../helpers/data-table.cjs';
 interface Props {
     /** 現在ページ(1起点) */
     current: number;

package/lib/internal/pagination.d.ts

@@ -1,4 +1,4 @@
-import { DataTableResolvedLabels } from '../types/data-table';
+import { DataTableResolvedLabels } from '../helpers/data-table';
 interface Props {
     /** 現在ページ(1起点) */
     current: number;

package/lib/internal/snackbar-container.d.cts

@@ -1,4 +1,4 @@
-import { SnackbarDirection, SnackbarItem, SnackbarPlacement } from './snackbar-item.cjs';
+import { SnackbarDirection, SnackbarItem, SnackbarPlacement } from '../helpers/snackbar.cjs';
 interface Props {
     /** 表示する位置 */
     placement: SnackbarPlacement;

package/lib/internal/snackbar-container.d.ts

@@ -1,4 +1,4 @@
-import { SnackbarDirection, SnackbarItem, SnackbarPlacement } from './snackbar-item';
+import { SnackbarDirection, SnackbarItem, SnackbarPlacement } from '../helpers/snackbar';
 interface Props {
     /** 表示する位置 */
     placement: SnackbarPlacement;

package/lib/internal/use-movable-window.d.cts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { MovableWindowDragMode } from '../types/movable-window.cjs';
+import { MovableWindowDragMode } from './window-control.cjs';
 /** リサイズで掴んでいる角 */
 export type MovableWindowCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 interface MovableWindowOptions<T extends HTMLElement = HTMLElement> {

package/lib/internal/use-movable-window.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { MovableWindowDragMode } from '../types/movable-window';
+import { MovableWindowDragMode } from './window-control';
 /** リサイズで掴んでいる角 */
 export type MovableWindowCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 interface MovableWindowOptions<T extends HTMLElement = HTMLElement> {

package/lib/internal/{mount-window.d.cts → window-control.d.cts}

@@ -1,5 +1,26 @@
 import { AppContext, VNode } from 'vue';
-import { MovableWindowHandle } from '../types/movable-window.cjs';
+/** ドラッグで移動するときに掴む範囲。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;
+}
+/**
+ * ウィンドウ(OverlayBox / FloatingComponent)の重なり順を返す。後から呼んだものほど大きく、前面に出る
+ *
+ * @returns {number}
+ */
+export declare const nextWindowOrder: () => number;
 /** ウィンドウのコンポーネントに渡す、開閉とローディングの props とリスナー */
 export interface WindowProps {
     open: boolean;

package/lib/internal/{mount-window.d.ts → window-control.d.ts}

@@ -1,5 +1,26 @@
 import { AppContext, VNode } from 'vue';
-import { MovableWindowHandle } from '../types/movable-window';
+/** ドラッグで移動するときに掴む範囲。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;
+}
+/**
+ * ウィンドウ(OverlayBox / FloatingComponent)の重なり順を返す。後から呼んだものほど大きく、前面に出る
+ *
+ * @returns {number}
+ */
+export declare const nextWindowOrder: () => number;
 /** ウィンドウのコンポーネントに渡す、開閉とローディングの props とリスナー */
 export interface WindowProps {
     open: boolean;

package/lib/label-button.d.cts

@@ -1,5 +1,5 @@
 import { ClassValue, StyleValue } from 'vue';
-import { LabelPreset } from './types/label-preset.cjs';
+import { LabelPreset } from './label-icon.cjs';
 export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;

package/lib/label-button.d.ts

@@ -1,5 +1,5 @@
 import { ClassValue, StyleValue } from 'vue';
-import { LabelPreset } from './types/label-preset';
+import { LabelPreset } from './label-icon';
 export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;

package/lib/label-icon.d.cts

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

package/lib/label-icon.d.ts

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

package/lib/modal-dialog.d.cts

@@ -1,4 +1,4 @@
-import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './types/modal-dialog.cjs';
+import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog.cjs';
 export interface Props {
     /** ダイアログの種類 */
     type?: ModalDialogType;

package/lib/modal-dialog.d.ts

@@ -1,4 +1,4 @@
-import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './types/modal-dialog';
+import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog';
 export interface Props {
     /** ダイアログの種類 */
     type?: ModalDialogType;

package/lib/nuxt.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-COL2ZbhC.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-BCJWnExf.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;

package/lib/nuxt.js

@@ -1,5 +1,5 @@
 import { defineNuxtModule as t, createResolver as r, addComponent as n } from "@nuxt/kit";
-import { c as a } from "./components-B2jz-g6A.js";
+import { c as a } from "./components-CDIhw5uP.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/overlay-box.d.cts

@@ -1,4 +1,4 @@
-import { MovableWindowDragMode } from './types/movable-window.cjs';
+import { MovableWindowDragMode } from './internal/window-control.cjs';
 export interface Props {
     /** 見出し。title スロットで差し替えられる */
     title?: string;

package/lib/overlay-box.d.ts

@@ -1,4 +1,4 @@
-import { MovableWindowDragMode } from './types/movable-window';
+import { MovableWindowDragMode } from './internal/window-control';
 export interface Props {
     /** 見出し。title スロットで差し替えられる */
     title?: string;

package/lib/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-COL2ZbhC.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-BCJWnExf.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;

package/lib/register.js

@@ -1,4 +1,4 @@
-import { c as t } from "./components-B2jz-g6A.js";
+import { c as t } from "./components-CDIhw5uP.js";
 function m(o) {
   for (const [n, e] of Object.entries(t))
     o.component(n, e);

package/lib/tab-content.d.cts

@@ -1,5 +1,5 @@
 import { ClassValue, StyleValue } from 'vue';
-import { TabContentStatus } from './internal/tab-group-context.cjs';
+import { TabContentStatus } from './internal/tab-group.cjs';
 export interface Props {
     /** タブを識別するID。TabGroupのselectedTabIdに渡す値 */
     tabId: string;

package/lib/tab-content.d.ts

@@ -1,5 +1,5 @@
 import { ClassValue, StyleValue } from 'vue';
-import { TabContentStatus } from './internal/tab-group-context';
+import { TabContentStatus } from './internal/tab-group';
 export interface Props {
     /** タブを識別するID。TabGroupのselectedTabIdに渡す値 */
     tabId: string;