@fastkit/vui 0.7.23 → 0.7.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/vui.cjs.js +24 -3
  2. package/dist/vui.cjs.prod.js +24 -3
  3. package/dist/vui.d.ts +58 -21
  4. package/dist/vui.mjs +24 -3
  5. package/package.json +6 -6
  6. package/src/components/VDataTable/VDataTable.tsx +5 -1
  7. package/src/components/VFormControl/VFormControl.tsx +18 -1
  8. package/src/service.tsx +2 -1
package/dist/vui.cjs.js CHANGED
@@ -247,6 +247,21 @@ const VFormControl = vue.defineComponent({
247
247
  "name": vui.icon('hinttip')
248
248
  }, null)
249
249
  });
250
+ const hinttipDelay = vue.computed(() => {
251
+ let {
252
+ hinttipDelay
253
+ } = control;
254
+
255
+ if (hinttipDelay == null) {
256
+ hinttipDelay = vui.setting('hinttipDelay');
257
+ }
258
+
259
+ if (hinttipDelay == null) {
260
+ hinttipDelay = 500;
261
+ }
262
+
263
+ return hinttipDelay;
264
+ });
250
265
  ctx.expose(control.expose());
251
266
  const colorProvider = useVuiColorProvider();
252
267
  const classes = vue.computed(() => [{
@@ -268,6 +283,7 @@ const VFormControl = vue.defineComponent({
268
283
  const message = control.renderMessage();
269
284
  const appends = control.renderInfoAppends();
270
285
  const hinttip = control.renderHinttip();
286
+ const _hinttipDelay = hinttipDelay.value;
271
287
  return vue.createVNode("div", {
272
288
  "class": ['v-form-control', classes.value]
273
289
  }, [label && vue.createVNode("label", {
@@ -277,7 +293,8 @@ const VFormControl = vue.defineComponent({
277
293
  }
278
294
  }, [label, getRequiredChip(), hinttip && vue.createVNode(vueKit.VTooltip, {
279
295
  "top": true,
280
- "openOnHover": false
296
+ "openOnHover": _hinttipDelay !== 'click',
297
+ "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
281
298
  }, {
282
299
  default: () => [vue.createVNode("div", {
283
300
  "class": "v-form-control__label__hinttip__hint"
@@ -3385,7 +3402,8 @@ const DATA_TABLE_DEFAULTS = {
3385
3402
  descQueryValue: 'DESC',
3386
3403
  limits: [5, 10, 20, 50, 100],
3387
3404
  limitDefault: 20,
3388
- contorolThreshold: 10
3405
+ contorolThreshold: 10,
3406
+ searchQuery: []
3389
3407
  };
3390
3408
  function configureDataTableDefaults(defaults) {
3391
3409
  Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3435,7 +3453,10 @@ const VDataTable = vue.defineComponent({
3435
3453
  /**
3436
3454
  * 検索クエリ名
3437
3455
  */
3438
- searchQuery: [String, Array],
3456
+ searchQuery: {
3457
+ type: [String, Array],
3458
+ default: () => DATA_TABLE_DEFAULTS.searchQuery
3459
+ },
3439
3460
 
3440
3461
  /**
3441
3462
  * リミット件数クエリ名
package/dist/vui.cjs.prod.js CHANGED
@@ -247,6 +247,21 @@ const VFormControl = vue.defineComponent({
247
247
  "name": vui.icon('hinttip')
248
248
  }, null)
249
249
  });
250
+ const hinttipDelay = vue.computed(() => {
251
+ let {
252
+ hinttipDelay
253
+ } = control;
254
+
255
+ if (hinttipDelay == null) {
256
+ hinttipDelay = vui.setting('hinttipDelay');
257
+ }
258
+
259
+ if (hinttipDelay == null) {
260
+ hinttipDelay = 500;
261
+ }
262
+
263
+ return hinttipDelay;
264
+ });
250
265
  ctx.expose(control.expose());
251
266
  const colorProvider = useVuiColorProvider();
252
267
  const classes = vue.computed(() => [{
@@ -268,6 +283,7 @@ const VFormControl = vue.defineComponent({
268
283
  const message = control.renderMessage();
269
284
  const appends = control.renderInfoAppends();
270
285
  const hinttip = control.renderHinttip();
286
+ const _hinttipDelay = hinttipDelay.value;
271
287
  return vue.createVNode("div", {
272
288
  "class": ['v-form-control', classes.value]
273
289
  }, [label && vue.createVNode("label", {
@@ -277,7 +293,8 @@ const VFormControl = vue.defineComponent({
277
293
  }
278
294
  }, [label, getRequiredChip(), hinttip && vue.createVNode(vueKit.VTooltip, {
279
295
  "top": true,
280
- "openOnHover": false
296
+ "openOnHover": _hinttipDelay !== 'click',
297
+ "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
281
298
  }, {
282
299
  default: () => [vue.createVNode("div", {
283
300
  "class": "v-form-control__label__hinttip__hint"
@@ -3385,7 +3402,8 @@ const DATA_TABLE_DEFAULTS = {
3385
3402
  descQueryValue: 'DESC',
3386
3403
  limits: [5, 10, 20, 50, 100],
3387
3404
  limitDefault: 20,
3388
- contorolThreshold: 10
3405
+ contorolThreshold: 10,
3406
+ searchQuery: []
3389
3407
  };
3390
3408
  function configureDataTableDefaults(defaults) {
3391
3409
  Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3435,7 +3453,10 @@ const VDataTable = vue.defineComponent({
3435
3453
  /**
3436
3454
  * 検索クエリ名
3437
3455
  */
3438
- searchQuery: [String, Array],
3456
+ searchQuery: {
3457
+ type: [String, Array],
3458
+ default: () => DATA_TABLE_DEFAULTS.searchQuery
3459
+ },
3439
3460
 
3440
3461
  /**
3441
3462
  * リミット件数クエリ名
package/dist/vui.d.ts CHANGED
@@ -19,6 +19,9 @@ import { FocusPosition } from '@tiptap/vue-3';
19
19
  import { FormAction } from '@fastkit/vue-kit';
20
20
  import { FormAutoCapitalize } from '@fastkit/vue-kit';
21
21
  import { FormControl } from '@fastkit/vue-kit';
22
+ import { FormControlHinttip } from '@fastkit/vue-kit';
23
+ import { FormControlHinttipDelay } from '@fastkit/vue-kit';
24
+ import { FormControlHinttipDelay as FormControlHinttipDelay_2 } from '@fastkit/vue-form-control';
22
25
  import { FormControlSlots } from '@fastkit/vue-kit';
23
26
  import { FormNodeControl } from '@fastkit/vue-kit';
24
27
  import { FormNodeError } from '@fastkit/vue-kit';
@@ -829,7 +832,8 @@ declare function createTextFieldProps(): {
829
832
  nodeControl: PropType<FormNodeControl<any, any>>;
830
833
  label: PropType<VNodeChildOrSlot<any>>;
831
834
  hint: PropType<VNodeChildOrSlot<any>>;
832
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
835
+ hinttip: PropType<FormControlHinttip>;
836
+ hinttipDelay: PropType<FormControlHinttipDelay>;
833
837
  infoAppends: PropType<VNodeChildOrSlot<any>>;
834
838
  validating: BooleanConstructor;
835
839
  pending: BooleanConstructor;
@@ -897,6 +901,7 @@ declare const DATA_TABLE_DEFAULTS: {
897
901
  limits: number[];
898
902
  limitDefault: number;
899
903
  contorolThreshold: number;
904
+ searchQuery: string | string[];
900
905
  };
901
906
 
902
907
  export declare interface DataTableCellSlotPayload<T extends DataTableItem = DataTableItem> {
@@ -947,7 +952,8 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
947
952
  nodeControl: PropType<FormNodeControl<any, any>>;
948
953
  label: PropType<VNodeChildOrSlot<any>>;
949
954
  hint: PropType<VNodeChildOrSlot<any>>;
950
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
955
+ hinttip: PropType<FormControlHinttip>;
956
+ hinttipDelay: PropType<FormControlHinttipDelay>;
951
957
  infoAppends: PropType<VNodeChildOrSlot<any>>;
952
958
  validating: BooleanConstructor;
953
959
  pending: BooleanConstructor;
@@ -1061,6 +1067,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
1061
1067
  label?: unknown;
1062
1068
  hint?: unknown;
1063
1069
  hinttip?: unknown;
1070
+ hinttipDelay?: unknown;
1064
1071
  infoAppends?: unknown;
1065
1072
  validating?: unknown;
1066
1073
  pending?: unknown;
@@ -1123,7 +1130,8 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
1123
1130
  nodeControl?: FormNodeControl<any, any> | undefined;
1124
1131
  label?: VNodeChildOrSlot<any>;
1125
1132
  hint?: VNodeChildOrSlot<any>;
1126
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
1133
+ hinttip?: FormControlHinttip | undefined;
1134
+ hinttipDelay?: FormControlHinttipDelay | undefined;
1127
1135
  infoAppends?: VNodeChildOrSlot<any>;
1128
1136
  requiredChip?: RequiredChipSource | undefined;
1129
1137
  size?: "sm" | "md" | "lg" | undefined;
@@ -3615,7 +3623,8 @@ export declare const VCheckboxGroup: DefineComponent<{
3615
3623
  nodeControl: PropType<FormNodeControl<any, any>>;
3616
3624
  label: PropType<VNodeChildOrSlot<any>>;
3617
3625
  hint: PropType<VNodeChildOrSlot<any>>;
3618
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
3626
+ hinttip: PropType<FormControlHinttip>;
3627
+ hinttipDelay: PropType<FormControlHinttipDelay>;
3619
3628
  infoAppends: PropType<VNodeChildOrSlot<any>>;
3620
3629
  validating: BooleanConstructor;
3621
3630
  pending: BooleanConstructor;
@@ -3729,6 +3738,7 @@ export declare const VCheckboxGroup: DefineComponent<{
3729
3738
  label?: unknown;
3730
3739
  hint?: unknown;
3731
3740
  hinttip?: unknown;
3741
+ hinttipDelay?: unknown;
3732
3742
  infoAppends?: unknown;
3733
3743
  validating?: unknown;
3734
3744
  pending?: unknown;
@@ -3791,7 +3801,8 @@ export declare const VCheckboxGroup: DefineComponent<{
3791
3801
  nodeControl?: FormNodeControl<any, any> | undefined;
3792
3802
  label?: VNodeChildOrSlot<any>;
3793
3803
  hint?: VNodeChildOrSlot<any>;
3794
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
3804
+ hinttip?: FormControlHinttip | undefined;
3805
+ hinttipDelay?: FormControlHinttipDelay | undefined;
3795
3806
  infoAppends?: VNodeChildOrSlot<any>;
3796
3807
  requiredChip?: RequiredChipSource | undefined;
3797
3808
  size?: "sm" | "md" | "lg" | undefined;
@@ -3888,7 +3899,10 @@ export declare const VDataTable: DefineComponent<{
3888
3899
  /**
3889
3900
  * 検索クエリ名
3890
3901
  */
3891
- searchQuery: PropType<string | string[]>;
3902
+ searchQuery: {
3903
+ type: PropType<string | string[]>;
3904
+ default: () => string | string[];
3905
+ };
3892
3906
  /**
3893
3907
  * リミット件数クエリ名
3894
3908
  */
@@ -3973,6 +3987,7 @@ export declare const VDataTable: DefineComponent<{
3973
3987
  limits: number[];
3974
3988
  limitDefault: number;
3975
3989
  contorolThreshold: number;
3990
+ searchQuery: string | string[];
3976
3991
  modelValue: string[];
3977
3992
  headers: DataTableHeader[];
3978
3993
  items: DataTableItem[];
@@ -3981,7 +3996,6 @@ export declare const VDataTable: DefineComponent<{
3981
3996
  fixedHeader: boolean;
3982
3997
  } & {
3983
3998
  maxHeight?: string | number | undefined;
3984
- searchQuery?: string | string[] | undefined;
3985
3999
  noDataMessage?: VNodeChild | (() => VNodeChild);
3986
4000
  noResultsMessage?: VNodeChild | (() => VNodeChild);
3987
4001
  }> & {
@@ -3998,6 +4012,7 @@ export declare const VDataTable: DefineComponent<{
3998
4012
  limits: number[];
3999
4013
  limitDefault: number;
4000
4014
  contorolThreshold: number;
4015
+ searchQuery: string | string[];
4001
4016
  modelValue: string[];
4002
4017
  items: DataTableItem[];
4003
4018
  total: number;
@@ -4704,7 +4719,8 @@ export declare const VFormControl: DefineComponent<{
4704
4719
  nodeControl: PropType<FormNodeControl<any, any>>;
4705
4720
  label: PropType<VNodeChildOrSlot<any>>;
4706
4721
  hint: PropType<VNodeChildOrSlot<any>>;
4707
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
4722
+ hinttip: PropType<FormControlHinttip>;
4723
+ hinttipDelay: PropType<FormControlHinttipDelay>;
4708
4724
  infoAppends: PropType<VNodeChildOrSlot<any>>;
4709
4725
  validating: BooleanConstructor;
4710
4726
  pending: BooleanConstructor;
@@ -4732,6 +4748,7 @@ export declare const VFormControl: DefineComponent<{
4732
4748
  label?: unknown;
4733
4749
  hint?: unknown;
4734
4750
  hinttip?: unknown;
4751
+ hinttipDelay?: unknown;
4735
4752
  infoAppends?: unknown;
4736
4753
  validating?: unknown;
4737
4754
  pending?: unknown;
@@ -4767,7 +4784,8 @@ export declare const VFormControl: DefineComponent<{
4767
4784
  nodeControl?: FormNodeControl<any, any> | undefined;
4768
4785
  label?: VNodeChildOrSlot<any>;
4769
4786
  hint?: VNodeChildOrSlot<any>;
4770
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
4787
+ hinttip?: FormControlHinttip | undefined;
4788
+ hinttipDelay?: FormControlHinttipDelay | undefined;
4771
4789
  infoAppends?: VNodeChildOrSlot<any>;
4772
4790
  requiredChip?: RequiredChipSource | undefined;
4773
4791
  "v-slots"?: ResolveRawSlots<FormControlSlots & {
@@ -7649,7 +7667,8 @@ export declare const VRadioGroup: DefineComponent<{
7649
7667
  nodeControl: PropType<FormNodeControl<any, any>>;
7650
7668
  label: PropType<VNodeChildOrSlot<any>>;
7651
7669
  hint: PropType<VNodeChildOrSlot<any>>;
7652
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
7670
+ hinttip: PropType<FormControlHinttip>;
7671
+ hinttipDelay: PropType<FormControlHinttipDelay>;
7653
7672
  infoAppends: PropType<VNodeChildOrSlot<any>>;
7654
7673
  validating: BooleanConstructor;
7655
7674
  pending: BooleanConstructor;
@@ -7763,6 +7782,7 @@ export declare const VRadioGroup: DefineComponent<{
7763
7782
  label?: unknown;
7764
7783
  hint?: unknown;
7765
7784
  hinttip?: unknown;
7785
+ hinttipDelay?: unknown;
7766
7786
  infoAppends?: unknown;
7767
7787
  validating?: unknown;
7768
7788
  pending?: unknown;
@@ -7825,7 +7845,8 @@ export declare const VRadioGroup: DefineComponent<{
7825
7845
  nodeControl?: FormNodeControl<any, any> | undefined;
7826
7846
  label?: VNodeChildOrSlot<any>;
7827
7847
  hint?: VNodeChildOrSlot<any>;
7828
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
7848
+ hinttip?: FormControlHinttip | undefined;
7849
+ hinttipDelay?: FormControlHinttipDelay | undefined;
7829
7850
  infoAppends?: VNodeChildOrSlot<any>;
7830
7851
  requiredChip?: RequiredChipSource | undefined;
7831
7852
  size?: "sm" | "md" | "lg" | undefined;
@@ -7884,7 +7905,8 @@ export declare const VSelect: DefineComponent<{
7884
7905
  nodeControl: PropType<FormNodeControl<any, any>>;
7885
7906
  label: PropType<VNodeChildOrSlot<any>>;
7886
7907
  hint: PropType<VNodeChildOrSlot<any>>;
7887
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
7908
+ hinttip: PropType<FormControlHinttip>;
7909
+ hinttipDelay: PropType<FormControlHinttipDelay>;
7888
7910
  infoAppends: PropType<VNodeChildOrSlot<any>>;
7889
7911
  validating: BooleanConstructor;
7890
7912
  pending: BooleanConstructor;
@@ -8004,6 +8026,7 @@ export declare const VSelect: DefineComponent<{
8004
8026
  label?: unknown;
8005
8027
  hint?: unknown;
8006
8028
  hinttip?: unknown;
8029
+ hinttipDelay?: unknown;
8007
8030
  infoAppends?: unknown;
8008
8031
  validating?: unknown;
8009
8032
  pending?: unknown;
@@ -8064,7 +8087,8 @@ export declare const VSelect: DefineComponent<{
8064
8087
  nodeControl?: FormNodeControl<any, any> | undefined;
8065
8088
  label?: VNodeChildOrSlot<any>;
8066
8089
  hint?: VNodeChildOrSlot<any>;
8067
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
8090
+ hinttip?: FormControlHinttip | undefined;
8091
+ hinttipDelay?: FormControlHinttipDelay | undefined;
8068
8092
  infoAppends?: VNodeChildOrSlot<any>;
8069
8093
  requiredChip?: RequiredChipSource | undefined;
8070
8094
  startAdornment?: VNodeChildOrSlot<any>;
@@ -8256,7 +8280,8 @@ export declare const VSwitchGroup: DefineComponent<{
8256
8280
  nodeControl: PropType<FormNodeControl<any, any>>;
8257
8281
  label: PropType<VNodeChildOrSlot<any>>;
8258
8282
  hint: PropType<VNodeChildOrSlot<any>>;
8259
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
8283
+ hinttip: PropType<FormControlHinttip>;
8284
+ hinttipDelay: PropType<FormControlHinttipDelay>;
8260
8285
  infoAppends: PropType<VNodeChildOrSlot<any>>;
8261
8286
  validating: BooleanConstructor;
8262
8287
  pending: BooleanConstructor;
@@ -8370,6 +8395,7 @@ export declare const VSwitchGroup: DefineComponent<{
8370
8395
  label?: unknown;
8371
8396
  hint?: unknown;
8372
8397
  hinttip?: unknown;
8398
+ hinttipDelay?: unknown;
8373
8399
  infoAppends?: unknown;
8374
8400
  validating?: unknown;
8375
8401
  pending?: unknown;
@@ -8432,7 +8458,8 @@ export declare const VSwitchGroup: DefineComponent<{
8432
8458
  nodeControl?: FormNodeControl<any, any> | undefined;
8433
8459
  label?: VNodeChildOrSlot<any>;
8434
8460
  hint?: VNodeChildOrSlot<any>;
8435
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
8461
+ hinttip?: FormControlHinttip | undefined;
8462
+ hinttipDelay?: FormControlHinttipDelay | undefined;
8436
8463
  infoAppends?: VNodeChildOrSlot<any>;
8437
8464
  requiredChip?: RequiredChipSource | undefined;
8438
8465
  size?: "sm" | "md" | "lg" | undefined;
@@ -8562,7 +8589,8 @@ export declare const VTextarea: DefineComponent<{
8562
8589
  nodeControl: PropType<FormNodeControl<any, any>>;
8563
8590
  label: PropType<VNodeChildOrSlot<any>>;
8564
8591
  hint: PropType<VNodeChildOrSlot<any>>;
8565
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
8592
+ hinttip: PropType<FormControlHinttip>;
8593
+ hinttipDelay: PropType<FormControlHinttipDelay>;
8566
8594
  infoAppends: PropType<VNodeChildOrSlot<any>>;
8567
8595
  validating: BooleanConstructor;
8568
8596
  pending: BooleanConstructor;
@@ -8681,6 +8709,7 @@ export declare const VTextarea: DefineComponent<{
8681
8709
  label?: unknown;
8682
8710
  hint?: unknown;
8683
8711
  hinttip?: unknown;
8712
+ hinttipDelay?: unknown;
8684
8713
  infoAppends?: unknown;
8685
8714
  validating?: unknown;
8686
8715
  pending?: unknown;
@@ -8762,7 +8791,8 @@ export declare const VTextarea: DefineComponent<{
8762
8791
  nodeControl?: FormNodeControl<any, any> | undefined;
8763
8792
  label?: VNodeChildOrSlot<any>;
8764
8793
  hint?: VNodeChildOrSlot<any>;
8765
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
8794
+ hinttip?: FormControlHinttip | undefined;
8795
+ hinttipDelay?: FormControlHinttipDelay | undefined;
8766
8796
  infoAppends?: VNodeChildOrSlot<any>;
8767
8797
  requiredChip?: RequiredChipSource | undefined;
8768
8798
  startAdornment?: VNodeChildOrSlot<any>;
@@ -8823,7 +8853,8 @@ export declare const VTextField: DefineComponent<{
8823
8853
  nodeControl: PropType<FormNodeControl<any, any>>;
8824
8854
  label: PropType<VNodeChildOrSlot<any>>;
8825
8855
  hint: PropType<VNodeChildOrSlot<any>>;
8826
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
8856
+ hinttip: PropType<FormControlHinttip>;
8857
+ hinttipDelay: PropType<FormControlHinttipDelay>;
8827
8858
  infoAppends: PropType<VNodeChildOrSlot<any>>;
8828
8859
  validating: BooleanConstructor;
8829
8860
  pending: BooleanConstructor;
@@ -8946,6 +8977,7 @@ export declare const VTextField: DefineComponent<{
8946
8977
  label?: unknown;
8947
8978
  hint?: unknown;
8948
8979
  hinttip?: unknown;
8980
+ hinttipDelay?: unknown;
8949
8981
  infoAppends?: unknown;
8950
8982
  validating?: unknown;
8951
8983
  pending?: unknown;
@@ -9031,7 +9063,8 @@ export declare const VTextField: DefineComponent<{
9031
9063
  nodeControl?: FormNodeControl<any, any> | undefined;
9032
9064
  label?: VNodeChildOrSlot<any>;
9033
9065
  hint?: VNodeChildOrSlot<any>;
9034
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
9066
+ hinttip?: FormControlHinttip | undefined;
9067
+ hinttipDelay?: FormControlHinttipDelay | undefined;
9035
9068
  infoAppends?: VNodeChildOrSlot<any>;
9036
9069
  requiredChip?: RequiredChipSource | undefined;
9037
9070
  startAdornment?: VNodeChildOrSlot<any>;
@@ -10171,6 +10204,7 @@ export declare interface VuiServiceUISettings {
10171
10204
  color?: ScopeName;
10172
10205
  variant?: ColorVariant;
10173
10206
  };
10207
+ hinttipDelay?: FormControlHinttipDelay_2;
10174
10208
  noDataMessage?: VNodeChild | (() => VNodeChild);
10175
10209
  noResultsMessage?: VNodeChild | (() => VNodeChild);
10176
10210
  }
@@ -10203,7 +10237,8 @@ export declare const VWysiwygEditor: DefineComponent<{
10203
10237
  nodeControl: PropType<FormNodeControl<any, any>>;
10204
10238
  label: PropType<VNodeChildOrSlot<any>>;
10205
10239
  hint: PropType<VNodeChildOrSlot<any>>;
10206
- hinttip: PropType<string | boolean | (() => VNodeChild)>;
10240
+ hinttip: PropType<FormControlHinttip>;
10241
+ hinttipDelay: PropType<FormControlHinttipDelay>;
10207
10242
  infoAppends: PropType<VNodeChildOrSlot<any>>;
10208
10243
  validating: BooleanConstructor;
10209
10244
  pending: BooleanConstructor;
@@ -10317,6 +10352,7 @@ export declare const VWysiwygEditor: DefineComponent<{
10317
10352
  label?: unknown;
10318
10353
  hint?: unknown;
10319
10354
  hinttip?: unknown;
10355
+ hinttipDelay?: unknown;
10320
10356
  infoAppends?: unknown;
10321
10357
  validating?: unknown;
10322
10358
  pending?: unknown;
@@ -10397,7 +10433,8 @@ export declare const VWysiwygEditor: DefineComponent<{
10397
10433
  nodeControl?: FormNodeControl<any, any> | undefined;
10398
10434
  label?: VNodeChildOrSlot<any>;
10399
10435
  hint?: VNodeChildOrSlot<any>;
10400
- hinttip?: string | boolean | (() => VNodeChild) | undefined;
10436
+ hinttip?: FormControlHinttip | undefined;
10437
+ hinttipDelay?: FormControlHinttipDelay | undefined;
10401
10438
  infoAppends?: VNodeChildOrSlot<any>;
10402
10439
  requiredChip?: RequiredChipSource | undefined;
10403
10440
  startAdornment?: VNodeChildOrSlot<any>;
package/dist/vui.mjs CHANGED
@@ -242,6 +242,21 @@ const VFormControl = defineComponent({
242
242
  "name": vui.icon('hinttip')
243
243
  }, null)
244
244
  });
245
+ const hinttipDelay = computed(() => {
246
+ let {
247
+ hinttipDelay
248
+ } = control;
249
+
250
+ if (hinttipDelay == null) {
251
+ hinttipDelay = vui.setting('hinttipDelay');
252
+ }
253
+
254
+ if (hinttipDelay == null) {
255
+ hinttipDelay = 500;
256
+ }
257
+
258
+ return hinttipDelay;
259
+ });
245
260
  ctx.expose(control.expose());
246
261
  const colorProvider = useVuiColorProvider();
247
262
  const classes = computed(() => [{
@@ -263,6 +278,7 @@ const VFormControl = defineComponent({
263
278
  const message = control.renderMessage();
264
279
  const appends = control.renderInfoAppends();
265
280
  const hinttip = control.renderHinttip();
281
+ const _hinttipDelay = hinttipDelay.value;
266
282
  return createVNode("div", {
267
283
  "class": ['v-form-control', classes.value]
268
284
  }, [label && createVNode("label", {
@@ -272,7 +288,8 @@ const VFormControl = defineComponent({
272
288
  }
273
289
  }, [label, getRequiredChip(), hinttip && createVNode(VTooltip, {
274
290
  "top": true,
275
- "openOnHover": false
291
+ "openOnHover": _hinttipDelay !== 'click',
292
+ "openDelay": typeof _hinttipDelay === 'number' ? _hinttipDelay : undefined
276
293
  }, {
277
294
  default: () => [createVNode("div", {
278
295
  "class": "v-form-control__label__hinttip__hint"
@@ -3380,7 +3397,8 @@ const DATA_TABLE_DEFAULTS = {
3380
3397
  descQueryValue: 'DESC',
3381
3398
  limits: [5, 10, 20, 50, 100],
3382
3399
  limitDefault: 20,
3383
- contorolThreshold: 10
3400
+ contorolThreshold: 10,
3401
+ searchQuery: []
3384
3402
  };
3385
3403
  function configureDataTableDefaults(defaults) {
3386
3404
  Object.assign(DATA_TABLE_DEFAULTS, defaults);
@@ -3430,7 +3448,10 @@ const VDataTable = defineComponent({
3430
3448
  /**
3431
3449
  * 検索クエリ名
3432
3450
  */
3433
- searchQuery: [String, Array],
3451
+ searchQuery: {
3452
+ type: [String, Array],
3453
+ default: () => DATA_TABLE_DEFAULTS.searchQuery
3454
+ },
3434
3455
 
3435
3456
  /**
3436
3457
  * リミット件数クエリ名
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastkit/vui",
3
- "version": "0.7.23",
3
+ "version": "0.7.28",
4
4
  "description": "@fastkit/vui",
5
5
  "buildOptions": {
6
6
  "name": "Vui",
@@ -32,11 +32,11 @@
32
32
  "vue": "^3.2.26"
33
33
  },
34
34
  "dependencies": {
35
- "@fastkit/color-scheme": "0.7.23",
36
- "@fastkit/icon-font": "0.7.23",
37
- "@fastkit/tiny-logger": "0.7.23",
38
- "@fastkit/vite-kit": "0.7.23",
39
- "@fastkit/vue-kit": "0.7.23",
35
+ "@fastkit/color-scheme": "0.7.28",
36
+ "@fastkit/icon-font": "0.7.28",
37
+ "@fastkit/tiny-logger": "0.7.28",
38
+ "@fastkit/vite-kit": "0.7.28",
39
+ "@fastkit/vue-kit": "0.7.28",
40
40
  "@tiptap/extension-link": "^2.0.0-beta.35",
41
41
  "@tiptap/extension-underline": "^2.0.0-beta.22",
42
42
  "@tiptap/starter-kit": "^2.0.0-beta.168",
package/src/components/VDataTable/VDataTable.tsx CHANGED
@@ -38,6 +38,7 @@ const DATA_TABLE_DEFAULTS = {
38
38
  limits: [5, 10, 20, 50, 100],
39
39
  limitDefault: 20,
40
40
  contorolThreshold: 10,
41
+ searchQuery: [] as string | string[],
41
42
  };
42
43
 
43
44
  export type DataTableDefaults = typeof DATA_TABLE_DEFAULTS;
@@ -129,7 +130,10 @@ export const VDataTable = defineComponent({
129
130
  /**
130
131
  * 検索クエリ名
131
132
  */
132
- searchQuery: [String, Array] as PropType<string | string[]>,
133
+ searchQuery: {
134
+ type: [String, Array] as PropType<string | string[]>,
135
+ default: () => DATA_TABLE_DEFAULTS.searchQuery,
136
+ },
133
137
 
134
138
  /**
135
139
  * リミット件数クエリ名
package/src/components/VFormControl/VFormControl.tsx CHANGED
@@ -64,6 +64,17 @@ export const VFormControl = defineComponent({
64
64
  ),
65
65
  });
66
66
 
67
+ const hinttipDelay = computed(() => {
68
+ let { hinttipDelay } = control;
69
+ if (hinttipDelay == null) {
70
+ hinttipDelay = vui.setting('hinttipDelay');
71
+ }
72
+ if (hinttipDelay == null) {
73
+ hinttipDelay = 500;
74
+ }
75
+ return hinttipDelay;
76
+ });
77
+
67
78
  ctx.expose(control.expose());
68
79
 
69
80
  const colorProvider = useVuiColorProvider();
@@ -98,6 +109,7 @@ export const VFormControl = defineComponent({
98
109
  const message = control.renderMessage();
99
110
  const appends = control.renderInfoAppends();
100
111
  const hinttip = control.renderHinttip();
112
+ const _hinttipDelay = hinttipDelay.value;
101
113
 
102
114
  return (
103
115
  <div class={['v-form-control', classes.value]}>
@@ -112,7 +124,12 @@ export const VFormControl = defineComponent({
112
124
  {hinttip && (
113
125
  <VTooltip
114
126
  top
115
- openOnHover={false}
127
+ openOnHover={_hinttipDelay !== 'click'}
128
+ openDelay={
129
+ typeof _hinttipDelay === 'number'
130
+ ? _hinttipDelay
131
+ : undefined
132
+ }
116
133
  v-slots={{
117
134
  activator: (ctx) => (
118
135
  <a
package/src/service.tsx CHANGED
@@ -14,7 +14,7 @@ import { RouterLink } from 'vue-router';
14
14
  import { LocationService, setDefaultRouterLink } from '@fastkit/vue-utils';
15
15
  import { VForm } from './components/VForm';
16
16
  import { VTextField, TextFieldInput } from './components/VTextField';
17
- import { VueForm } from '@fastkit/vue-form-control';
17
+ import { VueForm, FormControlHinttipDelay } from '@fastkit/vue-form-control';
18
18
  import { getDocumentScroller } from '@fastkit/vue-scroller';
19
19
 
20
20
  export interface VuiPromptOptions extends Partial<VDialogProps> {
@@ -50,6 +50,7 @@ export interface VuiServiceUISettings {
50
50
  color?: ScopeName;
51
51
  variant?: ColorVariant;
52
52
  };
53
+ hinttipDelay?: FormControlHinttipDelay;
53
54
  noDataMessage?: VNodeChild | (() => VNodeChild);
54
55
  noResultsMessage?: VNodeChild | (() => VNodeChild);
55
56
  }