@digitalwalletcorp/vue-core 1.3.0 → 1.4.0

package/lib/index.js

@@ -1,8 +1,8 @@
-import { r as K, g as X, n as T, _ as Y, a as Q, c as Z, b as ee, d as ne, e as te } from "./warning-popper.vue_vue_type_style_index_0_lang-zt-jCsvz.js";
-import { f as Xe, h as Ye, i as Qe, j as Ze, k as en, l as nn, m as tn, o as on, p as an, q as sn, s as ln, t as rn, u as cn, v as dn, w as un } from "./warning-popper.vue_vue_type_style_index_0_lang-zt-jCsvz.js";
-import { defineComponent as E, ref as v, onMounted as oe, openBlock as u, createBlock as L, Transition as ae, withCtx as b, normalizeStyle as W, normalizeClass as S, createSlots as se, renderSlot as le, createTextVNode as re, toDisplayString as y, createVNode as P, createCommentVNode as g, getCurrentInstance as ie, onBeforeUnmount as ce, render as m, h as p, computed as A, TransitionGroup as de, createElementBlock as f, unref as ue, Fragment as pe, renderList as me, createElementVNode as fe, shallowReactive as we } from "vue";
+import { r as J, g as X, n as A, _ as Y, a as Q, c as Z, b as ee, d as ne, e as te } from "./warning-popper.vue_vue_type_style_index_0_lang-CgXoSjjp.js";
+import { f as Xe, h as Ye, i as Qe, j as Ze, k as en, l as nn, m as tn, o as on, p as an, q as sn, s as ln, t as rn, u as cn, v as dn, w as un, x as pn } from "./warning-popper.vue_vue_type_style_index_0_lang-CgXoSjjp.js";
+import { defineComponent as E, ref as C, onMounted as oe, openBlock as p, createBlock as L, Transition as ae, withCtx as b, normalizeStyle as P, normalizeClass as S, createSlots as se, renderSlot as le, createTextVNode as re, toDisplayString as y, createVNode as F, createCommentVNode as g, getCurrentInstance as ie, onBeforeUnmount as ce, render as m, h as u, computed as M, TransitionGroup as de, createElementBlock as f, unref as ue, Fragment as pe, renderList as me, createElementVNode as fe, shallowReactive as we } from "vue";
 import { SvgWastebasket as ge } from "@digitalwalletcorp/vue-svg-icons";
-const he = "$index", F = (n) => {
+const he = "$index", H = (n) => {
   const t = [];
   for (const e of n)
     if (e.csv === !0)
@@ -11,7 +11,7 @@ const he = "$index", F = (n) => {
       for (const o of e.csv)
         o.disabled || t.push({ header: e, column: o });
   return t;
-}, Te = (n) => F(n).map(({ header: t, column: e }) => K(e.label ?? t.label)), Ae = (n, t, e) => F(n).map(({ header: o, column: a }) => {
+}, De = (n) => H(n).map(({ header: t, column: e }) => J(e.label ?? t.label)), Ae = (n, t, e) => H(n).map(({ header: o, column: a }) => {
   if (a.format)
     return a.format(t);
   const s = a.key ?? o.id;
@@ -35,8 +35,8 @@ const he = "$index", F = (n) => {
   },
   emits: ["update:open", "emit:close"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = v(), s = v(T()), r = () => {
-      s.value = T();
+    const e = n, o = t, a = C(), s = C(A()), r = () => {
+      s.value = A();
     }, i = () => {
       e.closeOnDblClick && o("update:open", !1);
     }, l = () => {
@@ -48,38 +48,38 @@ const he = "$index", F = (n) => {
       window.innerWidth < w && (w = window.innerWidth * 0.9);
       let h = e.initialSize?.height ?? -1;
       window.innerHeight < h && (h = window.innerHeight * 0.9), c.size.width = w, c.size.height = h;
-      const $ = document.documentElement.scrollLeft, D = document.documentElement.scrollTop;
+      const O = document.documentElement.scrollLeft, T = document.documentElement.scrollTop;
       if (e.anchor) {
-        const q = {
+        const U = {
           width: w,
           height: 0 <= h ? h : d.height
-        }, J = {
+        }, q = {
           width: document.documentElement.clientWidth,
           height: document.documentElement.clientHeight
-        }, O = Z(e.anchor.getBoundingClientRect(), q, J, {
+        }, D = Z(e.anchor.getBoundingClientRect(), U, q, {
           placement: "bottom-start",
           offset: 0,
           margin: 0,
           arrowMargin: 0
         });
-        c.position.x = O.left + $, c.position.y = O.top + D;
+        c.position.x = D.left + O, c.position.y = D.top + T;
       } else
-        c.position.x = 10 + $, c.position.y = 10 + D;
+        c.position.x = 10 + O, c.position.y = 10 + T;
     };
     return oe(() => {
       e.open && l();
-    }), (c, d) => (u(), L(ae, {
+    }), (c, d) => (p(), L(ae, {
       name: "dwui-floating-component-fade",
       onAfterLeave: d[1] || (d[1] = (w) => o("emit:close"))
     }, {
       default: b(() => [
-        e.open ? (u(), L(Y, {
+        e.open ? (p(), L(Y, {
           key: 0,
           ref_key: "refWindow",
           ref: a,
           class: S(["dwui-floating-component", { "dwui-lock-scroll": e.lockScroll }]),
           name: "dwui-floating-component",
-          style: W({ "--dwui-order-window": s.value }),
+          style: P({ "--dwui-order-window": s.value }),
           "drag-mode": e.dragMode,
           loading: e.loading,
           "close-label": e.closeLabel,
@@ -101,7 +101,7 @@ const he = "$index", F = (n) => {
           e.copyValue != null ? {
             name: "actions",
             fn: b(() => [
-              P(Q, {
+              F(Q, {
                 class: "dwui-floating-component-copy-button",
                 value: e.copyValue,
                 "aria-label": e.copyLabel
@@ -118,7 +118,7 @@ const he = "$index", F = (n) => {
 function V(n, t, e) {
   const o = document.createElement("div");
   document.body.appendChild(o);
-  const a = v(!0), s = v(!1), r = {
+  const a = C(!0), s = C(!1), r = {
     close: () => {
       a.value = !1;
     },
@@ -134,10 +134,10 @@ function V(n, t, e) {
     "onEmit:close": () => {
       e.delete(r), m(null, o), o.remove(), t.onClosed?.(), t.onClose?.();
     }
-  }, r)), l = p(i);
+  }, r)), l = u(i);
   return t.appContext && (l.appContext = t.appContext), m(l, o), e.add(r), r;
 }
-function H(n) {
+function I(n) {
   const t = ie();
   if (!t)
     throw new Error(`${n}() must be called inside setup().`);
@@ -155,9 +155,9 @@ function H(n) {
     }
   };
 }
-const I = /* @__PURE__ */ new Set(), k = (n, t, e) => {
+const z = /* @__PURE__ */ new Set(), k = (n, t, e) => {
   const { appContext: o, onClose: a, ...s } = t ?? {};
-  return V((r, i) => p(be, {
+  return V((r, i) => u(be, {
     closeLabel: "Close",
     copyLabel: "Copy",
     closeOnDblClick: !1,
@@ -166,38 +166,38 @@ const I = /* @__PURE__ */ new Set(), k = (n, t, e) => {
     ...r
   }, {
     default: () => n(i)
-  }), { appContext: o, onClose: a, onClosed: e }, I);
-}, z = (n, t) => (e) => p(n, {
+  }), { appContext: o, onClose: a, onClosed: e }, z);
+}, N = (n, t) => (e) => u(n, {
   ...t,
   ...e
-}), N = (n) => typeof n == "string" ? n : JSON.stringify(n, null, 2), R = (n) => () => p("div", { class: "dwui-floating-component-message" }, n);
+}), $ = (n) => typeof n == "string" ? n : JSON.stringify(n, null, 2), R = (n, t) => () => t && typeof n == "string" ? u("div", { class: "dwui-floating-component-message", innerHTML: n }) : u("div", { class: "dwui-floating-component-message" }, $(n));
 function Me(n, t, e) {
-  return k(z(n, t), e);
+  return k(N(n, t), e);
 }
 function We(n, t) {
-  const e = N(n);
-  return k(R(e), {
-    copyValue: e,
-    ...t
+  const { html: e, ...o } = t ?? {};
+  return k(R(n, e), {
+    copyValue: $(n),
+    ...o
   });
 }
 function Pe() {
-  for (const n of [...I])
+  for (const n of [...z])
     n.close();
 }
 function Fe() {
-  const n = H("useFloatingComponent"), t = (e) => ({
+  const n = I("useFloatingComponent"), t = (e) => ({
     appContext: n.appContext,
     ...e
   });
   return {
-    showFloatingComponent: (e, o, a) => n.own((s) => k(z(e, o), t(a), s)),
+    showFloatingComponent: (e, o, a) => n.own((s) => k(N(e, o), t(a), s)),
     showFloatingMessage: (e, o) => {
-      const a = N(e);
-      return n.own((s) => k(R(a), t({
-        copyValue: a,
-        ...o
-      }), s));
+      const { html: a, ...s } = o ?? {};
+      return n.own((r) => k(R(e, a), t({
+        copyValue: $(e),
+        ...s
+      }), r));
     }
   };
 }
@@ -206,24 +206,24 @@ function _(n, t) {
   return new Promise((s) => {
     const r = document.createElement("div");
     document.body.appendChild(r);
-    const i = p(ee, {
+    const i = u(ee, {
       ...a,
       message: n,
       open: !0,
       "onEmit:close": (l) => {
         m(null, r), r.remove(), s(l);
       }
-    }, e ? { icon: () => p(e) } : void 0);
+    }, e ? { icon: () => u(e) } : void 0);
     o && (i.appContext = o), m(i, r);
   });
 }
-function Ve(n, t) {
+function He(n, t) {
   return _(n, {
     ...t,
     type: "info"
   });
 }
-function He(n, t) {
+function Ve(n, t) {
   return _(n, {
     ...t,
     type: "confirm"
@@ -243,11 +243,11 @@ function ze(n, t) {
 }
 const j = /* @__PURE__ */ new Set(), G = (n, t, e, o) => {
   const { appContext: a, onClose: s, ...r } = e ?? {};
-  return V((i, l) => p(ne, {
+  return V((i, l) => u(ne, {
     ...r,
     ...i
   }, {
-    default: () => p(n, {
+    default: () => u(n, {
       ...t,
       close: l.close,
       setLoading: l.setLoading
@@ -262,7 +262,7 @@ function Re() {
     n.close();
 }
 function je() {
-  const n = H("useOverlayBox");
+  const n = I("useOverlayBox");
   return {
     showOverlayBox: (t, e, o) => n.own((a) => G(t, e, {
       appContext: n.appContext,
@@ -276,12 +276,12 @@ function Ge(n) {
   const e = () => {
     m(null, t), t.remove();
   };
-  return m(p(te, {
+  return m(u(te, {
     ...n,
     loading: !0
   }), t), { close: e };
 }
-const ye = ["aria-label", "title"], Ce = ["title", "onClick"], ve = {
+const ye = ["aria-label", "title"], ve = ["title", "onClick"], Ce = {
   key: 0,
   class: "dwui-snackbar-header"
 }, ke = {
@@ -302,15 +302,15 @@ const ye = ["aria-label", "title"], Ce = ["title", "onClick"], ve = {
   },
   emits: ["emit:close", "emit:clear", "emit:afterLeave"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = A(() => {
+    const e = n, o = t, a = M(() => {
       const [r, i = "center"] = e.placement.split("-");
       return [
         `dwui-snackbar-container-${r}`,
         `dwui-snackbar-container-${i}`,
         `dwui-snackbar-container-${e.direction}`
       ];
-    }), s = A(() => e.items.filter((r) => r.clearable).at(-1)?.clearLabel);
-    return (r, i) => (u(), L(de, {
+    }), s = M(() => e.items.filter((r) => r.clearable).at(-1)?.clearLabel);
+    return (r, i) => (p(), L(de, {
       tag: "div",
       name: "dwui-snackbar-fade",
       class: S(["dwui-snackbar-container", a.value]),
@@ -318,7 +318,7 @@ const ye = ["aria-label", "title"], Ce = ["title", "onClick"], ve = {
       onAfterLeave: i[1] || (i[1] = (l) => o("emit:afterLeave"))
     }, {
       default: b(() => [
-        s.value != null ? (u(), f("button", {
+        s.value != null ? (p(), f("button", {
           key: "clear",
           type: "button",
           class: "dwui-snackbar-clear-button",
@@ -326,29 +326,29 @@ const ye = ["aria-label", "title"], Ce = ["title", "onClick"], ve = {
           title: s.value,
           onClick: i[0] || (i[0] = (l) => o("emit:clear"))
         }, [
-          P(ue(ge))
+          F(ue(ge))
         ], 8, ye)) : g("", !0),
-        (u(!0), f(pe, null, me(e.items, (l) => (u(), f("button", {
+        (p(!0), f(pe, null, me(e.items, (l) => (p(), f("button", {
           key: l.id,
           type: "button",
           class: S(["dwui-snackbar", l.class]),
-          style: W(l.style),
+          style: P(l.style),
           title: l.message,
           onClick: (c) => o("emit:close", l.id)
         }, [
-          l.title || l.label ? (u(), f("span", ve, [
-            l.title ? (u(), f("span", ke, y(l.title), 1)) : g("", !0),
-            l.label ? (u(), f("span", xe, y(l.label), 1)) : g("", !0)
+          l.title || l.label ? (p(), f("span", Ce, [
+            l.title ? (p(), f("span", ke, y(l.title), 1)) : g("", !0),
+            l.label ? (p(), f("span", xe, y(l.label), 1)) : g("", !0)
           ])) : g("", !0),
           fe("span", _e, y(l.message), 1),
-          l.timestamp ? (u(), f("span", Le, y(l.timestamp), 1)) : g("", !0)
-        ], 14, Ce))), 128))
+          l.timestamp ? (p(), f("span", Le, y(l.timestamp), 1)) : g("", !0)
+        ], 14, ve))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Be = 50, C = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
-let M = 0;
+}), Be = 50, v = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+let W = 0;
 const x = (n, t, e) => {
   const o = n.findIndex((s) => s.id === t);
   if (o < 0)
@@ -356,29 +356,29 @@ const x = (n, t, e) => {
   n.splice(o, 1);
   const a = B.get(t);
   B.delete(t), clearTimeout(a?.timer), a?.onClose?.(e);
-}, U = (n) => {
+}, K = (n) => {
   const t = n.map((e) => e.id);
   for (let e = 0; e < t.length; e++)
     setTimeout(() => x(n, t[e], "clear"), Be * e);
 }, Ee = (n, t) => {
-  const e = `${n} ${t}`, o = C.get(e);
+  const e = `${n} ${t}`, o = v.get(e);
   if (o)
     return o;
   const a = document.createElement("div");
   document.body.appendChild(a);
   const s = we([]);
-  return C.set(e, s), m(p(Se, {
+  return v.set(e, s), m(u(Se, {
     placement: n,
     direction: t,
     items: s,
     "onEmit:close": (r) => x(s, r, "click"),
-    "onEmit:clear": () => U(s),
+    "onEmit:clear": () => K(s),
     "onEmit:afterLeave": () => {
-      s.length === 0 && C.get(e) === s && (C.delete(e), m(null, a), a.remove());
+      s.length === 0 && v.get(e) === s && (v.delete(e), m(null, a), a.remove());
     }
   }), a), s;
 };
-function Ue(n, t) {
+function Ke(n, t) {
   const {
     placement: e = "bottom",
     direction: o = "overlap",
@@ -388,8 +388,8 @@ function Ue(n, t) {
     onClose: i,
     ...l
   } = t ?? {}, c = Ee(e, o);
-  M += 1;
-  const d = M;
+  W += 1;
+  const d = W;
   return c.push({
     ...l,
     id: d,
@@ -403,9 +403,9 @@ function Ue(n, t) {
     close: () => x(c, d, "handle")
   };
 }
-function qe() {
-  for (const n of C.values())
-    U(n);
+function Ue() {
+  for (const n of v.values())
+    K(n);
 }
 export {
   Xe as AccordionFieldset,
@@ -429,19 +429,20 @@ export {
   un as WarningPopper,
   Pe as closeAllFloatingComponents,
   Re as closeAllOverlayBoxes,
-  qe as closeAllSnackbars,
-  Te as headersToCsvColumns,
+  Ue as closeAllSnackbars,
+  De as headersToCsvColumns,
   Ae as rowToCsvColumns,
-  He as showConfirmationDialog,
+  Ve as showConfirmationDialog,
   ze as showErrorDialog,
   Me as showFloatingComponent,
   We as showFloatingMessage,
-  Ve as showInformationDialog,
+  He as showInformationDialog,
   _ as showModalDialog,
   Ne as showOverlayBox,
   Ge as showScreenLoading,
-  Ue as showSnackbar,
+  Ke as showSnackbar,
   Ie as showWarningDialog,
   Fe as useFloatingComponent,
-  je as useOverlayBox
+  je as useOverlayBox,
+  pn as vueCoreOptionsKey
 };

package/lib/internal/data-table-controls.d.cts

@@ -28,13 +28,13 @@ interface Props {
     formatTotalCount?: (count: number) => string;
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "emit:changeLimit": (limit: number) => any;
     "emit:changePage": (page: number) => any;
+    "emit:changeLimit": (limit: number) => any;
     "emit:downloadPage": () => any;
     "emit:downloadAll": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:changePage"?: ((page: number) => any) | undefined;
+    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:downloadPage"?: (() => any) | undefined;
     "onEmit:downloadAll"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/lib/internal/data-table-controls.d.ts

@@ -28,13 +28,13 @@ interface Props {
     formatTotalCount?: (count: number) => string;
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "emit:changeLimit": (limit: number) => any;
     "emit:changePage": (page: number) => any;
+    "emit:changeLimit": (limit: number) => any;
     "emit:downloadPage": () => any;
     "emit:downloadAll": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:changePage"?: ((page: number) => any) | undefined;
+    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
     "onEmit:downloadPage"?: (() => any) | undefined;
     "onEmit:downloadAll"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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-HaiHcseF.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-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;

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-2zQ2SZuY.js";
+import { c as a } from "./components-B2jz-g6A.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-HaiHcseF.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-COL2ZbhC.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-2zQ2SZuY.js";
+import { c as t } from "./components-B2jz-g6A.js";
 function m(o) {
   for (const [n, e] of Object.entries(t))
     o.component(n, e);

package/lib/types/data-table.d.cts

@@ -1,7 +1,6 @@
-import { ClassValue, StyleValue } from 'vue';
 /** 列の値の型。ソートの比較方法を決める */
 export type DataTableValueType = 'boolean' | 'string' | 'number' | 'object';
-/** ソートの方式。page は表示中の行を並べ替えて返し、remote はソート条件を通知するだけで利用側が再取得する */
+/** ソートの方式。page は表示中の行を並べ替えて表示し、remote はソート条件を通知するだけで利用側が再取得する */
 export type DataTableSortMode = 'page' | 'remote';
 /** コントロール(ページネーション・総件数・表示件数・ダウンロードボタン)を出す位置 */
 export type DataTableControlsPlacement = 'both' | 'top' | 'bottom' | 'none';
@@ -82,98 +81,6 @@ export interface DataTableLabels {
 }
 /** 関数を評価した後の文言 */
 export type DataTableResolvedLabels = Record<keyof DataTableLabels, string>;
-/**
- * DataTable の props
- */
-export interface DataTableProps<T = unknown> {
-    /** 表示している行のデータ。スロットで描画する行と同じ順に並んでいること */
-    dataList: T[];
-    /** ヘッダ。id は一意であること */
-    headers: DataTableHeader<T>[];
-    /** 読み込み中。true の間は行を描画せず読み込み中の表示を出す */
-    loading?: boolean;
-    /** 総件数。未指定なら dataList の件数 */
-    totalCount?: number;
-    /** 現在ページ(1起点) */
-    current?: number;
-    /** 1ページあたりの表示件数 */
-    limit?: number;
-    /** 1ページあたりの表示件数の上限 */
-    maxLimit?: number;
-    /** ページネーションに並べるページ番号の最大数 */
-    maxPagination?: number;
-    /** 行をクリックで選択できるか */
-    selectable?: boolean;
-    /** コントロールを出す位置 */
-    controls?: DataTableControlsPlacement;
-    /** ページネーションを出す位置。controls が無い側には出ない */
-    pagination?: DataTableControlsPlacement;
-    /** ページダウンロードボタンを表示するか */
-    showDownloadPage?: boolean;
-    /** 全件ダウンロードボタンを表示するか */
-    showDownloadAll?: boolean;
-    /** 総件数を表示するか */
-    showTotal?: boolean;
-    /** 1ページあたりの表示件数の入力を表示するか */
-    showLimit?: boolean;
-    /** ページネーションにページ番号の選択を表示するか */
-    showPageSelect?: boolean;
-    /** dataList が空のときにデータが無い旨の行を表示するか */
-    showNoData?: boolean;
-    /** ヘッダの境界のドラッグで列幅を変えられるか */
-    resizable?: boolean;
-    /** ヘッダのクリックでソートできるか */
-    sortable?: boolean;
-    /** ソートの方式。未指定なら remote */
-    sortMode?: DataTableSortMode;
-    /** テーブルをスクロールする領域に付ける class */
-    contentClass?: ClassValue;
-    /** テーブルをスクロールする領域に付ける style */
-    contentStyle?: StyleValue;
-    /** table に付ける class */
-    tableClass?: ClassValue;
-    /** table に付ける style */
-    tableStyle?: StyleValue;
-    /** 表示する文言。未指定の項目は英語 */
-    labels?: DataTableLabels;
-    /** 総件数の整形。未指定なら en-US の桁区切り。SSR とクライアントで同じ文字列を返すこと */
-    formatTotalCount?: (count: number) => string;
-}
-/**
- * DataTable が発行するイベント
- */
-export interface DataTableEmits<T = unknown> {
-    /** 選択が変わった。クリックでの選択・解除、カーソルキーでの移動、読み込み完了時の解除で発行する。解除は undefined と -1 */
-    (e: 'emit:selectRow', value: T | undefined, index: number): void;
-    /** ソートの条件が変わった。sortMode に関わらず発行する */
-    (e: 'emit:changeSort', context: DataTableSortContext): void;
-    /** sortMode が page のとき、表示中の行を並べ替えた配列を発行する */
-    (e: 'emit:sortData', dataList: T[]): void;
-    (e: 'emit:updateHeader', headers: DataTableHeader<T>[]): void;
-    (e: 'emit:dblclickRow', value: T, index: number): void;
-    (e: 'emit:changeLimit', limit: number): void;
-    (e: 'emit:changePage', page: number): void;
-    (e: 'emit:downloadPage'): void;
-    (e: 'emit:downloadAll'): void;
-}
-/**
- * DataTable のスロット
- */
-export interface DataTableSlots<T = unknown> {
-    /** 行。tr を dataList と同じ順に並べ、tr の click で clickRow(row, index) を呼ぶ */
-    default?(props: {
-        /** 行を選択する。選択している行なら選択を解除する */
-        clickRow: (row: T, index: number) => void;
-        /** 行を選択してダブルクリックを通知する */
-        dblclickRow: (row: T, index: number) => void;
-        /** 行のインデックスから、ページをまたいだ1起点の行番号を返す */
-        rowNumber: (index: number) => number;
-        /** 選択している行のインデックス。選択していなければ -1 */
-        selectedIndex: number;
-    }): unknown;
-    /** 読み込み中の表示。未指定なら既定のスピナー */
-    loading?(): unknown;
-}
 /**
  * ソートの状態
  */