@fastkit/vui 0.7.21 → 0.7.25

package/dist/tool/index.js

@@ -35,20 +35,21 @@ import './setup.scss';
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
 import { VPageLink } from '@fastkit/vue-page';
-import { installVuiPlugin as _installVuiPlugin, VuiPluginOptions } from '@fastkit/vui';
+import { installVuiPlugin as _installVuiPlugin, RawVuiPluginOptions, mergeVuiPluginOptions } from '@fastkit/vui';
 import { colorScheme } from '<%~ it.colorScheme %>';
 import '<%~ it.mediaMatch %>';
 import './icon-font';
 import '${STYLE_AFTER_EFFECTS_PATH}';
 
-export function installVui(settings: { app: App, router: Router }) {
-  _installVuiPlugin(settings.app, {
+export function installVui(settings: { app: App, router: Router }, options?: RawVuiPluginOptions) {
+  const merged = mergeVuiPluginOptions({
     RouterLink: VPageLink,
     colorScheme,
     uiSettings: <%~ it.uiSettings %>,
     icons: <%~ it.icons %>,
     ...settings,
-  });
+  }, options);
+  _installVuiPlugin(settings.app, merged);
 }
 
 export default installVui;

package/dist/tool/vite-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA+F/C,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAyJrB"}
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAgG/C,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAyJrB"}

package/dist/vui.cjs.js

@@ -247,6 +247,21 @@ const VFormControl = vue.defineComponent({
         "name": vui.icon('hinttip')
       }, null)
     });
+    const hinttipDelay = vue.computed(() => {
+      let {
+        hinttipDelay
+      } = control;
+
+      if (hinttipDelay == null) {
+        hinttipDelay = vui.setting('hinttipDelay');
+      }
+
+      if (hinttipDelay == null) {
+        hinttipDelay = 500;
+      }
+
+      return hinttipDelay;
+    });
     ctx.expose(control.expose());
     const colorProvider = useVuiColorProvider();
     const classes = vue.computed(() => [{
@@ -268,6 +283,7 @@ const VFormControl = vue.defineComponent({
       const message = control.renderMessage();
       const appends = control.renderInfoAppends();
       const hinttip = control.renderHinttip();
+      const _hinttipDelay = hinttipDelay.value;
       return vue.createVNode("div", {
         "class": ['v-form-control', classes.value]
       }, [label && vue.createVNode("label", {
@@ -277,7 +293,8 @@ const VFormControl = vue.defineComponent({
         }
       }, [label, getRequiredChip(), hinttip && vue.createVNode(vueKit.VTooltip, {
         "top": true,
-        "openOnHover": false
+        "openOnHover": _hinttipDelay !== 'click',
+        "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
       }, {
         default: () => [vue.createVNode("div", {
           "class": "v-form-control__label__hinttip__hint"
@@ -3385,7 +3402,8 @@ const DATA_TABLE_DEFAULTS = {
   descQueryValue: 'DESC',
   limits: [5, 10, 20, 50, 100],
   limitDefault: 20,
-  contorolThreshold: 10
+  contorolThreshold: 10,
+  searchQuery: []
 };
 function configureDataTableDefaults(defaults) {
   Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3432,6 +3450,14 @@ const VDataTable = vue.defineComponent({
       default: () => DATA_TABLE_DEFAULTS.orderQuery
     },
 
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: {
+      type: [String, Array],
+      default: () => DATA_TABLE_DEFAULTS.searchQuery
+    },
+
     /**
      * リミット件数クエリ名
      */
@@ -3477,7 +3503,11 @@ const VDataTable = vue.defineComponent({
     },
     selectable: Boolean,
     fixedHeader: Boolean,
-    maxHeight: [Number, String]
+    maxHeight: [Number, String],
+    // eslint-disable-next-line vue/require-prop-types
+    noDataMessage: {},
+    // eslint-disable-next-line vue/require-prop-types
+    noResultsMessage: {}
   },
   emits: {
     input: selecteds => true
@@ -3506,6 +3536,46 @@ const VDataTable = vue.defineComponent({
       ret.push(...headers.filter(h => !h.hidden));
       return ret;
     });
+    const searchQueryValues = vue.computed(() => {
+      let {
+        searchQuery
+      } = props;
+
+      if (!searchQuery) {
+        return [];
+      }
+
+      if (!Array.isArray(searchQuery)) {
+        searchQuery = [searchQuery];
+      }
+
+      const values = [];
+      searchQuery.forEach(query => {
+        const value = vui.location.getQuery(query);
+
+        if (value == null || value === '') {
+          return;
+        }
+
+        if (typeof value === 'object' && !Object.keys(value).length) {
+          return;
+        }
+
+        values.push(value);
+      });
+      return values;
+    });
+    const emptyMessage = vue.computed(() => {
+      let message;
+
+      if (searchQueryValues.value.length) {
+        message = props.noResultsMessage || vui.setting('noResultsMessage') || 'No search results found.'; // 検索結果が見つかりませんでした。
+      } else {
+        message = props.noDataMessage || vui.setting('noDataMessage') || 'No data was available.'; // データはありませんでした。
+      }
+
+      return typeof message === 'function' ? message() : message;
+    });
     const classesRef = vue.computed(() => [{
       'v-data-table--fixed-header': props.fixedHeader
     }]);
@@ -3972,7 +4042,7 @@ const VDataTable = vue.defineComponent({
         "class": "v-data-table__body container-pull"
       }, [isEmpty ? vue.createVNode("div", {
         "class": "v-data-table__empty--message"
-      }, null) : vue.createVNode(VPaper, {
+      }, [emptyMessage.value]) : vue.createVNode(VPaper, {
         "class": "v-data-table__body__inner",
         "style": bodyInnerStylesRef.value
       }, {
@@ -4136,6 +4206,51 @@ const VToolbarTitle = vue.defineComponent({
 
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
+function mergeVuiServiceUISettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceIconSettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceOptions(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base,
+    uiSettings: mergeVuiServiceUISettings(base.uiSettings, overrides.uiSettings),
+    icons: mergeVuiServiceIconSettings(base.icons, overrides.icons)
+  };
+  const excludes = ['uiSettings', 'icons'];
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value && !excludes.includes(key)) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
 class VuiService {
   get scroller() {
     return vueScroller.getDocumentScroller();
@@ -4272,6 +4387,18 @@ class VuiService {
 
 }
 
+function mergeVuiPluginOptions(base, override) {
+  if (!override) return base;
+  const merged = mergeVuiServiceOptions(base, override);
+
+  if (override.stack) {
+    merged.stack = { ...merged.stack,
+      ...override.stack
+    };
+  }
+
+  return merged;
+}
 class VuiPlugin {
   static installedApps = new Set();
 
@@ -4415,6 +4542,10 @@ exports.defineFormSelectorComponent = defineFormSelectorComponent;
 exports.iconProps = iconProps;
 exports.installVuiPlugin = installVuiPlugin;
 exports.listTileEmits = listTileEmits;
+exports.mergeVuiPluginOptions = mergeVuiPluginOptions;
+exports.mergeVuiServiceIconSettings = mergeVuiServiceIconSettings;
+exports.mergeVuiServiceOptions = mergeVuiServiceOptions;
+exports.mergeVuiServiceUISettings = mergeVuiServiceUISettings;
 exports.paginationProps = paginationProps;
 exports.rawIconProp = rawIconProp;
 exports.renderNavigationItemInput = renderNavigationItemInput;

package/dist/vui.cjs.prod.js

@@ -247,6 +247,21 @@ const VFormControl = vue.defineComponent({
         "name": vui.icon('hinttip')
       }, null)
     });
+    const hinttipDelay = vue.computed(() => {
+      let {
+        hinttipDelay
+      } = control;
+
+      if (hinttipDelay == null) {
+        hinttipDelay = vui.setting('hinttipDelay');
+      }
+
+      if (hinttipDelay == null) {
+        hinttipDelay = 500;
+      }
+
+      return hinttipDelay;
+    });
     ctx.expose(control.expose());
     const colorProvider = useVuiColorProvider();
     const classes = vue.computed(() => [{
@@ -268,6 +283,7 @@ const VFormControl = vue.defineComponent({
       const message = control.renderMessage();
       const appends = control.renderInfoAppends();
       const hinttip = control.renderHinttip();
+      const _hinttipDelay = hinttipDelay.value;
       return vue.createVNode("div", {
         "class": ['v-form-control', classes.value]
       }, [label && vue.createVNode("label", {
@@ -277,7 +293,8 @@ const VFormControl = vue.defineComponent({
         }
       }, [label, getRequiredChip(), hinttip && vue.createVNode(vueKit.VTooltip, {
         "top": true,
-        "openOnHover": false
+        "openOnHover": _hinttipDelay !== 'click',
+        "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
       }, {
         default: () => [vue.createVNode("div", {
           "class": "v-form-control__label__hinttip__hint"
@@ -3385,7 +3402,8 @@ const DATA_TABLE_DEFAULTS = {
   descQueryValue: 'DESC',
   limits: [5, 10, 20, 50, 100],
   limitDefault: 20,
-  contorolThreshold: 10
+  contorolThreshold: 10,
+  searchQuery: []
 };
 function configureDataTableDefaults(defaults) {
   Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3432,6 +3450,14 @@ const VDataTable = vue.defineComponent({
       default: () => DATA_TABLE_DEFAULTS.orderQuery
     },
 
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: {
+      type: [String, Array],
+      default: () => DATA_TABLE_DEFAULTS.searchQuery
+    },
+
     /**
      * リミット件数クエリ名
      */
@@ -3477,7 +3503,11 @@ const VDataTable = vue.defineComponent({
     },
     selectable: Boolean,
     fixedHeader: Boolean,
-    maxHeight: [Number, String]
+    maxHeight: [Number, String],
+    // eslint-disable-next-line vue/require-prop-types
+    noDataMessage: {},
+    // eslint-disable-next-line vue/require-prop-types
+    noResultsMessage: {}
   },
   emits: {
     input: selecteds => true
@@ -3506,6 +3536,46 @@ const VDataTable = vue.defineComponent({
       ret.push(...headers.filter(h => !h.hidden));
       return ret;
     });
+    const searchQueryValues = vue.computed(() => {
+      let {
+        searchQuery
+      } = props;
+
+      if (!searchQuery) {
+        return [];
+      }
+
+      if (!Array.isArray(searchQuery)) {
+        searchQuery = [searchQuery];
+      }
+
+      const values = [];
+      searchQuery.forEach(query => {
+        const value = vui.location.getQuery(query);
+
+        if (value == null || value === '') {
+          return;
+        }
+
+        if (typeof value === 'object' && !Object.keys(value).length) {
+          return;
+        }
+
+        values.push(value);
+      });
+      return values;
+    });
+    const emptyMessage = vue.computed(() => {
+      let message;
+
+      if (searchQueryValues.value.length) {
+        message = props.noResultsMessage || vui.setting('noResultsMessage') || 'No search results found.'; // 検索結果が見つかりませんでした。
+      } else {
+        message = props.noDataMessage || vui.setting('noDataMessage') || 'No data was available.'; // データはありませんでした。
+      }
+
+      return typeof message === 'function' ? message() : message;
+    });
     const classesRef = vue.computed(() => [{
       'v-data-table--fixed-header': props.fixedHeader
     }]);
@@ -3972,7 +4042,7 @@ const VDataTable = vue.defineComponent({
         "class": "v-data-table__body container-pull"
       }, [isEmpty ? vue.createVNode("div", {
         "class": "v-data-table__empty--message"
-      }, null) : vue.createVNode(VPaper, {
+      }, [emptyMessage.value]) : vue.createVNode(VPaper, {
         "class": "v-data-table__body__inner",
         "style": bodyInnerStylesRef.value
       }, {
@@ -4136,6 +4206,51 @@ const VToolbarTitle = vue.defineComponent({
 
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
+function mergeVuiServiceUISettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceIconSettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceOptions(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base,
+    uiSettings: mergeVuiServiceUISettings(base.uiSettings, overrides.uiSettings),
+    icons: mergeVuiServiceIconSettings(base.icons, overrides.icons)
+  };
+  const excludes = ['uiSettings', 'icons'];
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value && !excludes.includes(key)) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
 class VuiService {
   get scroller() {
     return vueScroller.getDocumentScroller();
@@ -4272,6 +4387,18 @@ class VuiService {
 
 }
 
+function mergeVuiPluginOptions(base, override) {
+  if (!override) return base;
+  const merged = mergeVuiServiceOptions(base, override);
+
+  if (override.stack) {
+    merged.stack = { ...merged.stack,
+      ...override.stack
+    };
+  }
+
+  return merged;
+}
 class VuiPlugin {
   static installedApps = new Set();
 
@@ -4415,6 +4542,10 @@ exports.defineFormSelectorComponent = defineFormSelectorComponent;
 exports.iconProps = iconProps;
 exports.installVuiPlugin = installVuiPlugin;
 exports.listTileEmits = listTileEmits;
+exports.mergeVuiPluginOptions = mergeVuiPluginOptions;
+exports.mergeVuiServiceIconSettings = mergeVuiServiceIconSettings;
+exports.mergeVuiServiceOptions = mergeVuiServiceOptions;
+exports.mergeVuiServiceUISettings = mergeVuiServiceUISettings;
 exports.paginationProps = paginationProps;
 exports.rawIconProp = rawIconProp;
 exports.renderNavigationItemInput = renderNavigationItemInput;

package/dist/vui.d.ts

@@ -19,6 +19,9 @@ import { FocusPosition } from '@tiptap/vue-3';
 import { FormAction } from '@fastkit/vue-kit';
 import { FormAutoCapitalize } from '@fastkit/vue-kit';
 import { FormControl } from '@fastkit/vue-kit';
+import { FormControlHinttip } from '@fastkit/vue-kit';
+import { FormControlHinttipDelay } from '@fastkit/vue-kit';
+import { FormControlHinttipDelay as FormControlHinttipDelay_2 } from '@fastkit/vue-form-control';
 import { FormControlSlots } from '@fastkit/vue-kit';
 import { FormNodeControl } from '@fastkit/vue-kit';
 import { FormNodeError } from '@fastkit/vue-kit';
@@ -829,7 +832,8 @@ declare function createTextFieldProps(): {
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -897,6 +901,7 @@ declare const DATA_TABLE_DEFAULTS: {
     limits: number[];
     limitDefault: number;
     contorolThreshold: number;
+    searchQuery: string | string[];
 };
 
 export declare interface DataTableCellSlotPayload<T extends DataTableItem = DataTableItem> {
@@ -947,7 +952,8 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -1061,6 +1067,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -1123,7 +1130,8 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     size?: "sm" | "md" | "lg" | undefined;
@@ -1241,6 +1249,14 @@ export declare const listTileEmits: {
     changeActive: (isActive: boolean) => boolean;
 };
 
+export declare function mergeVuiPluginOptions(base: VuiPluginOptions, override?: RawVuiPluginOptions): VuiPluginOptions;
+
+export declare function mergeVuiServiceIconSettings(base: VuiServiceIconSettings, overrides?: RawVuiServiceIconSettings): VuiServiceIconSettings;
+
+export declare function mergeVuiServiceOptions(base: VuiServiceOptions, overrides?: RawVuiServiceOptions): VuiServiceOptions;
+
+export declare function mergeVuiServiceUISettings(base: VuiServiceUISettings, overrides?: RawVuiServiceUISettings): VuiServiceUISettings;
+
 export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
     label: VNodeChild | (() => VNodeChild);
@@ -1299,8 +1315,21 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
 
 export declare type RawVButtonSpacer = boolean | VButtonSpacer;
 
+export declare interface RawVuiPluginOptions extends RawVuiServiceOptions {
+    stack?: VuiPluginStackOptions;
+}
+
 export declare type RawVuiPromptOptions = string | VuiPromptOptions;
 
+export declare type RawVuiServiceIconSettings = Partial<VuiServiceIconSettings>;
+
+export declare interface RawVuiServiceOptions extends Omit<Partial<VuiServiceOptions>, 'uiSettings' | 'icons'> {
+    uiSettings?: RawVuiServiceUISettings;
+    icons?: RawVuiServiceIconSettings;
+}
+
+export declare type RawVuiServiceUISettings = Partial<VuiServiceUISettings>;
+
 declare type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
 
 declare type RecursiveArray<T> = T | RecursiveArray<T>[];
@@ -3594,7 +3623,8 @@ export declare const VCheckboxGroup: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -3708,6 +3738,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -3770,7 +3801,8 @@ export declare const VCheckboxGroup: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     size?: "sm" | "md" | "lg" | undefined;
@@ -3864,6 +3896,13 @@ export declare const VDataTable: DefineComponent<{
         type: StringConstructor;
         default: () => string;
     };
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: {
+        type: PropType<string | string[]>;
+        default: () => string | string[];
+    };
     /**
      * リミット件数クエリ名
      */
@@ -3910,6 +3949,8 @@ export declare const VDataTable: DefineComponent<{
     selectable: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     maxHeight: (StringConstructor | NumberConstructor)[];
+    noDataMessage: PropType<VNodeChild | (() => VNodeChild)>;
+    noResultsMessage: PropType<VNodeChild | (() => VNodeChild)>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     input: (selecteds: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
@@ -3918,6 +3959,7 @@ export declare const VDataTable: DefineComponent<{
     pageQuery?: unknown;
     sortQuery?: unknown;
     orderQuery?: unknown;
+    searchQuery?: unknown;
     limitQuery?: unknown;
     defaultOrder?: unknown;
     ascQueryValue?: unknown;
@@ -3931,6 +3973,8 @@ export declare const VDataTable: DefineComponent<{
     selectable?: unknown;
     fixedHeader?: unknown;
     maxHeight?: unknown;
+    noDataMessage?: unknown;
+    noResultsMessage?: unknown;
 } & {
     itemKey: string;
     pageQuery: string;
@@ -3943,6 +3987,7 @@ export declare const VDataTable: DefineComponent<{
     limits: number[];
     limitDefault: number;
     contorolThreshold: number;
+    searchQuery: string | string[];
     modelValue: string[];
     headers: DataTableHeader[];
     items: DataTableItem[];
@@ -3951,6 +3996,8 @@ export declare const VDataTable: DefineComponent<{
     fixedHeader: boolean;
 } & {
     maxHeight?: string | number | undefined;
+    noDataMessage?: VNodeChild | (() => VNodeChild);
+    noResultsMessage?: VNodeChild | (() => VNodeChild);
 }> & {
     onInput?: ((selecteds: string[]) => any) | undefined;
 }, {
@@ -3965,6 +4012,7 @@ export declare const VDataTable: DefineComponent<{
     limits: number[];
     limitDefault: number;
     contorolThreshold: number;
+    searchQuery: string | string[];
     modelValue: string[];
     items: DataTableItem[];
     total: number;
@@ -4671,7 +4719,8 @@ export declare const VFormControl: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -4699,6 +4748,7 @@ export declare const VFormControl: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -4734,7 +4784,8 @@ export declare const VFormControl: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     "v-slots"?: ResolveRawSlots<FormControlSlots & {
@@ -7616,7 +7667,8 @@ export declare const VRadioGroup: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -7730,6 +7782,7 @@ export declare const VRadioGroup: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -7792,7 +7845,8 @@ export declare const VRadioGroup: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     size?: "sm" | "md" | "lg" | undefined;
@@ -7851,7 +7905,8 @@ export declare const VSelect: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -7971,6 +8026,7 @@ export declare const VSelect: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -8031,7 +8087,8 @@ export declare const VSelect: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     startAdornment?: VNodeChildOrSlot<any>;
@@ -8223,7 +8280,8 @@ export declare const VSwitchGroup: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -8337,6 +8395,7 @@ export declare const VSwitchGroup: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -8399,7 +8458,8 @@ export declare const VSwitchGroup: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     size?: "sm" | "md" | "lg" | undefined;
@@ -8529,7 +8589,8 @@ export declare const VTextarea: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -8648,6 +8709,7 @@ export declare const VTextarea: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -8729,7 +8791,8 @@ export declare const VTextarea: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     startAdornment?: VNodeChildOrSlot<any>;
@@ -8790,7 +8853,8 @@ export declare const VTextField: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -8913,6 +8977,7 @@ export declare const VTextField: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -8998,7 +9063,8 @@ export declare const VTextField: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     startAdornment?: VNodeChildOrSlot<any>;
@@ -10138,6 +10204,9 @@ export declare interface VuiServiceUISettings {
         color?: ScopeName;
         variant?: ColorVariant;
     };
+    hinttipDelay?: FormControlHinttipDelay_2;
+    noDataMessage?: VNodeChild | (() => VNodeChild);
+    noResultsMessage?: VNodeChild | (() => VNodeChild);
 }
 
 export declare type VuiVNodeResolver = () => VNodeChild;
@@ -10168,7 +10237,8 @@ export declare const VWysiwygEditor: DefineComponent<{
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
-    hinttip: PropType<string | boolean | (() => VNodeChild)>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
     infoAppends: PropType<VNodeChildOrSlot<any>>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
@@ -10282,6 +10352,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     label?: unknown;
     hint?: unknown;
     hinttip?: unknown;
+    hinttipDelay?: unknown;
     infoAppends?: unknown;
     validating?: unknown;
     pending?: unknown;
@@ -10362,7 +10433,8 @@ export declare const VWysiwygEditor: DefineComponent<{
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
-    hinttip?: string | boolean | (() => VNodeChild) | undefined;
+    hinttip?: FormControlHinttip | undefined;
+    hinttipDelay?: FormControlHinttipDelay | undefined;
     infoAppends?: VNodeChildOrSlot<any>;
     requiredChip?: RequiredChipSource | undefined;
     startAdornment?: VNodeChildOrSlot<any>;

package/dist/vui.mjs

@@ -242,6 +242,21 @@ const VFormControl = defineComponent({
         "name": vui.icon('hinttip')
       }, null)
     });
+    const hinttipDelay = computed(() => {
+      let {
+        hinttipDelay
+      } = control;
+
+      if (hinttipDelay == null) {
+        hinttipDelay = vui.setting('hinttipDelay');
+      }
+
+      if (hinttipDelay == null) {
+        hinttipDelay = 500;
+      }
+
+      return hinttipDelay;
+    });
     ctx.expose(control.expose());
     const colorProvider = useVuiColorProvider();
     const classes = computed(() => [{
@@ -263,6 +278,7 @@ const VFormControl = defineComponent({
       const message = control.renderMessage();
       const appends = control.renderInfoAppends();
       const hinttip = control.renderHinttip();
+      const _hinttipDelay = hinttipDelay.value;
       return createVNode("div", {
         "class": ['v-form-control', classes.value]
       }, [label && createVNode("label", {
@@ -272,7 +288,8 @@ const VFormControl = defineComponent({
         }
       }, [label, getRequiredChip(), hinttip && createVNode(VTooltip, {
         "top": true,
-        "openOnHover": false
+        "openOnHover": _hinttipDelay !== 'click',
+        "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
       }, {
         default: () => [createVNode("div", {
           "class": "v-form-control__label__hinttip__hint"
@@ -3380,7 +3397,8 @@ const DATA_TABLE_DEFAULTS = {
   descQueryValue: 'DESC',
   limits: [5, 10, 20, 50, 100],
   limitDefault: 20,
-  contorolThreshold: 10
+  contorolThreshold: 10,
+  searchQuery: []
 };
 function configureDataTableDefaults(defaults) {
   Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3427,6 +3445,14 @@ const VDataTable = defineComponent({
       default: () => DATA_TABLE_DEFAULTS.orderQuery
     },
 
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: {
+      type: [String, Array],
+      default: () => DATA_TABLE_DEFAULTS.searchQuery
+    },
+
     /**
      * リミット件数クエリ名
      */
@@ -3472,7 +3498,11 @@ const VDataTable = defineComponent({
     },
     selectable: Boolean,
     fixedHeader: Boolean,
-    maxHeight: [Number, String]
+    maxHeight: [Number, String],
+    // eslint-disable-next-line vue/require-prop-types
+    noDataMessage: {},
+    // eslint-disable-next-line vue/require-prop-types
+    noResultsMessage: {}
   },
   emits: {
     input: selecteds => true
@@ -3501,6 +3531,46 @@ const VDataTable = defineComponent({
       ret.push(...headers.filter(h => !h.hidden));
       return ret;
     });
+    const searchQueryValues = computed(() => {
+      let {
+        searchQuery
+      } = props;
+
+      if (!searchQuery) {
+        return [];
+      }
+
+      if (!Array.isArray(searchQuery)) {
+        searchQuery = [searchQuery];
+      }
+
+      const values = [];
+      searchQuery.forEach(query => {
+        const value = vui.location.getQuery(query);
+
+        if (value == null || value === '') {
+          return;
+        }
+
+        if (typeof value === 'object' && !Object.keys(value).length) {
+          return;
+        }
+
+        values.push(value);
+      });
+      return values;
+    });
+    const emptyMessage = computed(() => {
+      let message;
+
+      if (searchQueryValues.value.length) {
+        message = props.noResultsMessage || vui.setting('noResultsMessage') || 'No search results found.'; // 検索結果が見つかりませんでした。
+      } else {
+        message = props.noDataMessage || vui.setting('noDataMessage') || 'No data was available.'; // データはありませんでした。
+      }
+
+      return typeof message === 'function' ? message() : message;
+    });
     const classesRef = computed(() => [{
       'v-data-table--fixed-header': props.fixedHeader
     }]);
@@ -3967,7 +4037,7 @@ const VDataTable = defineComponent({
         "class": "v-data-table__body container-pull"
       }, [isEmpty ? createVNode("div", {
         "class": "v-data-table__empty--message"
-      }, null) : createVNode(VPaper, {
+      }, [emptyMessage.value]) : createVNode(VPaper, {
         "class": "v-data-table__body__inner",
         "style": bodyInnerStylesRef.value
       }, {
@@ -4131,6 +4201,51 @@ const VToolbarTitle = defineComponent({
 
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
+function mergeVuiServiceUISettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceIconSettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceOptions(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base,
+    uiSettings: mergeVuiServiceUISettings(base.uiSettings, overrides.uiSettings),
+    icons: mergeVuiServiceIconSettings(base.icons, overrides.icons)
+  };
+  const excludes = ['uiSettings', 'icons'];
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value && !excludes.includes(key)) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
 class VuiService {
   get scroller() {
     return getDocumentScroller$1();
@@ -4267,6 +4382,18 @@ class VuiService {
 
 }
 
+function mergeVuiPluginOptions(base, override) {
+  if (!override) return base;
+  const merged = mergeVuiServiceOptions(base, override);
+
+  if (override.stack) {
+    merged.stack = { ...merged.stack,
+      ...override.stack
+    };
+  }
+
+  return merged;
+}
 class VuiPlugin {
   static installedApps = new Set();
 
@@ -4324,4 +4451,4 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.7.21",
+  "version": "0.7.25",
   "description": "@fastkit/vui",
   "buildOptions": {
     "name": "Vui",
@@ -32,11 +32,11 @@
     "vue": "^3.2.26"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.21",
-    "@fastkit/icon-font": "0.7.21",
-    "@fastkit/tiny-logger": "0.7.21",
-    "@fastkit/vite-kit": "0.7.21",
-    "@fastkit/vue-kit": "0.7.21",
+    "@fastkit/color-scheme": "0.7.25",
+    "@fastkit/icon-font": "0.7.25",
+    "@fastkit/tiny-logger": "0.7.25",
+    "@fastkit/vite-kit": "0.7.25",
+    "@fastkit/vue-kit": "0.7.25",
     "@tiptap/extension-link": "^2.0.0-beta.35",
     "@tiptap/extension-underline": "^2.0.0-beta.22",
     "@tiptap/starter-kit": "^2.0.0-beta.168",

package/src/components/VDataTable/VDataTable.tsx

@@ -38,6 +38,7 @@ const DATA_TABLE_DEFAULTS = {
   limits: [5, 10, 20, 50, 100],
   limitDefault: 20,
   contorolThreshold: 10,
+  searchQuery: [] as string | string[],
 };
 
 export type DataTableDefaults = typeof DATA_TABLE_DEFAULTS;
@@ -126,6 +127,14 @@ export const VDataTable = defineComponent({
       default: () => DATA_TABLE_DEFAULTS.orderQuery,
     },
 
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: {
+      type: [String, Array] as PropType<string | string[]>,
+      default: () => DATA_TABLE_DEFAULTS.searchQuery,
+    },
+
     /**
      * リミット件数クエリ名
      */
@@ -172,6 +181,10 @@ export const VDataTable = defineComponent({
     selectable: Boolean,
     fixedHeader: Boolean,
     maxHeight: [Number, String],
+    // eslint-disable-next-line vue/require-prop-types
+    noDataMessage: {} as PropType<VNodeChild | (() => VNodeChild)>,
+    // eslint-disable-next-line vue/require-prop-types
+    noResultsMessage: {} as PropType<VNodeChild | (() => VNodeChild)>,
   },
   emits: {
     input: (selecteds: string[]) => true,
@@ -196,6 +209,45 @@ export const VDataTable = defineComponent({
       ret.push(...headers.filter((h) => !h.hidden));
       return ret;
     });
+
+    const searchQueryValues = computed<string[]>(() => {
+      let { searchQuery } = props;
+      if (!searchQuery) {
+        return [];
+      }
+      if (!Array.isArray(searchQuery)) {
+        searchQuery = [searchQuery];
+      }
+      const values: string[] = [];
+      searchQuery.forEach((query) => {
+        const value = vui.location.getQuery(query);
+        if (value == null || value === '') {
+          return;
+        }
+        if (typeof value === 'object' && !Object.keys(value).length) {
+          return;
+        }
+        values.push(value);
+      });
+      return values;
+    });
+
+    const emptyMessage = computed(() => {
+      let message: VNodeChild | (() => VNodeChild);
+      if (searchQueryValues.value.length) {
+        message =
+          props.noResultsMessage ||
+          vui.setting('noResultsMessage') ||
+          'No search results found.'; // 検索結果が見つかりませんでした。
+      } else {
+        message =
+          props.noDataMessage ||
+          vui.setting('noDataMessage') ||
+          'No data was available.'; // データはありませんでした。
+      }
+      return typeof message === 'function' ? message() : message;
+    });
+
     const classesRef = computed(() => [
       {
         'v-data-table--fixed-header': props.fixedHeader,
@@ -724,7 +776,7 @@ export const VDataTable = defineComponent({
           <div class="v-data-table__body container-pull">
             {isEmpty ? (
               <div class="v-data-table__empty--message">
-                {/* {this.computedEmptyMessage} */}
+                {emptyMessage.value}
               </div>
             ) : (
               <VPaper

package/src/components/VFormControl/VFormControl.tsx

@@ -64,6 +64,17 @@ export const VFormControl = defineComponent({
       ),
     });
 
+    const hinttipDelay = computed(() => {
+      let { hinttipDelay } = control;
+      if (hinttipDelay == null) {
+        hinttipDelay = vui.setting('hinttipDelay');
+      }
+      if (hinttipDelay == null) {
+        hinttipDelay = 500;
+      }
+      return hinttipDelay;
+    });
+
     ctx.expose(control.expose());
 
     const colorProvider = useVuiColorProvider();
@@ -98,6 +109,7 @@ export const VFormControl = defineComponent({
       const message = control.renderMessage();
       const appends = control.renderInfoAppends();
       const hinttip = control.renderHinttip();
+      const _hinttipDelay = hinttipDelay.value;
 
       return (
         <div class={['v-form-control', classes.value]}>
@@ -112,7 +124,12 @@ export const VFormControl = defineComponent({
               {hinttip && (
                 <VTooltip
                   top
-                  openOnHover={false}
+                  openOnHover={_hinttipDelay !== 'click'}
+                  openDelay={
+                    typeof _hinttipDelay === 'number'
+                      ? _hinttipDelay
+                      : undefined
+                  }
                   v-slots={{
                     activator: (ctx) => (
                       <a

package/src/plugin.tsx

@@ -1,5 +1,11 @@
 import { App } from 'vue';
-import { VuiService, VuiServiceOptions, VuiInjectionKey } from './service';
+import {
+  VuiService,
+  VuiServiceOptions,
+  RawVuiServiceOptions,
+  mergeVuiServiceOptions,
+  VuiInjectionKey,
+} from './service';
 import {
   installVueStackPlugin,
   VueStackServiceOptions,
@@ -14,6 +20,25 @@ export interface VuiPluginOptions extends VuiServiceOptions {
   stack?: VuiPluginStackOptions;
 }
 
+export interface RawVuiPluginOptions extends RawVuiServiceOptions {
+  stack?: VuiPluginStackOptions;
+}
+
+export function mergeVuiPluginOptions(
+  base: VuiPluginOptions,
+  override?: RawVuiPluginOptions,
+): VuiPluginOptions {
+  if (!override) return base;
+  const merged: VuiPluginOptions = mergeVuiServiceOptions(base, override);
+  if (override.stack) {
+    merged.stack = {
+      ...merged.stack,
+      ...override.stack,
+    };
+  }
+  return merged;
+}
+
 declare module '@vue/runtime-core' {
   export interface ComponentCustomProperties {
     $vui: VuiService;

package/src/service.tsx

@@ -14,7 +14,7 @@ import { RouterLink } from 'vue-router';
 import { LocationService, setDefaultRouterLink } from '@fastkit/vue-utils';
 import { VForm } from './components/VForm';
 import { VTextField, TextFieldInput } from './components/VTextField';
-import { VueForm } from '@fastkit/vue-form-control';
+import { VueForm, FormControlHinttipDelay } from '@fastkit/vue-form-control';
 import { getDocumentScroller } from '@fastkit/vue-scroller';
 
 export interface VuiPromptOptions extends Partial<VDialogProps> {
@@ -50,6 +50,29 @@ export interface VuiServiceUISettings {
     color?: ScopeName;
     variant?: ColorVariant;
   };
+  hinttipDelay?: FormControlHinttipDelay;
+  noDataMessage?: VNodeChild | (() => VNodeChild);
+  noResultsMessage?: VNodeChild | (() => VNodeChild);
+}
+
+export type RawVuiServiceUISettings = Partial<VuiServiceUISettings>;
+
+export function mergeVuiServiceUISettings(
+  base: VuiServiceUISettings,
+  overrides?: RawVuiServiceUISettings,
+): VuiServiceUISettings {
+  if (!overrides) {
+    return base;
+  }
+  const merged: VuiServiceUISettings = {
+    ...base,
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      (merged as any)[key] = value;
+    }
+  });
+  return merged;
 }
 
 export interface VuiServiceIconSettings {
@@ -72,6 +95,26 @@ export interface VuiServiceIconSettings {
   clear: IconName;
 }
 
+export type RawVuiServiceIconSettings = Partial<VuiServiceIconSettings>;
+
+export function mergeVuiServiceIconSettings(
+  base: VuiServiceIconSettings,
+  overrides?: RawVuiServiceIconSettings,
+): VuiServiceIconSettings {
+  if (!overrides) {
+    return base;
+  }
+  const merged: VuiServiceIconSettings = {
+    ...base,
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      (merged as any)[key] = value;
+    }
+  });
+  return merged;
+}
+
 export type VuiVNodeResolver = () => VNodeChild;
 
 export interface VuiServiceOptions {
@@ -86,6 +129,36 @@ export interface VuiServiceOptions {
   requiredChip?: VuiVNodeResolver;
 }
 
+export interface RawVuiServiceOptions
+  extends Omit<Partial<VuiServiceOptions>, 'uiSettings' | 'icons'> {
+  uiSettings?: RawVuiServiceUISettings;
+  icons?: RawVuiServiceIconSettings;
+}
+
+export function mergeVuiServiceOptions(
+  base: VuiServiceOptions,
+  overrides?: RawVuiServiceOptions,
+): VuiServiceOptions {
+  if (!overrides) {
+    return base;
+  }
+  const merged: VuiServiceOptions = {
+    ...base,
+    uiSettings: mergeVuiServiceUISettings(
+      base.uiSettings,
+      overrides.uiSettings,
+    ),
+    icons: mergeVuiServiceIconSettings(base.icons, overrides.icons),
+  };
+  const excludes = ['uiSettings', 'icons'];
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value && !excludes.includes(key)) {
+      (merged as any)[key] = value;
+    }
+  });
+  return merged;
+}
+
 export class VuiService {
   readonly options: VuiServiceOptions;
 

package/src/tool/vite-plugin.ts

@@ -30,20 +30,21 @@ import './setup.scss';
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
 import { VPageLink } from '@fastkit/vue-page';
-import { installVuiPlugin as _installVuiPlugin, VuiPluginOptions } from '@fastkit/vui';
+import { installVuiPlugin as _installVuiPlugin, RawVuiPluginOptions, mergeVuiPluginOptions } from '@fastkit/vui';
 import { colorScheme } from '<%~ it.colorScheme %>';
 import '<%~ it.mediaMatch %>';
 import './icon-font';
 import '${STYLE_AFTER_EFFECTS_PATH}';
 
-export function installVui(settings: { app: App, router: Router }) {
-  _installVuiPlugin(settings.app, {
+export function installVui(settings: { app: App, router: Router }, options?: RawVuiPluginOptions) {
+  const merged = mergeVuiPluginOptions({
     RouterLink: VPageLink,
     colorScheme,
     uiSettings: <%~ it.uiSettings %>,
     icons: <%~ it.icons %>,
     ...settings,
-  });
+  }, options);
+  _installVuiPlugin(settings.app, merged);
 }
 
 export default installVui;